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

@pishiii_suda_da_bot — быстрая связь и мгновенные ответы в любое время.
Download Telegram
Тонирование и контраст
Тонированные фото + броский заголовок контрастного цвета. Сочетание очень радикальное, но за счёт того, что в макете много воздуха, выглядит гармонично.


#цвет

Визуальный код
❤1
Росчерк
Буква R в названии интернет-издания, превращённая в изящный небрежный росчерк. Это шрифт Black Mamba Venom, смело сочетающий стили. За наводку на шрифт спасибо @oleg_korzh


#типографика

Визуальный код
❤4
Контрформа
Дичь от Pentagram — типографика для фильма «Хищные птицы». Старый приём с вырезанием силуэтов в буквах — не новый, но смотрится уместно и смело.


#типографика

Визуальный код
❤3🤬2
Модули
Презентуя концепт интерфейса, дизайнер рассказывает о его функциях в модулях-карточках. Удобная компоновка: в большом модуле можно показать солидный видос с главной фичей, в модулях поменьше — контекстные действия, выпадающие списки или минорные улучшения.
Кстати, вся презентация любопытная и очень наглядная — есть что поразглядывать и чем вдохновиться.


#презентация #веб

Визуальный код
❤5
Lighten
В фотошопе есть такой режим наложения — lighen (замена светлым). Он берёт светлые участки изображения и накладывает их на фон предыдущего слоя. Этот же приём используется в проекте про Буэнос-Айрес. Тут он дополняется ещё и сочными, яркими фонами из сплошной заливки, за счёт чего не смотрится мусорно, но формирует необычное призрачное впечатление.


#цвет

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


#паттерн

Визуальный код
❤1
Прогресс
Максимизация полезного действия: карточки с задачами, которые всем своим видом показывают прогресс. Обычно эта задача решается маленьким индикатором.


#интерактив #mobile

Визуальный код
❤1
Вариативный цвет фона
В айдентике парка «Митино» есть узнаваемые общие элементы — композиция, полосы, обозначающие ландшафт, и шрифт. Но главная фишка — сменяющийся цвет фона в зависимости от времени года. Кайф.


#цвет

Визуальный код
❤4🤬1
This media is not supported in your browser
VIEW IN TELEGRAM
Калькулятор
Шикарная эстетика и отклик на действия пользователя: выдавая результат, калькулятор аж выстреливает. Так рождается тактильный, физически ощутимый кайф от использования привычной вещи.


#mobile #анимация

Визуальный код
❤2
Книга-поток
Первый приём, вдохновивший сегодня: удивительная книжка 1913 года «La Prose du transsibérien et de la petite Jehanne de France» от Сони Терк-Делоне. Примерный перевод: «Проза Транссибирской магистрали и маленькой Жанны из Франции». Это стихотворение в виде книжки-гармошки с иллюстрациями.

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


#композиция #цвет

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


#композиция #плакат

Визуальный код
❤2
Dots
Пример использования точечной техники. Портрет и элементы айдентики собираются из точек. Получается крафтово, вещественно и тактильно, но сильно зависит от мастерства исполнения.


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

Визуальный код
❤3
Яркая форма
У Тильды очень яркая форма входа: сочно-оранжевый фон страницы с лёгкой полупрозрачной подложкой под поля. Классный пример, как простую сервисную штуку оформить необычно, незатратно и свежо.


#цвет

Визуальный код
❤7🤬1
Модуль с контентом по центру
Чёрно-белое фото + большой цветной модуль, прибитый к левому краю формата + контент, выровненный по центру модуля с щедрыми отступами. Смотрится современно, но при этом вещественно и книжно. Хорошая компоновка для оформления книг и плакатов про культуру.


#композиция

Визуальный код
❤4🤬2
Уверенность
Понравилась простая и уверенная композиция плакатов: общая типографика, стрелка, сетка и ничего лишнего.


#композиция

Визуальный код
❤2🤬1
Сгиб
Портрет на сгибе обложки книги. Эффектно в разных контекстах — и когда книга стоит на полке, и когда читатель держит её в руках.


#композиция #книги

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


#модуль

Визуальный код
❤1
Промышленная эстетика
Классный пример использования промышленной эстетики в мерче: РЖДшная сумка напоминает вагон с маркировками. Не знаю, насколько кейс официальный, но, даже если это только концепт, идея и исполнение всё равно приятные.


#мерч #композиция

Визуальный код
❤1
Полосы на фоне
Широкие полосы пастельных цветов на фоне модуля. Нескучно, просто и вещественно — в такой штуке есть что-то от сюрприза, и её хочется получить в подарок и подержать в руках.


#паттерн

Визуальный код
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Ритм
Лонгрид про метро, в котором здорово обыгран ритм движения вагонов. Привычный дизайнерам параллакс становится органичным инструментом для передачи ощущения и метафоры движения вагона.


#web #анимация

Визуальный код
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Прелоадер-фон
В качестве прелоадера при загрузке используется анимация фона блока. Фейерверк и феерия. Здорово, что иконка двигается синхронно с фоном.


#анимация

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