Контраст
Фрагмент презентации нового шрифта Stravinsky. Понравилось, как дизайнер обыгрывает высокий контраст шрифта, компонуя на макете массивные бруски с тонкими полосами. Это здорово рифмуется с характером шрифта.


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

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

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


#модуль #композиция

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

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

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

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


#модули #web

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

План этажа с минимумом приёмов. Главные действующие лица — цвет и фактура. Даже дороги и север обозначен не компасом, а просто подписан. — https://soto.co.nz/residences-and-pavilions

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

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


#композиция

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

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


#инфографика #интерактив

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

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

— https://holmax.ru/work/ajdentika-selizharovo
#композиция #типографика

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

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


#композиция #фигуры

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

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


#айтентика #цвет

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

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


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

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

U
Ещё одна игра с формами: украинский институт современного искусства (UIMA) обыгрывает в айдентике стилеобразующую букву U. Она то превращается в портал, то растягивается по ширине модуля, то выступает обводкой, диктует объёмы, пропорции и геометрию.


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

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

Иконка объёма
Клёвая деталь в карточке товара: опция выбора объёма проиллюстрирована линейной иконкой банки, в которую фасуется товар. Наглядно и деликатно.


#иконки #web

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

Полукругом
Аккуратный заголовок, набранный полукругом. Неожиданный ход при минимуме усилий.


#композиция

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

Полузаполненный чекбокс
В Columns есть специальное состояние чекбокса в процессе заполнения. Неожиданный прогресс-бар, вшитый в другой элемент. За наводку спасибо каналу Продуктовые фичи.


#ux #web #фича

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

Артборды
Интересная визуальная находка в кейсе — артборды со страницами на мобильных напоминают ленты и создают вертикальный ритм.


#mobile

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

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

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

Овал как формат
Бирка джинсов, напечатанная не на квадратной карточке, а в овальном модуле. Такая экстравагантность всегда дороже в производстве, но здорово привлекает внимание.


#форма #овал

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

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


#сторителлинг #иллюстрация

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

Уголок
Наклейка на коробке, которая нанесена не посередине плоскости (как обычно бывает), а на угол между двумя плоскостями. Так можно красивую коробку для пиццы оформить.


#материалы

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