За секунду до
Как создать напряжение через визуальный приём: показать не событие, а миг за секунду до него. Не лопнувший шарик, а иглу, поднесённую к нему; не взрыв, а спичку у фитиля. Не приём, а наследие Хичкока.


#сторителлинг

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

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


#ui #модули

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

Поворот
Два визуальных слоя на плакате: чёткий передний план и размытый задний. Удачная графическая находка: две буквы ZZ, поворачиваясь на 90 градусов, становятся NN.


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

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

Наглядные параметры
Понравилось представление данных в новом кейсе Бюро про Гисметео. В панели синоптик может выбрать способ демонстрации данных на карте (например, закраской, изолиниями или кодом). В интерфейсе нужные параметры для наглядности проиллюстрированы мини-схемами около каждого пункта.


#интерфейс #web

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

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


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

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

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


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

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

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


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

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

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


#айдентика

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

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

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

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


#web

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

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


#композиция

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

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


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

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

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

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

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

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


#цвет

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

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


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

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

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


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

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

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


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

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

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


#цвет

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