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

@pishiii_suda_da_bot — быстрая связь и мгновенные ответы в любое время.
Download Telegram
Демка
Не то чтобы визуальный приём, но определённо цепляющая штука. Как круто в продуктовый лендинг встроена демо-версия продукта: максимально органично, понятно и бесшовно, открыл и пользуйся.

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

Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Градиент
Красота яркого градиента на тёмном фоне. Есть в этом что-то драматически-киношное.

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

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


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

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

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

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

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


#композиция

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


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

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


#палитра

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


#композиция

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


#цвет

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

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

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


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

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


#цвет

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


#цвет

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

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


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


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