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

@pishiii_suda_da_bot — быстрая связь и мгновенные ответы в любое время.
Download Telegram
Ландшафт на схеме
На схеме парка «Митино» здорово показан ландшафт: зелень темнеет ближе к воде (как бы по мере спуска), образуя тёмную окантовку вокруг главного источника притяжения.
И ещё деталь: парк оказывается в фокусе внимания за счёт светлоты, цветности и детальности, а район вокруг — на втором плане. У домов мало деталей, они серые на сером фоне. Благодаря этому парк играет.


#схема

Визуальный код
Реальное и фантазийное
Понравилась динамика и эклектичность: дизайнер свободно совмещает реальные объекты с рисунками, не боится сложных сочетаний цветов и форм. Обаятельный стиль от «Щуки».


#айдентика #цвет #форма

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


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

Визуальный код
Комикс
Переосмысление эстетики комикса в айдентике и упаковке.


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

Визуальный код
Медицинский шрифт
Запутанность как приём. Ко дню медицинского работника Паратайп и Медси сделали «медицинский шрифт», который трудно разобрать. Подкупающая ирония и замечательное исполнение. За наводку спасибо каналу «Дизайн-снайпер».


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

Визуальный код
Роскошная анимация смены слайдов с перетекающей волной, которая меняет цвет. Тот случай, когда дизайнер прекрасно выкручивается и без графики и иллюстраций — просто придумывает эффектный запоминающийся приём. — https://dribbble.com/shots/3736911-Black-Vello-UI-Interaction-2

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


#материал #объекты

Визуальный код
Рекомендация после целевого действия
Не то чтобы визуальный приём, но про UX/UI. На сайте Икеи при добавлении некоторых товаров в корзину вместе с простым уведомлением, что всё прошло успешно, выскакивает рекомендация о сопутствующих товарах (например, в случае с абажуром советуют приобрести подходящую лампочку). Причём товар можно добавить в корзину прямо из этого тултипа, без дополнительных переходов. Крутая штука для увеличения конверсии в интернет-магазинах, причём полезная для юзера.


#ux

Визуальный код
Без картинок
Дизайн, построенный сугубо на цвете и шрифтовой композиции, без картинок. Так тоже можно.


#цвет #типографика

Визуальный код
Контраст
Фрагмент презентации нового шрифта Stravinsky. Понравилось, как дизайнер обыгрывает высокий контраст шрифта, компонуя на макете массивные бруски с тонкими полосами. Это здорово рифмуется с характером шрифта.


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

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


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

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

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


#модули #web

Визуальный код
План этажа с минимумом приёмов. Главные действующие лица — цвет и фактура. Даже дороги и север обозначен не компасом, а просто подписан. — https://soto.co.nz/residences-and-pavilions

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


#композиция

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


#инфографика #интерактив

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

— https://holmax.ru/work/ajdentika-selizharovo
#композиция #типографика

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


#композиция #фигуры

Визуальный код
Готика и игры
Сложный и интересный стиль для необычного позиционирования. Это паб с игровыми приставками и настолками. Готические мотивы отсылают к эстетике паба, а палитра и пиксели — к играм. За наводку спасибо дайджесту Оди.


#айтентика #цвет

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