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

@pishiii_suda_da_bot — быстрая связь и мгновенные ответы в любое время.
Download Telegram
Овалы
iGooods зарелизил новую айдентику, сделанную в ONY. Главный приём — овалы, обыгрывающие три «о» в названии компании. Из овалов можно собирать иллюстрации на плакатах, принты на шкафах, иконку приложения, ими можно обклеивать машины доставки или даже сделать из овалов персонажей-маскотов. 

Визуальный код
Заявки в приложении Ростелекома
Нравится, как свёрстаны карточки заявок: наверху — имя автора и фото в круге, выступающее якорем; внизу — кнопки навылет, без отступов.
(Кстати, ещё у этого приложения очень приятные интерфейсные иллюстрации)


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

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

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

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

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


#композиция

Визуальный код
Зеркало
Интересный тандем текстур и узоров в упаковке: зеркальная этикетка отражает графику на упаковочной бумаге. За наводку спасибо Юлии Плотник.


#форма #упаковка

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


#палитра

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


#композиция

Визуальный код
Градиент на карточке
В качестве заливки карточки используется сложный нелинейный градиент с множеством точек. Этот приём можно использовать как декорацию и для других модулей.


#цвет

Визуальный код
Вариативность и единообразие
Очень простая айдентика, основанная на классическом сочетании приёмов: форма + цвет + паттерн. Главный герой тут — форма, в которую произвольным образом внедряются округлые фигуры из палитры бренда.
Это классный пример сочетания вариативности и единообразия. Дизайнер придумывает форму и шрифтовое написание, подбирает цвета, и получается крепкая простая база. Дальше методом рандома форма наполняется фигурами нужных цветов. Стиль получается и гибким, и простым, и не скучным.
— https://www.behance.net/gallery/62972841/CiudaDistrito

#цвет #форма #вариативность

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


Визуальный код
Леденцы
Аккуратный коммерческий дизайн в духе времени: упаковка леденцов с витаминами построена на ясной палитре, спокойной типографике и правиле якорных объектов.

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


#цвет

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


#цвет

Визуальный код
Иконка у целевого действия
Частая история на мобильных: есть несколько действий на экране, одно из них целевое. Дизайнеры по-разному пытаются обозначить главную кнопку: то цветом, то положением, то сниженным приоритетом у остальных кнопок.

Хороший вариант — унести главную кнопку вниз экрана (чтобы удобнее было большим пальцем нажимать) и добавить иконку.


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


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


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

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

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

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


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

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