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


#персонаж #web

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

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


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

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

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

: личные фото

#композиция #упаковка

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

Чёткость и размытость
Сегодня опять приём без какой-либо практической пользы, но про красоту :)
Контраст на максималках: понравилось сочетание размытого яркого фона с чётким контуром тёмного овала, как бы разрезающего холст.


#композиция

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

Ховер
Ещё один пример смелого и несложного ховера: наводишь на объект — он превращается в ленту, а сама страница резко меняет состояние.


#анимация #web

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

Скрины + иллюстрации
Классно представленные скрины приложения на лендинге стартапа. Удачная иллюстративная обёртка делает презентацию информативной и нескучной.


#web

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

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


#цвет #mobile

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

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


#композиция

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

Абстрактная графика
Сервис Zendesk использует для своих продуктов абстрактную графику. Привычные метафоры диалога, системности, связей и исследований максимально упрощены, сведены к элементарным формам. Видно, что дизайнер здорово разбирается в восприятии и знает про эффект «Буба-кики» — о том, как мы воспринимаем круглое, квадратное, заострённое, вытянутое.


#иконки #форма

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

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


#web #промо #интерактив

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

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


#ux #web

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

Полоса
Цветная полоса внизу модуля как деликатный способ брендирования чего угодно — от визитки до лестницы.


#композиция #цвет

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

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


#стикеры

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

Рукотворность
Любопытный стиль, построенный на ощущении рукотворности. Есть в этом что-то от эстетики ваби-саби — красоты простого и мимолётного.


#композиция #иллюстрация

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

Штендер из дерева
Как здорово смотрится уличный штендер не из пластика, а из дерева. Сразу не бесящий визуальный мусор, а интересная городская деталь.


#материал

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

Шум
Иногда шум (в смысле, noise) — тоже приём. Добавляет шершавости, дичи, тактильности.


#композиция

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

Крыша как символ объединения
Визуальный язык культурного центра с кучей разных мероприятий использует крышу как метафору объединения. Главная идея — перед нами место, способное стать домом для каждого.
За наводку спасибо дайджесту Оди.


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

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

Там же: инструкция с интересными разделителями между фактоидами. — https://www.behance.net/gallery/63689707/Hobbies-Fun-blocks

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

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


#композиция

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