Кернинг как метафора
Обложка подкаста про беженцев с типографической игрой. Метафора побега показана через увеличение межбуквенного пространства.


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

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

Росчерк
В крупном абзаце текста одно слово выделено даже не другим шрифтом, а летящим росчерком от руки. Контрастный, мощный акцент. Кстати, при скролле страницы он анимируется.


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

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

Врезка-штамп
Большая врезка на странице оформлена наподобие штампа и залезает на абзац текста. Несложный интересный приём для акцентов.


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

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

Сети
В эти каникулы много говорили о новой айдентике Бургер-Кинга и дизайн-трендах 2021, но мне больше всего понравился другой инфоповод — обновлённый стиль ЦРУ (на картинке было/стало). Визуальный приём построен на переплетении сетей, и это классная метафора для разведывательной организации.


#айдентика

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

Нарисованное лицо, смещённое относительно реального лица. Из рекламных материалов спектакля «Хармс, Хармс и снова Хармс»

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

Календарь
Календарь, который используется для демонстрации работ. Классная задумка и такое же классное исполнение.


#web

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

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


#композиция

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

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


#типографика #композиция

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

​Карточки с градиентом
Во время поездки Яндекс-такси показывает пассажиру карточки с развлекательным контентом, чтобы было чем заняться. Если картинки не прогрузились, карточки заливаются нежным градиентом, который перетекает с одного модуля на другой. Это пример того, как даже в сервисном дизайне в неудобном состоянии интерфейса можно сделать интересную штуку.

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

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

Тонирование и контраст
Тонированные фото + броский заголовок контрастного цвета. Сочетание очень радикальное, но за счёт того, что в макете много воздуха, выглядит гармонично.


#цвет

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

Росчерк
Буква R в названии интернет-издания, превращённая в изящный небрежный росчерк. Это шрифт Black Mamba Venom, смело сочетающий стили. За наводку на шрифт спасибо @oleg_korzh


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

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

Контрформа
Дичь от Pentagram — типографика для фильма «Хищные птицы». Старый приём с вырезанием силуэтов в буквах — не новый, но смотрится уместно и смело.


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

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

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


#презентация #веб

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

Lighten
В фотошопе есть такой режим наложения — lighen (замена светлым). Он берёт светлые участки изображения и накладывает их на фон предыдущего слоя. Этот же приём используется в проекте про Буэнос-Айрес. Тут он дополняется ещё и сочными, яркими фонами из сплошной заливки, за счёт чего не смотрится мусорно, но формирует необычное призрачное впечатление.


#цвет

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

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


#паттерн

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

Прогресс
Максимизация полезного действия: карточки с задачами, которые всем своим видом показывают прогресс. Обычно эта задача решается маленьким индикатором.


#интерактив #mobile

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

Вариативный цвет фона
В айдентике парка «Митино» есть узнаваемые общие элементы — композиция, полосы, обозначающие ландшафт, и шрифт. Но главная фишка — сменяющийся цвет фона в зависимости от времени года. Кайф.


#цвет

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

Калькулятор
Шикарная эстетика и отклик на действия пользователя: выдавая результат, калькулятор аж выстреливает. Так рождается тактильный, физически ощутимый кайф от использования привычной вещи.


#mobile #анимация

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