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

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


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

Визуальный код
🎉1
Типографический фон
Фон объекта, собранный из ключевых слов и эффектных искажённых спичей, обязательно с высоким контрастом. Смело, сочно и в духе времени.


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

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


#иконки #иллюстрации

Визуальный код
3D+
Пример смешанной техники: 3D-объекты в сочетании с плоскими контурными иллюстрациями «от руки». Не ново, но очень мило и аккуратно. У автора много такого добра.


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

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


#ховер #интерактив

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


#композиция

Визуальный код
Узор из кодов
Крафтовая бирка украшена узором с вкраплениями QR-кодов. Функция становится декорацией и наоборот.


#паттерн

Визуальный код
🤩1
Жёлтые круги
Абстрактные иллюстрации из кругов и полукругов для сырной фермы. При всей простоте и элементарности фигур их очень оживляет неровная покраска и разные оттенки жёлтого. Хороший пример того, как простая форма обогащается игрой с цветом и текстурой.


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

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


#корзина

Визуальный код
🤩1
Вертикальные полосы вокруг заголовка
Декоративные полосочки сверху и снизу от заголовка (см. макет по центру). Здорово смотрится в вертикальных форматах, создают аккуратность и декоративность без нарочитости. Хорошее решение проблемы, когда нужно ненавязчиво привлечь внимание к заголовку или разбавить пустоту на макете.


#типографика #полосы

Визуальный код
Контрформа
Ещё одна игра с буквами. В ребрендинге проекта N1 главную роль играет сочленение единицы и буквы N. Иногда при этом образуется интересная контрформа, которая здорово себя чувствует в вертикальных форматах — например, на экране смартфона.


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

Визуальный код
🤩2👍1🤗1
Чёрный объект и контрастные сноски
На схеме дома Наркомфина объект выступает чёрным пятном на белом листе, а сноски контрастно-красные + нарисованы под одним углом, как в хороших транспортных схемах. Строго, чисто и отлично вписывается в эстетику конструктивизма.


#схема #сноски

Визуальный код
🔥1😁1😍1
Фигуры с лицами
Формы сочных цветов с нарисованными лицами. Прекрасная метафора человечности, отражённая минималистично, графично и не скучно.


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

Визуальный код
😐1
Почтовая марка
Марка как элемент стиля и пространство для брендинга. Она стремительно устаревает, как когда-то дискета, и оттого приобретает ореол крафтовости и приятной старомодности. Дизайн марок — это иногда космос какой-то.


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

Визуальный код
Пометки в тексте
В современном переиздании французского комедийного романа «Зази в метро» («Zazie nel metró») текст сопровождается пометками, сносками и иконками, свёрстанными прямо поверх текста. Книга-игра — дикая, но симпатичная.


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

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


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

Визуальный код
Круглые лейблы
Журнал «Шрифт» недавно провёл редизайн. Некоторые материалы маркируются интересным круговым лейблом проекта Tomorrow.


#композиция #web

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


#интерактив

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


#цвет

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