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


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

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

Просвечивающий объект
Приём для зрелищности: объект на переднем плане, через который просвечивается и искажается объект на заднем плане (в данном случае — очки). Абсолютно непрактичная штука, но вау.


#анимация

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

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


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

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

Разрывы
Тонкие прерывистые линии с разрывами как метафора инсульта.


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

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

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

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

Чб и перламутр
Сложное сочетание цветов и фактур: чёрно-белое фото, перламутровые фигуры-вставки. Из-за неестественности создаётся синтетическое, неземное впечатление. Приём для футуристических плакатов и интерфейсов, анонсов электронной музыки.


#цвета

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

Карточки на Кинопоиске
На постепенно обновляемом Кинопоиске классный формат у карточек статей: контент собран в плашки, где наверху не картинка (как обычно бывает), а заголовок. Метаданные типа даты и расшариваний собраны по углам по правилу якорных объектов.

#модули #карточки

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

Вид из иллюминатора
На сайте авиакомпании фотки оформлены в скруглённые модули с намёком на иллюминатор. Просто и классно.


#композиция

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

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

: СПб, Ленполиграфмаш, кафе «Футура»
#архитектура #среда

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

Обводка
Ненавязчивая гармония: тонкая обводка иконок дружит с обводкой в шрифтовой части.


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

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

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


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

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

Иконки «от руки»
Чудесные неформальные иконки с пятнами неправильной формы и наивными рукотворными рисунками. В этом стиле есть что-то интеркомовское — графичное, лёгкое, с жизнерадостно-дружелюбной интонацией, но по делу.


#иконки #иллюстрации

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

3D+
Пример смешанной техники: 3D-объекты в сочетании с плоскими контурными иллюстрациями «от руки». Не ново, но очень мило и аккуратно. У автора много такого добра.


#иллюстрации #3D

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

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


#ховер #интерактив

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

Пустота
Классный пример работы с пустым пространством. На этой обложке книги все смысловые элементы прибиты к краям холста, а по центру пустота. Возникает интересное графическое впечатление — ощущение какой-то тайны.


#композиция

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

Узор из кодов
Крафтовая бирка украшена узором с вкраплениями QR-кодов. Функция становится декорацией и наоборот.


#паттерн

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

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


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

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

Корзина с миниатюрами
Обычно рядом с иконкой корзины показывают сумму или количество товаров. А можно показывать миниатюры добавленных товаров. Приём годится, когда продаётся что-то премиальное и штучное. И когда в выгрузке картинки единообразные и без большой детализации.


#корзина

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

Вертикальные полосы вокруг заголовка
Декоративные полосочки сверху и снизу от заголовка (см. макет по центру). Здорово смотрится в вертикальных форматах, создают аккуратность и декоративность без нарочитости. Хорошее решение проблемы, когда нужно ненавязчиво привлечь внимание к заголовку или разбавить пустоту на макете.


#типографика #полосы

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

Контрформа
Ещё одна игра с буквами. В ребрендинге проекта N1 главную роль играет сочленение единицы и буквы N. Иногда при этом образуется интересная контрформа, которая здорово себя чувствует в вертикальных форматах — например, на экране смартфона.


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

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