Визуальный код
5.03K subscribers
1.51K photos
634 videos
2 files
2.27K links
🌈 Всё лучшее из мира визуального дизайна без лишнего шума и рекламы. 💡 Вдохновляйтесь, изучайте, творите! 👩‍🎨

@pishiii_suda_da_bot — быстрая связь и мгновенные ответы в любое время.
Download Telegram
Этикетка из наклеек
Просто и классно. Разные комбинации наклеек могут обозначать типы продукта или оттенки вкуса.


#упаковка

Визуальный код
Графика + карточка
Фигуративная иллюстрация на фоне крупной яркой карточки. Хороший способ выделить какой-нибудь факт или цифру, когда проиллюстрировать особо нечем, иконки лишние, а без декораций пусто.

(тот же, что и вчера)
#карточки #композиция #иллюстрации

Визуальный код
Точки
На плакате пикника «Афиши» основные приёмы — неровные строки, набранные прописными, и точки, беспорядочно разбросанные по холсту. Этот беспорядок мнимый: если присмотреться, ясно, что точки расставлены осмысленно, они задают подходящий ритм, управляют движением взгляда. И ещё в них есть тонкий намёк на музыку.


#композиция

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


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

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


#текст

Визуальный код
Наклон
Простой стиль, построенный на наклонах. Сам по себе проект непримечательный, но здорово показана динамика, и притом минимальными средствами.


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

Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Ненавязчивые анимации с линейной графикой
В блоках-преимуществах дизайнер использовал не просто иллюстрации, а ненавязчивую анимацию: пусть бордер чуть-чуть сдвигается, кружочки закрашиваются, тогглы включаются, не более. Понравилась аккуратность, деликатность и приятное глазу неспешное зацикленное движение. Это не так дорого в производстве, как навороченные анимации, но здорово оживляет страницу.


#web #анимация

Визуальный код
Прозрачность
Стеклянная поверхность на переднем плане, искажающая текст в композиции. Изящно и классно.


#композиция

Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Заголовок бегущей строкой
Просто и эффектно. За наводку спасибо каналу Бездарные ссылки


#web #анимация

Визуальный код
Игра с фасадом обычного дома. Классный пример визуальной идентификации, распространяющейся не только на традиционные форматы (полиграфию, веб, биллборды, сувенирку), а на весь дом. — https://www.behance.net/gallery/16565935/deblock-Exhibition-Design

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


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

Визуальный код
Рыжий
Ещё один приём из мира фотографов. Буйное чувство цвета: рыжая грива девушки перекликается с цветом коктейля на столике, и яркость усиливается темнотой вокруг.


#фотография #цвет

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


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

Визуальный код
Текстурность
Интересный стиль иллюстраций: матовые текстуры уживаются с шершавыми и сияющими.


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

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


#реклама

Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Вертикаль
Длинный яркий прямоугольник на фоне даёт ощущение динамики, устремлённости вверх. Особенно когда вокруг него много воздуха и приличные отступы. В этом примере он сопровождается ещё и броской анимацией, но можно и без неё — динамика всё равно сохранится.


#композиция

Визуальный код
Линия
Любопытный проект для «музейной четвёрки» — объединения художественных музеев Москвы. В качестве объединяющего приёма используется линия. Она становится метафорой единого маршрута и объединяет разные институции единым визуальным языком.


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

Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Скролл
Главный акцент на первом экране издания — логотип. При скролле он сокращается до первых букв «re», а в конце страницы закольцовывается.


За наводку спасибо @onemanorchestra
#UI #иконки

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


#композиция

Визуальный код
Карты на мобильном. Здорово смотрятся карточки объектов, прокручивающиеся лентой. Так можно показывать маршруты.
— https://www.behance.net/gallery/65442715/Banking-App-Free-UI

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