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

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


#модули

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


#промо #web

Визуальный код
Минимум
Кайф минимализма в тач-интерфейсе. Не уверена в боеспособности проекта, но эстетика на высоте.


#mobile

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


#паттерн

Визуальный код
Классная модульная конструкция в навигации. Вариативность и узнаваемость: квадраты можно заполнить цветом, текстом, цифрой или простым диагональным узором, перемешать по-разному, но в целом конструкция будут выглядеть единообразно.
— https://www.behance.net/gallery/62634503/Forum-Nastavnik

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


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

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


#композиция

Визуальный код
Разноплановость
Часть надписи на переднем плане, другая часть — на заднем. Простой приём для проектов, построенных на нарочитых типографических решениях.


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

Визуальный код
Силуэты
Упаковка спрея-бронзатора с силуэтами тел. Наглядно и классно.


#упаковка

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


#композиция

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


#формы #кнопки

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


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

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


#искажения #типографика

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


#цвет #форма #ритм

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


#формы #полосы

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

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


#упаковка #композиция #иллюстрация

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