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


#интерактив

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

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


#эмоция

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

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


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

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

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

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

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


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

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

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


#web #interaction

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

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


#форма

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

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


#цвет

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

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


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

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

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


#композиция

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

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


#фактоид

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

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


#кейсы

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

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

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

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


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

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

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


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

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

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


#цвет

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

Более
Маленькая игра с формой: знак > превращён в текстовую надпись по форме знака.


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

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

Флэт + фото
В обучалке новой версии 2ГИСа в качестве иллюстраций используются картинки в интересной технике — уже привычный упрощённый стиль с текстурами дополняется фотографическими вставками. Здорово сделано.


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

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

Куб
Грань куба как пространство для вариативности.

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

Скролл как приём
Классная презентация вариативного шрифта: жирность меняется по скроллу. Просто и наглядно.


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

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