#модуль #mobile

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

Формы
Не приём, а база для приёмов: инструмент, который даёт кучу вариаций привычных форм — кругов, прямоугольников, ромбов, линий и их комбинаций. Понравилась простота и изящность идеи и аккуратность исполнения. А ещё здорово, что лендинг сервиса собран из форм этого сервиса. За наводку спасибо дайджесту Оди.


#композиция

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

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

: Ирландец (2019), Мартин Скорсезе
#кино

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

Принты с узорами и без
Прекрасная деталь из городской среды — уличная мебель, обитая разноцветной обивкой. Роскошный паттерн с цветами подходит по тонам к соседним однотонным креслам, и формируется интересная цветовая гармония. А была бы обивка одинаковая, стало бы в разы скучнее — ну, стулья и стулья.
(Ссылки на источник не будет — сняла фотку сама Грузии в сентябре)

#паттерны #цвета

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

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


#модули

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

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


#пространство

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

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


#упаковка

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

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


#композиция #вариативность

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

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


#цвет

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

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


#форма #картинки

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

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


#композиции #иллюстрации

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

Рисунки поверх фэшн-фото
Контраст высокомерия и наивности, мастерства и неуклюжести, роскоши и доступности.


#композиция #иллюстрации

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

Интерфейсные иллюстрации с местом под текст
Классно, когда в иллюстрации, специально созданной для какого-то состояния интерфейса, аккуратно оставлено место под текст. Это подойдёт для случаев, когда мы заранее знаем, какой будет контент и сколько его (например, для ошибок, 404 страницы, состояния «Ок/Не ок» для заполнения форм).


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

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

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


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

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

Просвечивающий объект
Приём для зрелищности: объект на переднем плане, через который просвечивается и искажается объект на заднем плане (в данном случае — очки). Абсолютно непрактичная штука, но вау.


#анимация

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

Пятно
Классный стиль для линейки диетической содовой. Главный визуальный приём — цветное пятно на фоне или на упаковке продукта. Вариативность форм и цветов позволяет узнаваемо оформить всю линейку. За наводку, как всегда, спасибо Оди.


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

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

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


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

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