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

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


#адаптив #mobile #фактоиды

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

Свет
Игра со светом и тенью как часть айдентики.


#айдентика #свет

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

Пакет
В приложении доставки еды «Готово-ру» шторка стилизована под бумажный пакет.


#mobile

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

Цветные фильтры
Выразительный приём для иллюстрации лёгкого безумия — множество однообразных фигур с разной экспозицией и фильтрами на цветном фоне.
— афиша стендапера Пита Холмса (Pete Holmes: Dirty Clean)

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

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

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


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

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

Динамика
Пример удачной работы с динамикой. Был старый логотип, статичный, приплюснутый, крепко стоящий на ногах, но пытающийся при этом играть в скорость, и явно неудачно.
А вот новый логотип это ощущение движения передаёт гораздо лучше, причём не полосами и смазанностью (не буквальными ассоциациями), а диагоналями в штрихах, перекладинами t и e. Пример тонкой и умной работы.
За наводку спасибо @Rendm


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

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

Градиент
Классный пример спокойного и аккуратного использования градиентов.


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

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

Минимум
Мощь при минимальных выразительных средствах. Сильная композиция, широкие росчерки кисти и чёрный цвет на белом полотне. Афиша для Гоголь-центра.


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

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

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


#композиция

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

Наложение эпох
Сегодня покажу потрясающий в своей неочевидности приём. Когда впервые смотришь на фото, кажется, что перед нами либо вопиющая небрежность, либо потрясная деконструкция.
Но всё меняется, когда узнаёшь историю: «кокошники» поменьше — это 16 век, побольше — 17 век. Когда в 17 веке окна взялись переделывать, никто особо не церемонился — старое замазали, новое возвели рядом. Современные реставраторы нашли и расчистили оба слоя. Перед нами редкий пример дивного наложения эпох, когда мы видим два времени в одном визуальном пространстве.
Приём подсмотрела в сторис питерского блоггера tut_lera. На фото — Великий Новгород.


#пространство #время #архитектура

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

Движение
Возвращаемся в строй, и сразу с мощного. Шикарный пример работы с движением и динамикой: обложка журнала для скейтеров, где фигура в прыжке теснит и отбрасывает текст к верхнему краю. За наводку спасибо классному каналу «Дизайн-снайпер».


#композиция

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

Наложение геометрических форм яркого цвета на чёрно-белую картинку. Тянет на хороший стилеобразующий приём для иллюстраций. — http://matthewvernon.co/

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

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


#композиция

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

Микс градиентов и форм
Понравилось, как используются градиенты и формы в новой айдентике издательства «МИФ» — работа сложносочинённая и прихотливая, но оставляет ощущение лёгкости и обманчивой простоты.


#цвет #форма

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

Плотный набор
Узкие и плотные брусковые шрифты очень классно смотрятся в большом масштабе. Например, на бетонной стене, когда буквы высотой в 2/3 человеческого роста. Уверенный и смелый ход для вывески.


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

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

Логотип как форма для заливки
Июнь — месяц прайда. В честь этого Медиум покрасил логотип в радугу. Интересен не столько этот случай, сколько старый как мир подход: использовать логотип как форму для заливки паттерном или цветом и приурочивать это к какому-то событию.


#паттерн

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

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


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

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

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


#композиция

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

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


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

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

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


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

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