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

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


#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
Очень задротский и очень эффектный приём. Иллюстрация разбивается на кусочки, которые собираются с помощью анимации.

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


#web #анимация

Визуальный код
Цвет текста
Что есть книга в самом типичном своём представлении? Черные буквы на белом листе. А тут — взрыв цвета, блоки текста, набранные синим, зелёным, красным, да ещё и на одном листе. Фантастическая, неистовая работа с цветом и печатью. А ещё как классно автор акцентирует этот взрыв цвета, помещая книгу на яркие сочные фоны.


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

Визуальный код
Медицинская эстетика
Понравилось, как косметический бренд показывает близость к медицине визуальными средствами: палитрой, штампами, бланкообразностью упаковки. За наводку спасибо дайджесту Оди.


#бренд #айдентика

Визуальный код
Градиент
Супер-простой и изящный способ брендирования фото: мини-градиент с края фотографии.
Визуальный код
Разрыв
К 2023 году в Варшаве планируют открыть музей варшавского гетто. Варшавское гетто во Вторую Мировую войну было местом, где насильственно изолировали евреев. К концу войны гетто было разрушено, но в Варшаве и по сей день по земле проходит линия из кирпичей, обозначающая его границы.
Будущий музей объявил конкурс на новую айдентику. Это работа финалистов; их главная идея — разрыв, проходящий сквозь город, сквозь людей, пространство, быт, архитектуру и культуру. Блестящая идея и приятное исполнение.

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

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