Ракурс
Блюда в меню показаны в интересном ракурсе: мы видим предметы не сверху вниз, а на плоскости, как видели бы их на просторном столе. Выглядит очень естественно.
Да и в целом кейс классный, полный милых и ненавязчивых находок: например, ресторан называется Monkeys, и в качестве мокапов при презентации айдентики используются руки горилл. Кайф.


#фотография

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

Фон для интерфейса
Частая головная боль — как показать интерфейсы в портфолио или на странице продукта, чтобы было не скучно и не слишком технично. Tetrisly использует для этой цели фактурные фоны с текстурами и неправильными формами объектов. Получается контрастно, но достаточно деликатно, чтобы декорация не побеждала содержание.


#декорации

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

Простые формы
Визуальная коммуникация, построенная на комбинации самых простых форм. Понравилась универсальность, смелость и яркий характер, выраженный простыми средствами. За наводку спасибо каналу студии «Луч».


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

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

Во всех учебниках по типографике пишут: не смешивайте стили, не борщите, два шрифта на проекта — максимум. А вот пример умного нарушения правил. И сочно вышло.
Всё решают иллюстрации, развитый стиль проекта и крепко сбитая композиция.  — https://new.odesa.aero

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

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


#web #модули

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

Сочетание фактуры, старомодных шрифтов и современной композиции в вебе. — 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

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

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


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

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