Дизайн-печь 🔥 Ваня Емелюшкин – Telegram
Дизайн-печь 🔥 Ваня Емелюшкин
1.78K subscribers
585 photos
66 videos
556 links
Ваня Емелюшкин — Sr. Product Designer в ecom.tech. Дизайнил Самокат, Мегамаркет, InDrive, Ингосстрах, Альфастрахование, S7, Welltory

Про красивое https://news.1rj.ru/str/uigallery
Статьи https://dsgners.ru/user/ivan-emeliushkin

Связь @Nordicus
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
2Гис в честь первого апреля сделал кнопку «Назад в 2004». Посмотрите как изменились графические акценты в картах за 17 лет. Стало сильно лучше https://2gis.ru/
Зеплин тоже шутит 1 апреля)
В Твиттере спорят как выравнивать текст в кнопке. По прописным (слева) или по строчным (справа)?

https://mobile.twitter.com/romanshamin/status/1376880720199741447
А вам какой вариант больше нравится?
Anonymous Poll
63%
Слева
15%
Справа
7%
Не вижу разницы
16%
Оба так себе
​​Авиасейлз скрывает свой логотип под бровью айфона. Увидеть его можно только, если переслать скриншот с бровастого айфона куда-то ещё. Пасхалка =)
Дизайн-печь 🔥 Ваня Емелюшкин
В Твиттере спорят как выравнивать текст в кнопке. По прописным (слева) или по строчным (справа)? https://mobile.twitter.com/romanshamin/status/1376880720199741447
Как ровнять текст в кнопке

Ровнять текст нужно по прописным буквам, т.к. человеческий глаз воспринимает именно их как границу текстового блока. На практике, не нужно заниматься задростством и замерять расстояния от границ букв. Достаточно сделать текст чуточку выше. Так мы оптически компенсируем вес текста внутри кнопки. Единственная проблема — нёчетные отступы внутри, которые будут раздражать верстальщика и адептов чётных отступов, но эта жертва, которую стоит принести.

Итого:
👌 Прописные по-центру — низковато, но терпимо. Универсально для разработки.
👎 Строчные по-центру — сильно высоко.
😍 Прописные выше центра — идеально, но нечётно.
Бюро анонсировал выпуск своих лекций на широкую аудиторию. Раньше они были доступны только по ссылке для школы Бюро. Надеюсь, они будут бесплатны или за символическую цену. До сих пор больно, как вспомню стоимость их четырёхдневного интенсива, сравнимую с зарплатой миддл дизайнера в Новосибирске. https://bureau.ru/lectures/
Если вы хотите использовать Эмоджи в своём дизайне, вам стоит знать:

1. Эмоджи будут выглядет по-разному, в зависимости от устройства и его версии. Т.е. на Айфоне, Андроиде и устройствах на Виндоуз одно и то же солнышко будет различаться. Более того, на разных Андроидах могут различаться эмоджи, в зависимости от производителя.

2. Нужного эмоджи может не быть. Если вы делаете дизайн на последней версии МакОси, а ваш продукт поддерживает Айос 9, то проверяйте, что нужная эмоция была. Благо, всё есть на Эмоджипедии https://emojipedia.org/apple/ios-9.3/

3. Очень удобно использовать флаги-эмоджи, но в Виндоуз их пока не завезли. В вебе аккуратнее.

Как устроены эмоджи с технической стороны, смотрите в статье https://habr.com/ru/company/itelma/blog/549366/
Почему эппл отклоняет приложения с эмоджи

Не ясно. Есть случаи, когда они отклоняют приложения за эмоджи на кнопке, но в то же время Рокет банк несколько лет жил и обновлялся. В причине отклонения Эппл пишет, что нельзя использовать Эмоджи как элемент интерфейса. это странно выглядит на фоне советов использовать шрифт Сан Франциско и набор нативных иконок. Если уж очень хочется вставить эможти, вот что можно сделать:

1. Попытать счастья. Возможно, приложение пройдёт. А может нет. Кажется, что Эппл сами не уверены.

2. Подстелить подстилку: сделать эмоджи в интерфейсах легко заменяемыми на иконки или другие картинки. Если Эппл отклонит его, то не придётся перелопачивать весь прилож

3. Использовать бесплатные эмоджи от Твиттера или Сенса
https://twemoji.twitter.com/
https://sensa.co/emoji/
Дизайн-печь 🔥 Ваня Емелюшкин
Почему эппл отклоняет приложения с эмоджи Не ясно. Есть случаи, когда они отклоняют приложения за эмоджи на кнопке, но в то же время Рокет банк несколько лет жил и обновлялся. В причине отклонения Эппл пишет, что нельзя использовать Эмоджи как элемент интерфейса.…
Поправка
Официально Эппл допускают использование Эмоджи в приложении, если они написаны как символы, а не вставлены как картинки в png, но как они это проверяют — неизвестно.

