Демка
Не то чтобы визуальный приём, но определённо цепляющая штука. Как круто в продуктовый лендинг встроена демо-версия продукта: максимально органично, понятно и бесшовно, открыл и пользуйся.
Визуальный код
Не то чтобы визуальный приём, но определённо цепляющая штука. Как круто в продуктовый лендинг встроена демо-версия продукта: максимально органично, понятно и бесшовно, открыл и пользуйся.
Визуальный код
Доли
Простая и гениальная визуальная метафора сервиса рассрочки: любое цельное изображение делится на части.
Визуальный код
Простая и гениальная визуальная метафора сервиса рассрочки: любое цельное изображение делится на части.
Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Градиент
Красота яркого градиента на тёмном фоне. Есть в этом что-то драматически-киношное.
Визуальный код
Красота яркого градиента на тёмном фоне. Есть в этом что-то драматически-киношное.
Визуальный код
Овалы
iGooods зарелизил новую айдентику, сделанную в ONY. Главный приём — овалы, обыгрывающие три «о» в названии компании. Из овалов можно собирать иллюстрации на плакатах, принты на шкафах, иконку приложения, ими можно обклеивать машины доставки или даже сделать из овалов персонажей-маскотов.
Визуальный код
iGooods зарелизил новую айдентику, сделанную в ONY. Главный приём — овалы, обыгрывающие три «о» в названии компании. Из овалов можно собирать иллюстрации на плакатах, принты на шкафах, иконку приложения, ими можно обклеивать машины доставки или даже сделать из овалов персонажей-маскотов.
Визуальный код
Заявки в приложении Ростелекома
Нравится, как свёрстаны карточки заявок: наверху — имя автора и фото в круге, выступающее якорем; внизу — кнопки навылет, без отступов.
(Кстати, ещё у этого приложения очень приятные интерфейсные иллюстрации)
#модули #композиция #mobile
Визуальный код
Нравится, как свёрстаны карточки заявок: наверху — имя автора и фото в круге, выступающее якорем; внизу — кнопки навылет, без отступов.
(Кстати, ещё у этого приложения очень приятные интерфейсные иллюстрации)
#модули #композиция #mobile
Визуальный код
Знак
Надстрочный диакритический знак выступает узнаваемым символом и меняется в зависимости от контекста. Просто, спокойно и удобно в использовании.
Визуальный код
Надстрочный диакритический знак выступает узнаваемым символом и меняется в зависимости от контекста. Просто, спокойно и удобно в использовании.
Визуальный код
Карточки
На новой главной странице «Кинопоиска» очень компактно организованы карточки-подборки с выбором редакции. У них понятная аккуратная вёрстка, хорошо подобранные соотношения отступов и шрифтов и единый принцип формирования фонов (градиент из единой палитры с плюс-минус одинаковой светлотой).
Визуальный код
На новой главной странице «Кинопоиска» очень компактно организованы карточки-подборки с выбором редакции. У них понятная аккуратная вёрстка, хорошо подобранные соотношения отступов и шрифтов и единый принцип формирования фонов (градиент из единой палитры с плюс-минус одинаковой светлотой).
Визуальный код
Контраст форм
Понравилось, как в логотипе и визуальном языке игривое уживается со спокойным и даже немного строгим. Выброси из логотипа этих выглядывающих персонажей — и будет очень рафинированный и сдержанный стиль. Добавили щепотку радикально другого настроения, и вот уже совершенно изменилось ощущение. Мастерски сделано, ни одной лишней ноты. За наводку спасибо дайджесту Журналус.
Визуальный код
Понравилось, как в логотипе и визуальном языке игривое уживается со спокойным и даже немного строгим. Выброси из логотипа этих выглядывающих персонажей — и будет очень рафинированный и сдержанный стиль. Добавили щепотку радикально другого настроения, и вот уже совершенно изменилось ощущение. Мастерски сделано, ни одной лишней ноты. За наводку спасибо дайджесту Журналус.
Визуальный код
Колеблющийся круг
Круг — сам по себе заметная и мощная фигура, привлекающая внимание. А бывает, когда дизайнер делает из круга более сложную, колеблющуюся форму для фона, чтобы придать работе чуть больше своеобразия. Хорошо смотрится в анимации.
#композиция
Визуальный код
Круг — сам по себе заметная и мощная фигура, привлекающая внимание. А бывает, когда дизайнер делает из круга более сложную, колеблющуюся форму для фона, чтобы придать работе чуть больше своеобразия. Хорошо смотрится в анимации.
#композиция
Визуальный код
Зеркало
Интересный тандем текстур и узоров в упаковке: зеркальная этикетка отражает графику на упаковочной бумаге. За наводку спасибо Юлии Плотник.
#форма #упаковка
Визуальный код
Интересный тандем текстур и узоров в упаковке: зеркальная этикетка отражает графику на упаковочной бумаге. За наводку спасибо Юлии Плотник.
#форма #упаковка
Визуальный код
Жара и прохлада
Сочная противоречивая палитра на сайте. Основной цвет — тёплый, даже жаркий, а акцент — прохладный и спокойный. При этом оба цвета достаточно сложные и «забелённые», с пониженной яркостью, и благодаря этому глаза не выжигает.
#палитра
Визуальный код
Сочная противоречивая палитра на сайте. Основной цвет — тёплый, даже жаркий, а акцент — прохладный и спокойный. При этом оба цвета достаточно сложные и «забелённые», с пониженной яркостью, и благодаря этому глаза не выжигает.
#палитра
Визуальный код
Перечёркивание
Логотип-лента, который перечёркивает какое-то утверждение. Приём-протест, но протест не агрессивный и вызывающий, а мягкий и даже дружелюбный. В кейсе есть ещё примеры.
#композиция
Визуальный код
Логотип-лента, который перечёркивает какое-то утверждение. Приём-протест, но протест не агрессивный и вызывающий, а мягкий и даже дружелюбный. В кейсе есть ещё примеры.
#композиция
Визуальный код
Градиент на карточке
В качестве заливки карточки используется сложный нелинейный градиент с множеством точек. Этот приём можно использовать как декорацию и для других модулей.
#цвет
Визуальный код
В качестве заливки карточки используется сложный нелинейный градиент с множеством точек. Этот приём можно использовать как декорацию и для других модулей.
#цвет
Визуальный код
Вариативность и единообразие
Очень простая айдентика, основанная на классическом сочетании приёмов: форма + цвет + паттерн. Главный герой тут — форма, в которую произвольным образом внедряются округлые фигуры из палитры бренда.
Это классный пример сочетания вариативности и единообразия. Дизайнер придумывает форму и шрифтовое написание, подбирает цвета, и получается крепкая простая база. Дальше методом рандома форма наполняется фигурами нужных цветов. Стиль получается и гибким, и простым, и не скучным.
— https://www.behance.net/gallery/62972841/CiudaDistrito
#цвет #форма #вариативность
Визуальный код
Очень простая айдентика, основанная на классическом сочетании приёмов: форма + цвет + паттерн. Главный герой тут — форма, в которую произвольным образом внедряются округлые фигуры из палитры бренда.
Это классный пример сочетания вариативности и единообразия. Дизайнер придумывает форму и шрифтовое написание, подбирает цвета, и получается крепкая простая база. Дальше методом рандома форма наполняется фигурами нужных цветов. Стиль получается и гибким, и простым, и не скучным.
— https://www.behance.net/gallery/62972841/CiudaDistrito
#цвет #форма #вариативность
Визуальный код
Игра с цифрами
В айдентике новосибирского центра культуры буквы и цифры собираются в разной последовательности, образуя крепкую композицию из четырёх элементов. Их объединяет цвет на фоне, толщины букв/цифр и узнаваемая единообразная пластика. Получается вариативно и слегка таинственно: зрителю будто предлагают расшифровать тайное послание.
Визуальный код
В айдентике новосибирского центра культуры буквы и цифры собираются в разной последовательности, образуя крепкую композицию из четырёх элементов. Их объединяет цвет на фоне, толщины букв/цифр и узнаваемая единообразная пластика. Получается вариативно и слегка таинственно: зрителю будто предлагают расшифровать тайное послание.
Визуальный код
Леденцы
Аккуратный коммерческий дизайн в духе времени: упаковка леденцов с витаминами построена на ясной палитре, спокойной типографике и правиле якорных объектов.
Визуальный код
Аккуратный коммерческий дизайн в духе времени: упаковка леденцов с витаминами построена на ясной палитре, спокойной типографике и правиле якорных объектов.
Визуальный код
Тепло и холод
Просто минутка красоты: ботаническая иллюстрация с интересным стилем, построенным на контрасте. Холодное, подчёркнуто неестественное тонирование с красно-оранжевыми нотами. Контраст округлого и вытянутого, яркого и бледного, спокойного и экспрессивного.
#цвет
Визуальный код
Просто минутка красоты: ботаническая иллюстрация с интересным стилем, построенным на контрасте. Холодное, подчёркнуто неестественное тонирование с красно-оранжевыми нотами. Контраст округлого и вытянутого, яркого и бледного, спокойного и экспрессивного.
#цвет
Визуальный код
Лава
Классная работа с цветом. Понравилось, как автор чувствует, усиливает и обостряет оттенки красного, превращая его в огонь и лаву. Кстати, серый, белый и чёрный на этих плакатах — тоже не чистые привычные цвета, а с примесями лилового.
#цвет
Визуальный код
Классная работа с цветом. Понравилось, как автор чувствует, усиливает и обостряет оттенки красного, превращая его в огонь и лаву. Кстати, серый, белый и чёрный на этих плакатах — тоже не чистые привычные цвета, а с примесями лилового.
#цвет
Визуальный код
Иконка у целевого действия
Частая история на мобильных: есть несколько действий на экране, одно из них целевое. Дизайнеры по-разному пытаются обозначить главную кнопку: то цветом, то положением, то сниженным приоритетом у остальных кнопок.
Хороший вариант — унести главную кнопку вниз экрана (чтобы удобнее было большим пальцем нажимать) и добавить иконку.
Визуальный код
Частая история на мобильных: есть несколько действий на экране, одно из них целевое. Дизайнеры по-разному пытаются обозначить главную кнопку: то цветом, то положением, то сниженным приоритетом у остальных кнопок.
Хороший вариант — унести главную кнопку вниз экрана (чтобы удобнее было большим пальцем нажимать) и добавить иконку.
Визуальный код
Наложение в заголовках
Заголовок набран двумя шрифтами и двумя цветами. Они накладываются друг на друга, а порой ещё перемешиваются в мелочах — буквах и символах. Получается графическая игра с контрастом и ощущением нарочитого шума. Подойдёт для дерзких проектов на спорные темы.
Чтобы приём хорошо смотрелся, нужна подходящая шрифтовая пара и нейтральный фон, который не спорит с объектами и не перетягивает внимание на себя.
Визуальный код
Заголовок набран двумя шрифтами и двумя цветами. Они накладываются друг на друга, а порой ещё перемешиваются в мелочах — буквах и символах. Получается графическая игра с контрастом и ощущением нарочитого шума. Подойдёт для дерзких проектов на спорные темы.
Чтобы приём хорошо смотрелся, нужна подходящая шрифтовая пара и нейтральный фон, который не спорит с объектами и не перетягивает внимание на себя.
Визуальный код