Модуль-свитчер
Частая история: в приложении есть набор опций, которые можно включать/отключать, но сами по себе они не очень понятные и «продающие». А штука нужная. Приходится выкручиваться, добавляя к элементу управления подсказки и мелкие подписи.
В этом примере автор выкрутился иначе: сделал из переключателей отдельные модули с иконками, поясняющим текстом и дополнительными ссылками. Получилось просто, понятно и заметно.


#mobile #UI

Визуальный код

Индикация
Классный интерфейс индикации с разбивкой по датам: виден сразу большой объём данных, при этом всё предельно аккуратно и очевидно с первого взгляда.


#ui

Визуальный код

Скролл
Главный акцент на первом экране издания — логотип. При скролле он сокращается до первых букв «re», а в конце страницы закольцовывается.


За наводку спасибо @onemanorchestra
#UI #иконки

Визуальный код

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


#ui #модули

Визуальный код

Иллюминатор
Интересный концепт дополненной реальности. Окно как экран, на котором можно выводить контекстную информацию о месте, где находишься, температуре за окном и другие полезные данные.


#UI #композиция

Визуальный код

Анимация тега
Классная анимация тега в заголовке. За наводку спасибо каналу Product design.


#ui #web #анимация

Визуальный код

Графики с паттернами
Очень понравился интеркомовский стиль графиков на продуктовом лендинге: деликатный паттерн из точек, единая палитра и вариативная толщина у линий здорово расставляет акценты и при этом делает график не скучным.

Чисто декоративный приём — конечно, не для отчётов и для глубокого анализа, но для презентаций и лендосов — вполне.


#ui #паттерн

Визуальный код