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


#web #анимация

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

Прелоадер-фон
В качестве прелоадера при загрузке используется анимация фона блока. Фейерверк и феерия. Здорово, что иконка двигается синхронно с фоном.


#анимация

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

Вертикаль в типографике
Любопытная вёрстка текста на мрачном экспериментальном плакате: буква «Е», продолжаясь, чертит вертикальную линию, которая задаёт ритм всей композиции.


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

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

Камень
Ещё один приём из вчерашнего источника. Иллюстрация дополняет врезку-фактоид; с практической точки зрения она ни для чего не нужна и не добавляет полезной информации к тексту, но добавляет вещественности, милоты и стиля. Классный композиционный акцент — ниточка, соединяющая два камня.


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

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

Яркая шапка
Пример брендирования приложения: яркая шапка-подложка разбавляет общую нейтральность. На мой вкус, графически пример не очень удачный (у автора есть работы лучше), но бесстрашный.


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

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

Зелёный и красный
Лет семь назад по сети ходила цитата Ромы Воронежского о сочетаемости цветов. Помню её как сейчас: «Когда мне говорят, что красный с зеленым не сочетаются, я сатанею. Посмотри на грядку клубники, дундук!».
История умалчивает, насколько достоверна цитата, но сочетание противоположных цветов иногда и впрямь пленяет. Это как раз тот случай.


#цвет

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

Красный круг
Круг может стать и акцентом, и местом для фактоида, и лейблом, налепленным прямо поверх заголовка.


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

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

Свёрнутый билет
В новом электронном билете РЖД есть классная фича — билет удобно сворачивается вчетверо, и главная информация о поезде, вагоне и месте дублируется с края. Можно свериться, не разворачивая билет. За наводку большое спасибо каналу мяу-дизайн.


#опыт_использования

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

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


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

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

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


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

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

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


#упаковка

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

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


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

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

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

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

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

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


#web

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

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


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

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

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


#композиция

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

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


#mobile #UX

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

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


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

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

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

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

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

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


#метафора

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

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


#модуль #web

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