Сполии
В поздней античности и раннем Средневековье можно встретить интересный приём: из древних сооружений выламывали элементы декора и использовали их при строительстве новых зданий.
Цель была очень простая, сугубо прагматичная: сэкономить деньги и компенсировать криворукость каменотёсов. Ну нет под рукой квалифицированных кадров, чтобы сделать красоту с нуля. Чего ж не выломать красоту из древности.
Приём иллюстрирует парадоксальную мысль: варварство тоже может быть космически красивым. Гуглить по слову spolia, за наводку спасибо каналу «Мимоходом».

#архитектура

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

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


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

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

Синие точки
Типографский растр как стилеобразующий приём для визуальной идентификации библиотеки. Отсылка к книгопечатанию, демократичность и узнаваемость. Здорово вышло.


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

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

Гибкость
Неожиданная форма указателей, сложная в производстве, но очень эффектная. За наводку спасибо каналу Дизайн-снайпер.


#навигация

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

Вертикальный лабиринт вместо лестницы. Наверх ползёшь через лабиринт, вниз спускаешься на пожарном шесте. Детский комплекс в Дании (Ku.Be House of Culture in Movement)

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

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

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

Пропорция
Этикетка продукта, визуализирующая его состав, пропорцию вкусов и добавок.


#упаковка

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

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


#градиент #модули

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

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


#web

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

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


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

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

Трубы
Неожиданный материал для навигационного дизайна. Чисто, утилитарно и изящно сделано; появляется ощущение обманчивой лёгкости работы, хотя за таким аккуратным исполнением стоит огромный труд. За наводку спасибо каналу Burogu.


#навигация

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

Крик
Мощь эмоций, выраженная через цвет и композицию: линии подчёркивают лицо и задают направление крику.


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

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

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


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

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

Ландшафт на схеме
На схеме парка «Митино» здорово показан ландшафт: зелень темнеет ближе к воде (как бы по мере спуска), образуя тёмную окантовку вокруг главного источника притяжения.
И ещё деталь: парк оказывается в фокусе внимания за счёт светлоты, цветности и детальности, а район вокруг — на втором плане. У домов мало деталей, они серые на сером фоне. Благодаря этому парк играет.


#схема

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

Реальное и фантазийное
Понравилась динамика и эклектичность: дизайнер свободно совмещает реальные объекты с рисунками, не боится сложных сочетаний цветов и форм. Обаятельный стиль от «Щуки».


#айдентика #цвет #форма

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

Модуль по центру и блямба
Плашка по центру экрана с минимум контента. Классный цвет, композиция и акцент — всё расставлено по правилу якорных объектов, а одна яркая оранжевая блямба выбивается из общей структуры. Здорово привлекает внимание.


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

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

Комикс
Переосмысление эстетики комикса в айдентике и упаковке.


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

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

Медицинский шрифт
Запутанность как приём. Ко дню медицинского работника Паратайп и Медси сделали «медицинский шрифт», который трудно разобрать. Подкупающая ирония и замечательное исполнение. За наводку спасибо каналу «Дизайн-снайпер».


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

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

Роскошная анимация смены слайдов с перетекающей волной, которая меняет цвет. Тот случай, когда дизайнер прекрасно выкручивается и без графики и иллюстраций — просто придумывает эффектный запоминающийся приём. — https://dribbble.com/shots/3736911-Black-Vello-UI-Interaction-2

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

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


#материал #объекты

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

Рекомендация после целевого действия
Не то чтобы визуальный приём, но про UX/UI. На сайте Икеи при добавлении некоторых товаров в корзину вместе с простым уведомлением, что всё прошло успешно, выскакивает рекомендация о сопутствующих товарах (например, в случае с абажуром советуют приобрести подходящую лампочку). Причём товар можно добавить в корзину прямо из этого тултипа, без дополнительных переходов. Крутая штука для увеличения конверсии в интернет-магазинах, причём полезная для юзера.


#ux

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