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

@pishiii_suda_da_bot — быстрая связь и мгновенные ответы в любое время.
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Лесной царь
Дизайнер показывает, как ему пришла в голову идея иллюстрации на этикетке, помещая современный объект в пространство своих идей, референсов, визуальных находок. Зритель наглядно улавливает параллели в штрихе, характере, интонации, как бы погружаясь в голову дизайнера. Такой приём требует чутья и мастерства. Ну, и должно быть движение мысли, к которому можно ссылаться : )

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


#ui

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


#силуэт #форма #хаос

Визуальный код
Грубая обтравка
Приём для постера и иллюстрации: персонажи грубо вырезаны из своей среды и вставлены в коллаж, составлены из вырезок и обрывков и нарочито не дружат с фоном. Классный способ показать хаос и тему расследований. Это постер немецкого шпионского сериала «Deutschland 86»

Визуальный код
Удачная вёрстка коробочки (по сути, блока-модуля). Нравятся аккуратные текстовые фактоиды и пропорции иллюстрации относительно модуля.

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


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

Визуальный код
Мокап
Интересный способ использования мокапа: не для демонстрации дизайна продукта, а для размещения текста в смм-целях. Вроде приём лежит на поверхности, но почему-то редко встречается. За наводку спасибо @jfoke


#smm

Визуальный код
Вдогонку: ещё примеры из того же источника и процесс создания надписи

Визуальный код
Фактоиды
Понравилось, как деликатно вписаны три фактоида на первый экран промо-страницы: плюс-минус одинаковое количество текста, единообразная графика, правильные приоритеты и центральная симметрия (которую не так уж легко соблюсти). Единственное, что подбешивает — висячее in в третьем фактоиде, но читатель канала подсказывает, что в английском это ок, если не артикли.

Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Курсор
На сайте «Сетки» при скролле логотип как бы стирается курсором. За наводку спасибо каналу «Изюм» (видео тоже оттуда) — https://t.me/izuuum


#web

Визуальный код
Постеры-коллажи
Классный пример использования коллажной техники в постерах нового фильма Уэса Андерсона. За наводку спасибо дайджесту Оди.

Визуальный код
Angle-градиент как стилистический приём в блоках и модулях. — http://bethesexybeast.com/sexybeast/

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


#градиент

Визуальный код
Три модуля, наложенные на одну фоновую картинку. — https://dribbble.com/shots/3728187-Magazine-redesign

Визуальный код
Отличие
Старый и простой приём для демонстрации отличий между А и Б. Две картинки, отличающиеся в одной детали, наложены друг на друга и меняются по ховеру. Удобно, наглядно и очень легко в реализации.


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


#web #модули

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


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

: рассылка Арзамаса
.
#композиция

Визуальный код
Типографическая игра
Классная игра с типографикой, тиснением и пространством. За наводку спасибо каналу Юлии Плотник.


Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Очень задротский и очень эффектный приём. Иллюстрация разбивается на кусочки, которые собираются с помощью анимации.

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