Визуальные приёмы

Визуальные приёмы

@mozhno
Изображение канала: Визуальные приёмы
15 373 подписчика
2 поста
Посты
Ассиметрия
Стандартную плитку в вебе принято верстать симметрично: модули стык в стык, все кратные друг другу, часто одинаковой высоты или ширины. Здесь же в конструкцию, в которой всё привычно глазу и усреднённо, врывается ассиметрия: сетка внутри модулей стандартна, отступы единообразны, но вот высоты не подгоняются друг под друга, а подчёркнуто отличаются. Интересный способ внести акцент в какую-то вполне сервисную и обычную штуку. Источник #модуль
Изображение поста
Мягкий контраст
Минутка простого и красивого: просто изящно выполненный экран-заставки без особых изысков. Думаю, ощущение приятной, ненапряжной глазу красоты тут формируется мягким контрастом: чёткое перекликается с размытым, розовое — с зелёным. Источник #иллюстрации #контраст
Изображение поста
Табы с иллюстрациями
Классные табы с иллюстрациями на новом сайте «Грамота.ру». Любое правило русского языка подаётся в трёх срезах: азы, основы, тонкости. Каждый срез кодируется иллюстрацией человечка разной степени умудрённости, а изогнутая бровь чем-то даже намекает на мем «Не все поймут». Интересный способ впустить иронию и человечность в привычные паттерны и академичные темы. #start">Источник #web
Video is not supported
График от руки
Ещё один приём в копилку «Привычное как рандомное»: опросник, где шкалы не единообразны. Это маркетинговый приём с главной страницы продукта — то есть для точных значений и их сверки он точно не подойдёт, но пригодится, если нужно привлечь внимание к графику. За наводку спасибо @nnanefa Источник #web
Изображение поста
Сделать типичное рандомным
Классный приём, как сделать цифровой мир ламповее и человечное: сделать типичную вещь генерящейся рандомно. Полосочка-дивайдер может быть чуть-чуть разной при каждом добавлении, будто её чертит рука. Тот же принцип легко экстраполируется и на другие элементы интерфейса: миниатюры можно генерить разных цветов, текст по умолчанию — из разных вариантов, закладки в цифровой книжке — разной формы. Источник #web
Video is not supported
Иллюстрация из элементов UI
Понравилась иллюстрация на промо-сайте приложения про семейное здоровье. Можно написать пять абзацев о том, как именно продукт помогает быть здоровыми: с помощью рецептов, предложений активности, пушей, статей и так далее. А можно сбацать несложную иллюстрацию на весь экран, состоящую из всего этого, — и вот уже пять абзацев не нужны. За наводку спасибо каналу @blinklinks Источник #web #иллюстрации
Изображение поста
Вёрстка
В этой упаковке (прекрасной самой по себе) особенно цепляет работа с типографикой — описание продукта свёрстано как стихотворение, в самой форме абзаца угадывается какая-то поэзия быта. За наводку спасибо дайджесту Журналус. Источник #типографика
Изображение поста
Зрелищная навигация
И ещё один классный приём из вчерашнего источника, соблазнительный для промо и наглядный, когда речь идёт о каком-то вещественном продукте. Вся линейка сразу перед глазами. Источник #ui
Video is not supported
Красота и уродство
Пример дизайна на грани приятного и отталкивающего. Вообще интересная (и сложная) задача — исследовать визуальные приёмы, которые формируют двойственное ощущение одновременной красоты и уродства. В этом примере, как мне кажется, ощущение формируется контрастом хаоса и порядка — дизайнер миксует вещи настолько разные, так яро избегает чистых цветов и однообразных форм, что это становится нарочитым приёмом. Источник (за ссылку спасибо @sergej_petrov) #композиция #хаос
Изображение поста
Изображение канала: Визуальные приёмы
Анимация эмоций
Приятная анимация состояний в нативном айфоновском приложении «Дневник». Жаль, такой дофаминовый декор нечасто встречается в вебе. Источник: личный архив #анимация #mobile
Video is not supported
Изображение канала: Визуальные приёмы
Игра с номером
Телефонный номер как пространство для игры и брендирования: в цифрах 070 дизайнер увидел велосипед. Запоминающийся приём — увидеть магию в рутине. За наводку спасибо каналу «Дизайн-снайпер». Источник #метафора
Изображение поста
Изображение канала: Визуальные приёмы
Градиент в диаграмме
Приём из мира интерфейсов (теперь в этом канале их станет больше). Очень классный чистый градиент на санкей-диаграмме — и глаз радует, и наглядно визуализирует поток, и недорого в реализации. Источник #схемы #ui
Изображение поста
Изображение канала: Визуальные приёмы
Книга-поток
Первый приём, вдохновивший сегодня: удивительная книжка 1913 года «La Prose du transsibérien et de la petite Jehanne de France» от Сони Терк-Делоне. Примерный перевод: «Проза Транссибирской магистрали и маленькой Жанны из Франции». Это стихотворение в виде книжки-гармошки с иллюстрациями. Деконструктивистский приём — разрушить формат книги и подогнать его под сюжет: шестнадцатилетний поэт путешествует из Москвы в Харбин в компании проститутки по имени Жанна. Как похожи эти мелькания цветов, мешанина шрифтов, лоскутность и непрерывность на ощущения подростка, глядящего на мир из окна поезда. Красота и метафоричность. Источник #композиция #цвет
Изображение поста
Изображение поста