Пачка незаезженных графических приёмов
Можно использовать у себя в продукте, пока не стало популярно. Например, выделить так главную кнопку, важный баннер, или логотип.
Больше подобных вещей
https://www.behance.net/mnaumanndesign
Можно использовать у себя в продукте, пока не стало популярно. Например, выделить так главную кнопку, важный баннер, или логотип.
Больше подобных вещей
https://www.behance.net/mnaumanndesign
Выключка по правому краю
Часто в интерфейсах можно встретить таблицы, у которых название сторки прибито слева, а значение — справа. В итоге, такой экран сложно читать, а по-центру у нас получается неприятная речка внутри рваных краёв.
Чтобы исправить ситуацию, достаточно сделать два столбца. Если позволяет дизайн, то справа можно оставить короткий текст, например, цену.
Игорю Штангу тоже не нравятся такие речки. Недавно он написал в каких случаях уместна правая выключка и привёл хороший пример (последние две картинки). https://nobelfaik.livejournal.com/237819.html
Часто в интерфейсах можно встретить таблицы, у которых название сторки прибито слева, а значение — справа. В итоге, такой экран сложно читать, а по-центру у нас получается неприятная речка внутри рваных краёв.
Чтобы исправить ситуацию, достаточно сделать два столбца. Если позволяет дизайн, то справа можно оставить короткий текст, например, цену.
Игорю Штангу тоже не нравятся такие речки. Недавно он написал в каких случаях уместна правая выключка и привёл хороший пример (последние две картинки). https://nobelfaik.livejournal.com/237819.html
Статья про Эмоджи на Медиуме
Если вы пропустили пост о том, что нужно знать об эмоджи в интерфейсе, то лучше прочитайте на Медиуме. Там и мысли чётче и примеров больше
https://designpub.ru/что-стоит-знать-об-эмоджи-в-интерфейсах-9ab9a257f995
Если вы пропустили пост о том, что нужно знать об эмоджи в интерфейсе, то лучше прочитайте на Медиуме. Там и мысли чётче и примеров больше
https://designpub.ru/что-стоит-знать-об-эмоджи-в-интерфейсах-9ab9a257f995
Medium
Что нужно знать о Emoji в интерфейсах
🧐 На разных устройствах эмоджи выглядят по-разному
Если вы искали длинный адрес для проверки крайних случаев в дизайне, вот вам село Кременчуг-Константиновское
Для проверки фамилий я использую Хроситорождественского, он длиннее Константинопльского
Название села взял из отчёта Яндекса по населённым пунктам. Довольно интересно
https://yandex.ru/company/researches/2021/oikonyms
Для проверки фамилий я использую Хроситорождественского, он длиннее Константинопльского
Название села взял из отчёта Яндекса по населённым пунктам. Довольно интересно
https://yandex.ru/company/researches/2021/oikonyms
Дизайн, как след во времени
7 лет назад я нарисовал в Фотошопе гирю. Это была ранняя осень, я только познакомился со своей будущей женой, доллар стоил под 30, а я был джуном-интерфейсником с 6 месяцами опыта.
Сегодня я снова встретил эту гирю в Эпп Сторе. Я ушел из той компании 5 лет назад, приложение пережило с десяток редизайнов, а гиря стоит на месте. Стоит и возвращает меня в то время, когда я её нарисовал.
Считаю, что люди идут в творчество, чтобы доказать себе и другим, что жили на этой планете. Они уйдут, но после них останутся картины, фильмы, дома.
Жаль, но средняя жизнь одного интерфейса около двух лет. Цифровые следы смываются волнами новых трендов и технологий. Быстрее только реклама, она едва живёт месяц. Дольше всех живёт творчество архитекторов. С одной стороны, они заявляют о своём существовании десятки и сотни лет. С другой — их ошибки стоят примерно столько же.
7 лет назад я нарисовал в Фотошопе гирю. Это была ранняя осень, я только познакомился со своей будущей женой, доллар стоил под 30, а я был джуном-интерфейсником с 6 месяцами опыта.
Сегодня я снова встретил эту гирю в Эпп Сторе. Я ушел из той компании 5 лет назад, приложение пережило с десяток редизайнов, а гиря стоит на месте. Стоит и возвращает меня в то время, когда я её нарисовал.
Считаю, что люди идут в творчество, чтобы доказать себе и другим, что жили на этой планете. Они уйдут, но после них останутся картины, фильмы, дома.
Жаль, но средняя жизнь одного интерфейса около двух лет. Цифровые следы смываются волнами новых трендов и технологий. Быстрее только реклама, она едва живёт месяц. Дольше всех живёт творчество архитекторов. С одной стороны, они заявляют о своём существовании десятки и сотни лет. С другой — их ошибки стоят примерно столько же.
Когда показывать клавиатуру сразу, как человек попал на экран
✅ На экране только ввод текста
✅ Поиск в списке
✅ В начале длинной формы
Принцип работает не только в приложениях. Если на экране сайта одно из главных действий — ввести текст, то ставьте курсор в нужное поле.
Больше мыслей и примеров в статье
https://link.medium.com/62wlfYsV1ib
✅ На экране только ввод текста
✅ Поиск в списке
✅ В начале длинной формы
Принцип работает не только в приложениях. Если на экране сайта одно из главных действий — ввести текст, то ставьте курсор в нужное поле.
Больше мыслей и примеров в статье
https://link.medium.com/62wlfYsV1ib
Рассказал как анимации улучшают интерфейс. Показал хорошие и плохие примеры. Кратко:
— Совсем без анимации продукт будет выглядеть сломано.
— Анимация даёт обратную связь, что кнопки нажимаются, продукт работает
— Если накосячить с анимацией навигации, то клиенты могут запутаться в продукте
— Анимация поможет привлечь внимание или скрасить ожидание.
— С анимацией прикольно играть. Игровые экраны запоминаются.
Особо советую посмотреть на примеры. Извиняйте, если где-то плохо видно, на монтаж влиять не мог.
https://www.instagram.com/tv/CR3mNjxK749/
— Совсем без анимации продукт будет выглядеть сломано.
— Анимация даёт обратную связь, что кнопки нажимаются, продукт работает
— Если накосячить с анимацией навигации, то клиенты могут запутаться в продукте
— Анимация поможет привлечь внимание или скрасить ожидание.
— С анимацией прикольно играть. Игровые экраны запоминаются.
Особо советую посмотреть на примеры. Извиняйте, если где-то плохо видно, на монтаж влиять не мог.
https://www.instagram.com/tv/CR3mNjxK749/
This media is not supported in your browser
VIEW IN TELEGRAM
Как за раз применить стили к тексту и цветам
Плагин Style Organizer для Фигмы сделал мой день. За 10 секунд он сэкономил мне часов 6 работы. Он ищет текст и цвета в проекте, которые имеют те же свойства, что и существующие стили и применяет стили на их место.
Т.е. если вы сначала накидали дизайн, а потом собрали юайкит, то он поможет вам всё быстро причесать. При переезде из Скетча — мастхев.
Следующий шаг — только нейронка, которая будет искать какой элемент не обвязан компонентом и предлагать его заменить.
https://www.figma.com/community/plugin/816627069580757929/Style-Organizer
Плагин Style Organizer для Фигмы сделал мой день. За 10 секунд он сэкономил мне часов 6 работы. Он ищет текст и цвета в проекте, которые имеют те же свойства, что и существующие стили и применяет стили на их место.
Т.е. если вы сначала накидали дизайн, а потом собрали юайкит, то он поможет вам всё быстро причесать. При переезде из Скетча — мастхев.
Следующий шаг — только нейронка, которая будет искать какой элемент не обвязан компонентом и предлагать его заменить.
https://www.figma.com/community/plugin/816627069580757929/Style-Organizer