Стикеры
Детская карта Альфа-банка — белая; в комплекте с ней идут стикеры, которые можно комбинировать как угодно. Единственное ограничение — не заклеивать реквизиты. Классный приём для кастомизации продукта и эмоционального вовлечения: когда человек самостоятельно взаимодействует со штукой, немного переизобретая её, штука перестаёт быть абстрактным куском материала и становится объектом привязанности.


#композиция #продукт

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

Размытый фон
Неожиданная попытка выделить контент, не рисуя плашку: дизайнер просто размывает фон под контентом, да ещё и нарочно делает его контрастнее — розовым на зелёном. Спорно, но смело. За наводку спасибо @artemfedorov


#композиция

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

Курсив
Микрокурсив на одну букву. Деликатно и здорово.


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

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

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


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

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

Визуальная рифма
Геометричная форма логотипа-цветка поддерживается в обрезке промо-материалов — края закладки удачно повторяют форму лепестков.


#композиция

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

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

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

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


#ui

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

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


#силуэт #форма #хаос

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

Грубая обтравка
Приём для постера и иллюстрации: персонажи грубо вырезаны из своей среды и вставлены в коллаж, составлены из вырезок и обрывков и нарочито не дружат с фоном. Классный способ показать хаос и тему расследований. Это постер немецкого шпионского сериала «Deutschland 86»

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

Удачная вёрстка коробочки (по сути, блока-модуля). Нравятся аккуратные текстовые фактоиды и пропорции иллюстрации относительно модуля.

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

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


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

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

Мокап
Интересный способ использования мокапа: не для демонстрации дизайна продукта, а для размещения текста в смм-целях. Вроде приём лежит на поверхности, но почему-то редко встречается. За наводку спасибо @jfoke


#smm

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

Вдогонку: ещё примеры из того же источника и процесс создания надписи

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

Фактоиды
Понравилось, как деликатно вписаны три фактоида на первый экран промо-страницы: плюс-минус одинаковое количество текста, единообразная графика, правильные приоритеты и центральная симметрия (которую не так уж легко соблюсти). Единственное, что подбешивает — висячее in в третьем фактоиде, но читатель канала подсказывает, что в английском это ок, если не артикли.

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

Курсор
На сайте «Сетки» при скролле логотип как бы стирается курсором. За наводку спасибо каналу «Изюм» (видео тоже оттуда) — https://t.me/izuuum


#web

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

Постеры-коллажи
Классный пример использования коллажной техники в постерах нового фильма Уэса Андерсона. За наводку спасибо дайджесту Оди.

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

Angle-градиент как стилистический приём в блоках и модулях. — http://bethesexybeast.com/sexybeast/

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

Плывущий градиент
Ещё один пример использования градиентов, исключительно декоративный. Градиент как бы проплывает мимо, заволакивая контент облаком, оживляя страницу и периодически привлекая внимание.


#градиент

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

Три модуля, наложенные на одну фоновую картинку. — https://dribbble.com/shots/3728187-Magazine-redesign

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

Отличие
Старый и простой приём для демонстрации отличий между А и Б. Две картинки, отличающиеся в одной детали, наложены друг на друга и меняются по ховеру. Удобно, наглядно и очень легко в реализации.


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