Сочетание фактуры, старомодных шрифтов и современной композиции в вебе. — https://dribbble.com/shots/3665396-History-Timeline

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

Чёткость и размытость
Айдентика проекта для бренда оптики. Игра с чёткостью и размытостью форм, и это тот случай, когда чем проще, тем лучше.


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

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

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


#композиция

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

Жильё поблизости
Любопытный UX- и бизнес-кейс в пандемию: теперь, когда люди стали куда меньше путешествовать и часто ограничиваются локальными поездками, Airbnb на главной странице сразу привязывается к геолокации и предлагает варианты поблизости — не далёкие райские острова для отпуска, а жильё в соседних городах и районах для уикэнда и смены обстановки.
Кстати, оформлены варианты забавно — похоже, эти иллюстрации с облаками генерятся случайно и подходят к любому городу.


#ux #web

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

Аватары
Сетка аватаров интересной формы привлекает внимание и оживляет страницу. За наводку спасибо @tim_or_timofey


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

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

Грани
Приятный стиль иконок преимуществ — геометрические фигуры с подчёркнутыми гранями. Кайф в том, что грани тёмных кубов принимают на себя рефлексы от цветных фигур под ними. Цифровой и схематичный объект ведёт себя как материальный.


#иконографика

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

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

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

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

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


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

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

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


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

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

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


#навигация

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

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

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

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

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

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


#упаковка

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

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


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

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

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


#web

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

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


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

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

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


#навигация

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

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


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

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

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


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

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

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


#схема

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

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


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

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