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

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

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

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

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


#композиция

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

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


#айдентика

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

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


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

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

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


#цвет

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

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


#анимация #web

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

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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

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

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


#цвет

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

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


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

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

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


#композиция

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

Сплошная тень
Забавная тень-заливка на карточках с нарочито мультяшным эффектом.


#web #модули

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

Подложка с градиентом
Иконки лежат на круглой подложке с градиентом. Градиент опирается на оттенок иконки и уходит в белый. Деликатно, воздушно и сервисно.


#градиент #иконки

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

N
Буква N, её формы и состояния как стилеобразующий приём в проекте.


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

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

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


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

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