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

@pishiii_suda_da_bot — быстрая связь и мгновенные ответы в любое время.
Download Telegram
Полукругом
Аккуратный заголовок, набранный полукругом. Неожиданный ход при минимуме усилий.


#композиция

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


#ux #web #фича

Визуальный код
Артборды
Интересная визуальная находка в кейсе — артборды со страницами на мобильных напоминают ленты и создают вертикальный ритм.


#mobile

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

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


#форма #овал

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


#сторителлинг #иллюстрация

Визуальный код
Уголок
Наклейка на коробке, которая нанесена не посередине плоскости (как обычно бывает), а на угол между двумя плоскостями. Так можно красивую коробку для пиццы оформить.


#материалы

Визуальный код
Этикетка из наклеек
Просто и классно. Разные комбинации наклеек могут обозначать типы продукта или оттенки вкуса.


#упаковка

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

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

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


#композиция

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


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

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


#текст

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


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

Визуальный код
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 #модули

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