Telegram Web
Выстрел
В логотипе фильма об убийце убиты даже буквы. Приём максимально в лоб, прямолинейный, как пуля, да и ещё и стиль постера такой старомодный, будто кто-то вдруг решил протащить в двадцатые годы сороковые. Что-то в этом есть дикое, но симпатичное. За наводку спасибо каналу «коты и ящики».

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

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

Источник
#персонаж
This media is not supported in your browser
VIEW IN TELEGRAM
Разрыв букв
Старая добрая игра с анимацией заголовка по ховеру. Здесь эффект неожиданный, не заезженный и довольно уместный — буквы рассыпаются, но под ними второй слой удерживает конструкцию. За наводку спасибо @iros666

Источник
#web #анимация
This media is not supported in your browser
VIEW IN TELEGRAM
Текучие блоки
Интересный приём на сайте — блоки становятся текучими от ховера. Задаёт игривое настроение, которое вдобавок поддерживается сторителлингом-анимацией на первом экране. За наводку спасибо @anna_ze1

Источник
#web #анимация
This media is not supported in your browser
VIEW IN TELEGRAM
Вариативность
Ещё один любопытный приём из мира анимации на сайтах — демонстрация вариативности шрифта через барабан. Здорово демонстрирует и многообразие вариантов, и моноширинность и единообразие в размерах. За наводку спасибо @vanyauhalin

Источник
#web #анимация
This media is not supported in your browser
VIEW IN TELEGRAM
Табы и скролл
Необычное поведение табов на презентационном сайте: при скролле они перелистываются. Диковато, но интересно, для промо-сайта неплохой приём (в более сервисных интерфейсах, пожалуй, будет ту мач).
Кстати, сам сайт продукта интересен — много приятных и понятных линейных иллюстраций, ненавязчивая анимация, хорошие метафоры AI. За наводку спасибо @vladkorobov

Источник
#web #ui
Движение по кругу
Изумительная работа с типографикой и композицией: смотришь, и взгляд буквально ходит по кругу по стрелкам, причём стрелки очень органично встроены в композицию, дружат с текстом, всё набрано одним цветом и одним кеглем. То есть движение достигается не за счёт контраста или привлечения внимания к разнице между элементами, а за счёт удачных визуальных поисков в расположении элементов, их синхронизации.

Источник
#плакат #композиция
Объявление про канал
Возможно, вы могли заметить, что посты в этом канале больше не выходят так часто, как раньше. Сегодня я пришла покаяться и рассказать про планы на будущее.

Дело в том, что за 7 лет, что я веду канал (а «Визуальные приёмы» появились аж в 2017 году), мой интерес к разного рода ярким презентационным приёмам несколько поугас.

В 2017 году я — Даша Почекуева @pochekueva, автор канала, — работала арт-директором в агентстве. Сейчас — дизайн-лидом в продуктовой компании с довольно техничными внутренними продуктами. Я всё ещё посматриваю за интересными ходами в графическом дизайне, но, будем честны, в сложных внутренних продуктах область их применения здорово ограничена, поэтому и канал уже не зажигает меня так, как раньше.

Зажигает совсем другое, а как превратить это в новый канал (и нужно ли?), я и сама пока не поняла.

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

Канал не исчезнет и не перейдёт в другие руки, но, вероятно, потихоньку превратится в архив.

Спасибо вам за то, что следили за «Визуальными приёмами» — все семь лет я искренне кайфовала, пока вела канал, и радовалась каждому единомышленнику. Грустить не надо, потому что не прощаемся. Если я придумаю что-то новенькое, вы узнаете об этом первыми.

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

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

Пока что без рекламы (она не продаётся и не покупается), но если что-то изменится, обязательно сообщу.

Поехали.
Книга-поток
Первый приём, вдохновивший сегодня: удивительная книжка 1913 года «La Prose du transsibérien et de la petite Jehanne de France» от Сони Терк-Делоне. Примерный перевод: «Проза Транссибирской магистрали и маленькой Жанны из Франции». Это стихотворение в виде книжки-гармошки с иллюстрациями.

Деконструктивистский приём — разрушить формат книги и подогнать его под сюжет: шестнадцатилетний поэт путешествует из Москвы в Харбин в компании проститутки по имени Жанна. Как похожи эти мелькания цветов, мешанина шрифтов, лоскутность и непрерывность на ощущения подростка, глядящего на мир из окна поезда. Красота и метафоричность.

Источник
#композиция #цвет
Градиент в диаграмме
Приём из мира интерфейсов (теперь в этом канале их станет больше). Очень классный чистый градиент на санкей-диаграмме — и глаз радует, и наглядно визуализирует поток, и недорого в реализации.

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

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

Источник
#метафора
Игра с номером
Телефонный номер как пространство для игры и брендирования: в цифрах 070 дизайнер увидел велосипед. Запоминающийся приём — увидеть магию в рутине. За наводку спасибо каналу «Дизайн-снайпер».

Источник
#метафора
Графики с паттернами
Очень понравился интеркомовский стиль графиков на продуктовом лендинге: деликатный паттерн из точек, единая палитра и вариативная толщина у линий здорово расставляет акценты и при этом делает график не скучным.

Чисто декоративный приём — конечно, не для отчётов и для глубокого анализа, но для презентаций и лендосов — вполне.

Источник
#ui #паттерн
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация эмоций
Приятная анимация состояний в нативном айфоновском приложении «Дневник». Жаль, такой дофаминовый декор нечасто встречается в вебе.

Источник: личный архив
#анимация #mobile
2024/12/01 05:24:32
Back to Top
HTML Embed Code: