Пепел
Руки, которые держат свечу в упаковке, перемазаны нагаром и пеплом. Тактильность, вещественность, теплота и сакральность огня поддерживается и графически, и презентационно.


#презентация #композиция

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

Персонификация
Не совсем визуальный, но всё-таки приём. Вот так Джира просит фидбэка у пользователей: не просто бездушным сообщением, а приветствием от имени менеджера продукта с фотографией и именем. С живым человеком делиться мнением гораздо комфортнее.


#текст

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

Наклон
Простой стиль, построенный на наклонах. Сам по себе проект непримечательный, но здорово показана динамика, и притом минимальными средствами.


#айдентика #композиция

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

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


#web #анимация

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

Прозрачность
Стеклянная поверхность на переднем плане, искажающая текст в композиции. Изящно и классно.


#композиция

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

Заголовок бегущей строкой
Просто и эффектно. За наводку спасибо каналу Бездарные ссылки


#web #анимация

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

Игра с фасадом обычного дома. Классный пример визуальной идентификации, распространяющейся не только на традиционные форматы (полиграфию, веб, биллборды, сувенирку), а на весь дом. — https://www.behance.net/gallery/16565935/deblock-Exhibition-Design

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

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


#композиция #айдентика

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

Рыжий
Ещё один приём из мира фотографов. Буйное чувство цвета: рыжая грива девушки перекликается с цветом коктейля на столике, и яркость усиливается темнотой вокруг.


#фотография #цвет

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

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


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

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

Текстурность
Интересный стиль иллюстраций: матовые текстуры уживаются с шершавыми и сияющими.


#иллюстрация

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

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


#реклама

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

Вертикаль
Длинный яркий прямоугольник на фоне даёт ощущение динамики, устремлённости вверх. Особенно когда вокруг него много воздуха и приличные отступы. В этом примере он сопровождается ещё и броской анимацией, но можно и без неё — динамика всё равно сохранится.


#композиция

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

Линия
Любопытный проект для «музейной четвёрки» — объединения художественных музеев Москвы. В качестве объединяющего приёма используется линия. Она становится метафорой единого маршрута и объединяет разные институции единым визуальным языком.


#композиция #айдентика

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

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


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

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

Полукруглые табы
Полукруглая переключалка табов. С точки зрения фронтенда ужасный геморрой и дичь, но если рассматривать как фантазию — классно.


#композиция

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

Карты на мобильном. Здорово смотрятся карточки объектов, прокручивающиеся лентой. Так можно показывать маршруты.
— https://www.behance.net/gallery/65442715/Banking-App-Free-UI

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

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


#навигация #mobile

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

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


#web #модули

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