Упаковка оливкового масла
Потрясающая работа с формой, фактурой и тактильностью. За наводку спасибо каналу «Оди».


#форма #упаковка

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

Человечность
Страшно нравится, как бренд Badoo транслирует человечность средствами графического дизайна — эмоцией, почеркушками, мощными слоганами и типографикой. И, конечно, цвета у них всегда крышесносные.


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

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

Шкала
Упаковка шоколада от японского дизайнера Yuta Takahashi. Разные типы продукта кодируются только шкалой без каких-либо дополнительных декораций. Шесть точек на шкале — молочный шоколад с 60% содержанием какао, восемь точек — 80%, десять точек — 100 %. Изящно, смело и очень чисто.


#упаковка

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

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


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

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

Четыре модуля вместо одного
В среднем по больнице в Риме удручающе низкая визуальная культура в плане дизайна и потрясающе высокая — во всём, что касается искусства. Но встречаются интересные решения, хоть и не всегда примечательные с точки зрения графики.
Вот, например, привычные йогурты в обычном супермаркете. Такие продаются пачками по 4 штуки. Итальянцы закомпоновали упаковку так, чтобы зелёный модуль с логотипом продукта чередовался с модулем фотографии. То есть объектом брендирования становится уже не один объект, а сразу четыре, и по умолчанию считается, что они идут в связке. Это позволяет не мельчить и не пытаться уместить всю информацию на одну крышечку. Продукт выглядит качественнее и дороже.

: личные фото, Рим
#композиция #упаковка

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

Минималистичные лейблы
Приятные лейблы новинок в интернет-магазине Unique Fabric — без лишних плашек, фонов, иконок и мишуры.
Интересен не сам приём, а контекст: дизайнер может позволить себе такой минимум изобразительных средств, потому что этому способствует общая среда — все фотографии выдержаны в одном духе, у них слева всегда есть свободное пространство из ровного бежевого фона, и нет никаких дополнительных элементов, которые боролись бы за внимание (например, лейблов распродажи, хитов продаж, скидок, доставки и т.д.)


#web

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

Анимация тега
Классная анимация тега в заголовке. За наводку спасибо каналу Product design.


#ui #web #анимация

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

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


#композиция

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

Подборки
Утилитарный, часто встречающийся, но годный UX-паттерн: пустое состояние поиска, где по умолчанию показываются популярные подборки и ссылки на разделы. Здорово, что подборки оформлены единообразно.


#mobile #UX

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

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


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

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

Смена иллюстраций
В приложении Яндекс-маркета при смене светлого режима на тёмный меняются иллюстрации категорий товаров. Заморочно, но классно. За наводку спасибо @pptxman

: Яндекс-маркет
#иллюстрации #mobile

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

Игра с номером
Телефонный номер как пространство для игры и брендирования: в цифрах 070 дизайнер увидел велосипед. Запоминающийся приём — увидеть магию в рутине. За наводку спасибо каналу «Дизайн-снайпер».


#метафора

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

Объёмные карточки
Эффектная объёмная галерея с карточками-модулями: они собраны в барабан, искажаются в перспективе по скроллу и управляются по свайпу. Лучше смотреть вживую.


#модуль #web

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

UI в реальном мире
Абсолютно не практичный, но неизменно впечатляющий и страшно киношный приём. Увы, его почти нигде не применишь (если вы, конечно, не рисуете интерфейсы для Мстителей). Но иногда приятно понаблюдать за взаимодействием материалов, игрой света и тактильно ощутимых свойствах, которые приобретает виртуальная штука при соприкосновении с реальностью.
А ещё делать такие штуки — очень крутое задротское хобби.


#ar #интерфейс #концепт

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

Размытие
Вдогонку ко вчерашнему шоту ещё один типографический эффект в вебе — размытие по ховеру.


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

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

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


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

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

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

Чисто декоративный приём — конечно, не для отчётов и для глубокого анализа, но для презентаций и лендосов — вполне.


#ui #паттерн

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

Минутка момента:

Сегодня, как говорят, день секса и домашних питомцев и хоть не стоит их объединять буквально, но стоит напомнить, что этот день призван вернуть людям осознание о том, что они в ответе за тех, кого приручили.

Вот посмотрите как выразительно дафнии занимаются сексом. Хорошего вечера.

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

Минутка стекла:

Baku Takahashi

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

Минутка афиш:

Дизайн афиш выступлений артистов в клубе разработанные дизайнером Quim Marin

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

Минутка мема:

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