Плашки
Контрастные градиентные плашки, ворвавшиеся в изометрическую схему парка. Получилось достойно: многослойно, ярко, но не пёстро и не мусорно. За наводку спасибо @vladkorobov


#навигация

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

Градиенты в ряд
Ещё один интересный вариант использования градиентов — в полосах и лентах. Создаётся интересный объём.


#градиент #обложка

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

Выравнивание
Минутка рекурсии. Это UI мобильного приложения для проектирования мобильных приложений. Весь проект очень зрелищный, но особо понравилось, как элементы управления выравниваются по правому краю — и красиво, и узнаваемо, и понятный поведенческий паттерн, унаследованный с чатов.


#mobile

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

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


#модули

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

Абстрактный фон
Промо-сайт без иллюстраций. Весь стиль построен на абстрактном угловатом фоне, который анимируется при скролле. Это история не про полезное действие и не про продажу, но для имиджевого сайта в консервативной сфере решение ок.


#промо #web

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

Минимум
Кайф минимализма в тач-интерфейсе. Не уверена в боеспособности проекта, но эстетика на высоте.


#mobile

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

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


#паттерн

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

Классная модульная конструкция в навигации. Вариативность и узнаваемость: квадраты можно заполнить цветом, текстом, цифрой или простым диагональным узором, перемешать по-разному, но в целом конструкция будут выглядеть единообразно.
— https://www.behance.net/gallery/62634503/Forum-Nastavnik

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

Паттерн
Приём в оформлении модулей: иллюстрации в карточках покрываются общим декоративным паттерном — рукотворными полосками, крестиками, абстрактными формами.


#модуль #композиция

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

Контент в выпуклом модуле
В интерфейсе сканера чеков просканированная информация лежит не в прямоугольном белом модуле, а сглаженном и как будто чуть-чуть выпуклом. Приём требует аккуратности + его тяжелее верстать, и надо всё время следить за количеством данных. Но смотрится приятно.


#композиция

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

Разноплановость
Часть надписи на переднем плане, другая часть — на заднем. Простой приём для проектов, построенных на нарочитых типографических решениях.


#типографика

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

Силуэты
Упаковка спрея-бронзатора с силуэтами тел. Наглядно и классно.


#упаковка

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

Крупный план
Портрет как центральный элемент главной страницы. Крупный план лица контрастирует с деликатно-мелкими пунктами меню. Приём для создания ощущения уверенности, прямолинейности и открытости.


#композиция

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

Калькулятор с кнопками-модулями
Калькулятор страховки, где предустановки транспортных средств собраны в кнопки-модули. Не просто галочки с подписями, а что-то посолиднее — с наглядной иконкой, пояснением, квадратным модулем. За счёт этого калькулятор слегка теряет в очевидности, но зато становится более наглядным и брендированным.


#формы #кнопки

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

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


#сторителлинг #иллюстрация #interaction

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

Дрожащие строчки
Приём с искажениями фото и текста. Очень мощный и совершенно не утилитарный — книга сразу рассматривается как арт-объект, а не как источник информации.


#искажения #типографика

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