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

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


#композиция

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


#цвет

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


#подложка

Визуальный код
❤1🤬1
Раковина три в одном
В туалете аэропорта Фьюмичино раковина объединяет сразу три функции: по центру льётся вода, справа — мыло, слева руки обдувает воздухом. Неожиданный пример совмещения связанных действий.

: личные фото, Рим
#функциональность

Визуальный код
За секунду до
Как создать напряжение через визуальный приём: показать не событие, а миг за секунду до него. Не лопнувший шарик, а иглу, поднесённую к нему; не взрыв, а спичку у фитиля. Не приём, а наследие Хичкока.


#сторителлинг

Визуальный код
Media is too big
VIEW IN TELEGRAM
Индивидуальность малыми средствами
Приятный подход к единообразным модулям: вроде единая вёрстка, шрифты, анимация, но у каждого продукта своя палитра в карточке: и фон, и цвет заголовка. Тут ведь можно было бы всобачить одинаковые цвета для всех карточек — было бы дешевле в разработке, проще заполнять из админки, проще поддерживать без дизайнера и всё такое. Но потерялось бы очарование. Иллюстрации по ховеру, на мой вкус, несимпатичные, но зато индивидуальность каждого продукта достигается очень малыми средствами — это приятно.


#ui #модули

Визуальный код
Поворот
Два визуальных слоя на плакате: чёткий передний план и размытый задний. Удачная графическая находка: две буквы ZZ, поворачиваясь на 90 градусов, становятся NN.


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

Визуальный код
❤1
Наглядные параметры
Понравилось представление данных в новом кейсе Бюро про Гисметео. В панели синоптик может выбрать способ демонстрации данных на карте (например, закраской, изолиниями или кодом). В интерфейсе нужные параметры для наглядности проиллюстрированы мини-схемами около каждого пункта.


#интерфейс #web

Визуальный код
Кернинг как метафора
Обложка подкаста про беженцев с типографической игрой. Метафора побега показана через увеличение межбуквенного пространства.


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

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


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

Визуальный код
❤1
Врезка-штамп
Большая врезка на странице оформлена наподобие штампа и залезает на абзац текста. Несложный интересный приём для акцентов.


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

Визуальный код
❤2🤬1
Сети
В эти каникулы много говорили о новой айдентике Бургер-Кинга и дизайн-трендах 2021, но мне больше всего понравился другой инфоповод — обновлённый стиль ЦРУ (на картинке было/стало). Визуальный приём построен на переплетении сетей, и это классная метафора для разведывательной организации.


#айдентика

Визуальный код
❤1🤬1
Календарь
Календарь, который используется для демонстрации работ. Классная задумка и такое же классное исполнение.


#web

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


#композиция

Визуальный код
❤5🤬1
Раздробленность
Частый, но ещё не приевшийся приём: повторение строк, заголовков или объектов. Так можно показывать двойственность и раздробленность, обходясь без иллюстраций и дополнительных изобразительных средств.


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

Визуальный код
❤1
​Карточки с градиентом
Во время поездки Яндекс-такси показывает пассажиру карточки с развлекательным контентом, чтобы было чем заняться. Если картинки не прогрузились, карточки заливаются нежным градиентом, который перетекает с одного модуля на другой. Это пример того, как даже в сервисном дизайне в неудобном состоянии интерфейса можно сделать интересную штуку.

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

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