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

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


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

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


#композиция #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

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


#навигация #mobile

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


#web #модули

Визуальный код
Полосы
В музее Москвы на этих каникулах проходит выставка «Тель-Авив от А до Я». Со смысловой точки зрения ничего особенного, но графически классно: выставка состоит из сочных иллюстраций на ризографе. Это техника трафаретной печати, которая даёт очень яркий цвет.
Автор иллюстрации усиливает яркость, используя контрастные друг к другу цвета — синий и ярко-жёлтый. Интересна композиция иллюстрации: горизонтальные полосы визуально объединяют фигуры и придают композиции ровный ритмический темп. Получается и расслабленно, и упорядоченно.

: личные фото, музей Москвы
#производство #композиция #цвет

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


#плакат #цвет #ретро

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

Визуальный код
Алфавит
Композиция с алфавитом чешского авангардиста Карела Тайге. 1926 год, с ума сойти. А смотрится так, будто буквально вчера сделано. За наводку спасибо шикарному журналу «Шрифт».


#композиция #типографика

Визуальный код
Повторение цвета
Цвет иллюстрации перекликается с цветом текста. Просто и хорошо.


#цвет

Визуальный код
Единица
Логотип медиа-платформы для болельщиков с классным визуальным приёмом: дизайнер увидел в одном символе и единицу, обозначающую стремление к первенству, и ногу, бьющую по мячу. За наводку спасибо Оди.


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

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


#типографика #композиция #web

Визуальный код
Формы
Не новый, но всегда интересный принцип построения визуального языка: придумать сетку, генерировать по ней формы и использовать как угодно — в плакатах, этикетках, печатке, на сайте.


#композиция

Визуальный код
Контраст движения
Прямые линии, квадраты и модули здорово резонируют с дрожащим шрифтом. За наводку спасибо typetoday.


#типографика #композиция

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