Круглые лейблы
Журнал «Шрифт» недавно провёл редизайн. Некоторые материалы маркируются интересным круговым лейблом проекта Tomorrow.


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

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

Ховер, искажающий модули
Водишь мышкой по странице — картинки в анонсах искажаются. Живой, приятный, ощутимый интерактив в цифровой среде, которая обычно далека от вещественности и тактильности.


#интерактив

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

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


#цвет

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

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


#типографика #анимация

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

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

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

Рельеф как визуальный приём. Карта плотности населения России.

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

Аккуратная и чистая вёрстка таблички с режимом работы. Старый английский двор в Зарядье

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

Теги
Интересный ход с тегами, как бы врывающимися в набор. Хороший пример того, как можно построить дизайн плаката на одном тексте.
(Вообще весь проект очень красивый, горячо советую ознакомиться)


#композиция

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

Метро
Надпись из вестибюля метро («Октябрьская») как опора для визуального языка коммерческого магазина. Мощный и смелый ход, изящный в своей простоте.


#айдентика

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

Мобильное меню
Пример мобильной навигации: переход нарочитый, но понятный, и свёрстано неплохо. Ещё понравилось, что пункты в меню сгруппированы по смыслу.


#mobile #навигация

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

Объекты одним цветом
Заголовок, текст, логотип залиты одним цветом — насыщенно-синим. Иллюстрация поддерживает этот приём цветным синим пятном.


#цвет

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

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


#анимация #web

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

Эволюция сторис
В приложении Яндекс-такси сторис теперь показываются не в виде вертикальных карточек, а с помощью плитки.

: ios-приложение Яндекс-такси
#mobile

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

Широкие поля
Приём про устойчивость и размашистую сетку — сверхширокие поля вокруг текстовых блоков. Удачное решение, когда информации немного, и можно позволить себе кучу воздуха в макете.


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

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

Пятно
В центре стиля — цветное пятно неправильных, ломаных форм. Оно и плашка для текстового сообщения, и паттерн, и фон, и декорация.


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

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

Цветные карточки
Простая и симпатичная компоновка карточек в одном из кейсов «Восхода»: цветные плашки с тетрапаками, в левом верхнем углу — заголовок и стрелка в цветном круге. Хорошо и на мобильном, и на десктопе.


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

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

Курсив в старостильной антикве
У шрифтов вроде Garamond (или, как в данном примере, Galien) часто есть интересная форма у курсива — изящная, с призвуком каллиграфии. Эти черты делают курсив очень подходящим способом выделить что-нибудь в тексте. Хорошо смотрится в сочетании с ярким цветом.


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

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

Статья о проблемах на презентациях дизайна
Друзья, недавно обещала анонсировать свои статьи. Вот ещё одна: разбор для блога «Кельника» с перечнем проблем, которые систематически всплывают на презентациях с клиентами. Где можно накосячить, почему и как решить проблемы.

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

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


#цвет

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

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


#типографика #модуль

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