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


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

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


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

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


#текст #линия

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

Ошибка
Метафора ошибки и проблем с загрузкой блестяще передана с помощью двух радикально разных шрифтов и плёнки. Остроумный ход.


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

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

Сгибы
Буквы на плакате согнуты под разными углами так, чтобы была видна контрастная изнанка. Пластично и аккуратно.

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

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

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


#композиция

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

Голосование
Неординарный, но уместный в контексте переключатель видов в материале РБК про выборы президента в Америке.


#интерактив

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

Доброта
Улыбка, которую можно увидеть даже в стрелке.


#эмоция

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

Отзывы
На сайте «Адидаса» забавно сделаны отзывы: выводится не просто рейтинг, а шкала показателей по мнению покупателей. Визуально есть что улучшить, но с точки зрения пользы для потребителя очень круто.


#отзывы #интерфейс

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

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

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

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


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

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

Ховер
Ещё один приём в копилку смелых ховеров. Понравилось, что при взаимодействии с одним объектом остальные отступают назад.


#web #interaction

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

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


#форма

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

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


#цвет

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

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


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

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

Первый экран
Классная компоновка первого экрана сайта про сервис: две трети пространства отданы под заголовок и меню, а оставшееся место отдано под анонсы. В сочетании с аккуратной типографикой выглядит очень чисто, но не скучно.


#композиция

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

График как декорация
На фоне фактоидов — ненавязчивые графики, которые используются как декорация. Графики не несут никакого заметного смысла, но здорово оживляют вёрстку.


#фактоид

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

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


#кейсы

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

Анонсы в виде пути. Каждая точка — круговая иллюстрация с заголовком и разводящим действием.  — https://www.villesetpaysages.fr/

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

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


#графика #иллюстрации #линия

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