Наглядность
Пример наглядности в дизайне упаковки: санскрин, который сразу даёт понять степень защиты от солнца.
#упаковка
Визуальный код
Пример наглядности в дизайне упаковки: санскрин, который сразу даёт понять степень защиты от солнца.
#упаковка
Визуальный код
Штрих
Это альбомы для рисования от Tate, оформленные в студии Here (другая работа той же студии была во вчерашнем посте). Вся серия построена на одном приёме — росчерках штриха и контрастных ярких фонах. Приём открывает шикарные возможности для вариативности — можно использовать разную толщину штриха, разную форму кисти, разный цвет, разный нажим и ритм линии, но всё равно будет узнаваемо.
#композиция #вариативность
Визуальный код
Это альбомы для рисования от Tate, оформленные в студии Here (другая работа той же студии была во вчерашнем посте). Вся серия построена на одном приёме — росчерках штриха и контрастных ярких фонах. Приём открывает шикарные возможности для вариативности — можно использовать разную толщину штриха, разную форму кисти, разный цвет, разный нажим и ритм линии, но всё равно будет узнаваемо.
#композиция #вариативность
Визуальный код
Цветовое кодирование на максималках
Не только фон карточки и лейбл красятся в нужный цвет, а ещё и шрифт на них и соответствующие иконки. При хорошо проработанной палитре продукта смотрится здорово (но надо дозировать)
#цвет
Визуальный код
Не только фон карточки и лейбл красятся в нужный цвет, а ещё и шрифт на них и соответствующие иконки. При хорошо проработанной палитре продукта смотрится здорово (но надо дозировать)
#цвет
Визуальный код
Картинка в контрформе
Старая добрая контрформа, в которую можно поместить иллюстрацию. Хотелось бы увидеть где-нибудь в вебе такое, но пока встречала только в кейсах.
#форма #картинки
Визуальный код
Старая добрая контрформа, в которую можно поместить иллюстрацию. Хотелось бы увидеть где-нибудь в вебе такое, но пока встречала только в кейсах.
#форма #картинки
Визуальный код
Закрашивание
Простой и вечный, но зрелищный приём: часть картинки вырезается и закрашивается однотонным фоном или паттерном. Особых коннотаций и смысловых нагрузок этот приём не несёт, но если закрашивать части лица или тела, получается криповато.
#композиции #иллюстрации
Визуальный код
Простой и вечный, но зрелищный приём: часть картинки вырезается и закрашивается однотонным фоном или паттерном. Особых коннотаций и смысловых нагрузок этот приём не несёт, но если закрашивать части лица или тела, получается криповато.
#композиции #иллюстрации
Визуальный код
Рисунки поверх фэшн-фото
Контраст высокомерия и наивности, мастерства и неуклюжести, роскоши и доступности.
#композиция #иллюстрации
Визуальный код
Контраст высокомерия и наивности, мастерства и неуклюжести, роскоши и доступности.
#композиция #иллюстрации
Визуальный код
Интерфейсные иллюстрации с местом под текст
Классно, когда в иллюстрации, специально созданной для какого-то состояния интерфейса, аккуратно оставлено место под текст. Это подойдёт для случаев, когда мы заранее знаем, какой будет контент и сколько его (например, для ошибок, 404 страницы, состояния «Ок/Не ок» для заполнения форм).
#иллюстрации
Визуальный код
Классно, когда в иллюстрации, специально созданной для какого-то состояния интерфейса, аккуратно оставлено место под текст. Это подойдёт для случаев, когда мы заранее знаем, какой будет контент и сколько его (например, для ошибок, 404 страницы, состояния «Ок/Не ок» для заполнения форм).
#иллюстрации
Визуальный код
Антиква и иллюстрации в приложении
Приятная конструкция в мобильном приложении. Каждая карточка — это подборка уроков.
Два фактора приносят узнаваемость: графичные иллюстрации и шрифт. Антиква не так уж часто встречается в цифровой среде и придаёт интересный книжный эффект. Ещё здорово, что карточки красятся в разные цвета схожей насыщенности — с одним цветом было бы скучновато, а так — в самый раз.
#типографика #mobile
Визуальный код
Приятная конструкция в мобильном приложении. Каждая карточка — это подборка уроков.
Два фактора приносят узнаваемость: графичные иллюстрации и шрифт. Антиква не так уж часто встречается в цифровой среде и придаёт интересный книжный эффект. Ещё здорово, что карточки красятся в разные цвета схожей насыщенности — с одним цветом было бы скучновато, а так — в самый раз.
#типографика #mobile
Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Просвечивающий объект
Приём для зрелищности: объект на переднем плане, через который просвечивается и искажается объект на заднем плане (в данном случае — очки). Абсолютно непрактичная штука, но вау.
#анимация
Визуальный код
Приём для зрелищности: объект на переднем плане, через который просвечивается и искажается объект на заднем плане (в данном случае — очки). Абсолютно непрактичная штука, но вау.
#анимация
Визуальный код
Пятно
Классный стиль для линейки диетической содовой. Главный визуальный приём — цветное пятно на фоне или на упаковке продукта. Вариативность форм и цветов позволяет узнаваемо оформить всю линейку. За наводку, как всегда, спасибо Оди.
#композиция #айдентика
Визуальный код
Классный стиль для линейки диетической содовой. Главный визуальный приём — цветное пятно на фоне или на упаковке продукта. Вариативность форм и цветов позволяет узнаваемо оформить всю линейку. За наводку, как всегда, спасибо Оди.
#композиция #айдентика
Визуальный код
Серые карточки
Классные карточки товаров в интернет-магазине оптики — единообразные серые фоны, аккуратная типографика, минимум мишуры и продукт в центре внимания. Хороши и на десктопе, и в мобильной версии.
Визуальный код
Классные карточки товаров в интернет-магазине оптики — единообразные серые фоны, аккуратная типографика, минимум мишуры и продукт в центре внимания. Хороши и на десктопе, и в мобильной версии.
Визуальный код
Чб и перламутр
Сложное сочетание цветов и фактур: чёрно-белое фото, перламутровые фигуры-вставки. Из-за неестественности создаётся синтетическое, неземное впечатление. Приём для футуристических плакатов и интерфейсов, анонсов электронной музыки.
#цвета
Визуальный код
Сложное сочетание цветов и фактур: чёрно-белое фото, перламутровые фигуры-вставки. Из-за неестественности создаётся синтетическое, неземное впечатление. Приём для футуристических плакатов и интерфейсов, анонсов электронной музыки.
#цвета
Визуальный код
😱1
Карточки на Кинопоиске
На постепенно обновляемом Кинопоиске классный формат у карточек статей: контент собран в плашки, где наверху не картинка (как обычно бывает), а заголовок. Метаданные типа даты и расшариваний собраны по углам по правилу якорных объектов.
#модули #карточки
Визуальный код
На постепенно обновляемом Кинопоиске классный формат у карточек статей: контент собран в плашки, где наверху не картинка (как обычно бывает), а заголовок. Метаданные типа даты и расшариваний собраны по углам по правилу якорных объектов.
#модули #карточки
Визуальный код
👍1
Вид из иллюминатора
На сайте авиакомпании фотки оформлены в скруглённые модули с намёком на иллюминатор. Просто и классно.
#композиция
Визуальный код
На сайте авиакомпании фотки оформлены в скруглённые модули с намёком на иллюминатор. Просто и классно.
#композиция
Визуальный код
Угол
Классный экстерьер кафе: тёмно-графитовый фасад, никаких навесных конструкций, массивное название тянется по фасаду и захватывает уголок.
: СПб, Ленполиграфмаш, кафе «Футура»
#архитектура #среда
Визуальный код
Классный экстерьер кафе: тёмно-графитовый фасад, никаких навесных конструкций, массивное название тянется по фасаду и захватывает уголок.
: СПб, Ленполиграфмаш, кафе «Футура»
#архитектура #среда
Визуальный код
Обводка
Ненавязчивая гармония: тонкая обводка иконок дружит с обводкой в шрифтовой части.
#композиция #типографика
Визуальный код
Ненавязчивая гармония: тонкая обводка иконок дружит с обводкой в шрифтовой части.
#композиция #типографика
Визуальный код
🎉1
Типографический фон
Фон объекта, собранный из ключевых слов и эффектных искажённых спичей, обязательно с высоким контрастом. Смело, сочно и в духе времени.
#типографика
Визуальный код
Фон объекта, собранный из ключевых слов и эффектных искажённых спичей, обязательно с высоким контрастом. Смело, сочно и в духе времени.
#типографика
Визуальный код