Apps may use Unicode characters that render as Apple emoji in their app and app metadata. Apple emoji may not be used on other platforms or embedded directly in your app binary.

Пункт 4.5.6., в котором Эппл разрешают использовать Эмоджи, как символы Юникода. https://developer.apple.com/app-store/review/guidelines/#intellectual-property
Как не платить за Фигму

Вчера Фигма стала стоить 12 баксов за редактора и дизайн-сообщество загрустило, что халява закончилась.

Если вы готовы пожертвовать удобством ради экономии средств, ловите лайфхак. Работает так же для Зеплина и Миро:

1. Загоняете всех дизайнеров под единый корпоративный аккаунт. Проверено, 10 человек могут одновременно рисовать в разных проектах.
2.Приглашаете личные аккаунты дизайнеров как вьеров, чтобы понимать кто что предлагает. Надо комментить — переключаете корпоративный аккаунт на личный.
3. Поздравляю, вы восхитительны и не платите 12 баксов. Проверять дизайн на телефоне станет сложнее — постоянно будет меняться картинка на ту, над которой работают другие дизайнеры.

Такой подход отлично подойдёт командам с небольшими проектами, где редко нужно больше 1-2 дизайнеров на проект, а библиотеки не надо выносить в отдельный файл.
Адовый UX Nissan Qashqai

Слева — крутилка угла фар. Если фары освещают мало пространства, можно сделать больше.

Справа — брызгалка на фары, чтобы чистить их от налипшего снега и грязи.

В центре — отключение автоматики, чтобы во время заноса автомобиль бы не выровнял курс, а улетел бы в кювет и разбился.

Ночью на трассе добавляет остороты ощущений при выборе =)
О, найс, давно пора. Немного раздражает слишком активная анимация аватарок, думаю, можно было бы решить через небольшую анимацию рядом со speaking. Уверен, со временем поправят
This media is not supported in your browser
VIEW IN TELEGRAM
Дуров исправляет один из главных провалов Телеграма в пандемию — групповые видеозвонки. Они наконец-то появятся в мае. Всё по красоте: защищённые, быстрые, с демонстрацией экрана, с функцией шумоподавления посторонних звуков, кроссплатформенные, с интерфейсом здорового человека.

Если бы Телеграм успел выкатить эту фичу год назад, в разгар пандемии, всё пошло бы по другому сценарию. Но в итоге взлетел Zoom с кучей багов, дыр в безопасности и кривым UI-дизайном.
Раскрыл зарплату — готовься к последствиям

1. Охлаждение отношений в коллективе. Если у коллеги зарплата ниже, а обязанности у вас равные, то ему будет обидно. Он посчитает, что либо его обманывает начальство, либо вы получаете незаслуженно много. Я проходил ситуацию, когда мой джун устроился на зарплату сравнимую с моей, было обидно. Хоть я и понимал, что в разных компаниях разные зарплаты, отношения стали холоднее.

2. Саботаж на работе. Зарплата — это договорённости. Это та сумма, которую руководитель готов вам платить за пользу, которую вы приносите. Если он договорился лично с вами на 100 тысяч, а остальные дизайнеры работают за 60, то как только вы раскроете свою зарплату остальные могут начать саботировать процесс. Если директор откажет им в повышении только потому, что у вас зарплата выше, то остальные дизайнеры начнуть халатнее относиться к работе. У них появится чувство, что их не ценят.

Я слышал как одного тимлида поливали грязью за спиной, после того, как узнали о его зарплате и с тех пор зарёкся сообщать её хоть кому-то, кроме жены. Хорошо, если вас окружают добрые и милые люди и к ним это не относится, надеюсь так дальше и будет☺️

А если у вас возникло ощущение, что вы получаете незаслуженно мало, попробуйте поговорить с руководителем. Как это сделать отлично написали в Бюро. Эта методичка не раз помогала мне понять свою ценность и повысить доход.
https://bureau.ru/soviet/selected/ilya-sinelnikov/kak-povysit-zarplatu/
Итак вы решили сделать хайповый фон с размытыми кругами. Скорее всего вы не будете заморачиваться и сделаете блюр круга. Каждый дизайнер так сделает. А разработчик не запарится и просто экспортнёт этот фон в ПНГ на 77 килобайт. Вроде ниочём, но чем больше таких моментов, тем больше весит приложение. Цветной круг там, цветной круг здесь, пнг в нескольких разрешениях и вот уже несколько лишних мегабайт нужно подгружать приложению.
Если круг сделать не через размытие, а через градиент, то его можно будет экспортнуть в СВГ. СВГ поддерживает градиенты, но не умеет в размытие. Если придрочиться, то будет вполне норм результат. Слева размытие, справа градиент. Размер уже 4 килобайта