Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>14 июн 2023</li>

3 <li>0</li>

4 </ul><h2>Что такое визуальная метафора</h2>

5 Дизайн должен привлекать аудиторию и доносить идею. Для этого используют визуальные метафоры.

6 Иллюстрация: Аня Макарова для Skillbox Media

7 Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.

8 Полина Старцева

9 Редактор.

10 Разбираемся, что это за инструмент, где нужны метафоры и какими они должны быть в дизайне.

11 Да. В науках о литературе и языке метафорой называют выражение в переносном значении, основанное на сравнении - когда что-то описывают через признаки или действия другого объекта. Простые примеры: золотые руки, бездонная печаль, тяжёлые отношения.

12 А в визуальной метафоре такое сравнение и перенос смысла закладывают не словом, а графикой, картинкой.

13 Этот термин используют в кино, живописи и дизайне. Визуальные метафоры встречаются в логотипах, иконках, инфографике, иллюстрациях и рекламе: они помогают элегантно донести идеи или привлечь внимание.

14 В иллюстрации визуальная метафора - один из основных инструментовИзображение: Bindy Xie /<a>Behance</a>Самое известное - это рабочий стол с иконками папок и файлов.

15 Эту метафору придумали ещё в семидесятых годах, когда создавали первые графические интерфейсы. Чтобы пользователю было легче обращаться с компьютером, рабочее пространство и его элементы "сравнили" с привычными вещами из реального мира. Концептуально рабочий стол на экране походил на классическую поверхность кабинетного стола, покрытого сукном. Иконки папок - на светло-жёлтые вкладыши в сегрегаторах, файлы - на листы бумаги.

16 При этом папка на компьютере - на самом деле никакая не папка, но обращаемся мы с ней, как с физическим объектом: переносим "внутрь" документы, чтобы хранить и содержать их в порядке.

17 Компьютерные файлы - это тоже не стопки бумаг, а просто виртуальные объекты, код, но метафорическое обозначение помогает человеку работать с ними так же, как с бумажными документами: он их двигает, подписывает, сортирует.

18 Иконка-кошелёк метафорически означает траты, изображение мешочка - накопленияИзображение: THE KLEN / Kate Pletneva /<a>Behance</a>Это одна из их функций.

19 В цифровом дизайне метафор очень много - это помогает делать сайты и приложения понятнее. Например, изображение шестерёнки обозначает раздел с настройками, иконка с магазинной корзиной для покупок - виртуальную корзину, значок с сердечком - отметку "мне нравится".

20 Но область применения визуальных метафор гораздо шире, чем дизайн интерфейсов. С их помощью создают имиджи, айдентику, рекламные креативы. В инфографике и презентациях они нужны, чтобы лучше донести смысл повествования и помочь людям быстрее считывать и понимать информацию.

21 Айдентика фестиваля построена на графическом представлении волны и свойства арбуза звонко звучать, когда его проверяют на спелость. Получилась визуальная метафора "арбуз как звуковая волна"Изображение: Ирина Климашова /<a>Behance</a>Верно.

22 Но они не всегда несут критически важную информацию. Иногда метафоры используют просто для развлечения аудитории, чтобы показать неожиданные аналогии и этим привлечь внимание к продукту.

23 Форма тоже может быть визуальной метафорой. Упаковка ухода для кожи напоминает очень популярный в Юго-Восточной Азии и Северной Африке продукт - баночку молочного продукта с пробиотикамиИзображение: "<a>Золотое Яблоко</a>"В креативах и фирменных стилях продукты, услуги или "боли" потребителя сравнивают с чем-то неожиданным, чтобы вызвать эмоции у зрителя и запомниться.

24 Визуальная метафора в логотипе кофейни: буква О как слайдер включенияИзображение: Soad Mady /<a>Behance</a>Чётких правил нет: есть масса способов показать сравнение с помощью картинки. Может меняться форма, текстура или цвет объекта.

25 А иногда сам объект никак не видоизменяют, и на то, что в изображение заложено сравнение, указывает контекст.

26 Креатив на баннере оформлен как карточка Pantone, потому что промокод - это слово, обозначающее яркий оттенок зелёного. И есть контекст, который знаком большинству: такой неоновый цвет бывает у стандартных наклеек-ценниковИзображение: "Золотое Яблоко"Нет. Визуальная метафора - только один из дизайнерских приёмов.

27 Можно использовать абстрактные изображения или просто отрисовывать объекты в определённой стилистике - без всяких сравнений.

28 В дизайне фирменного стиля для скачек в Сиене нет метафор: голова лошади означает, что мероприятие посвящено лошадям, а паттерны отсылают к гербовой эстетикеИзображение: Francesca Melillo /<a>Behance</a>Не совсем.

29 В интерфейсах или в графиках, например, важно, чтобы метафоры были максимально простыми, а образы широко распространёнными: в digital необходимо, чтобы люди мгновенно их считывали. Мы привыкли, что значок "мне нравится" - это иконка с сердечком или с большим пальцем, поднятым вверх, и эту метафору способны считать люди по всему миру. Если вместо этого изобразить схему гормона дофамина, пользователь вряд ли с первого раза поймёт креатив.

30 Зато в рекламе и айдентике нужны как раз необычные метафоры, которые создают сложные цепочки в уме: это привлекает внимание и заставляет людей задержать взгляд.

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

32 Дизайнерка провела аналогию между пастой и букашками, и, кроме того, визуальное решение основано на качестве продукта: согласно концепции, в состав пасты входит порошок из насекомыхИзображение: Tanya Lebedeva /<a>Behance</a>Можно.

33 Главное, что требуется, - развивать насмотренность и начитанность. Чем шире кругозор, тем более неожиданные и эффектные аналогии может проводить дизайнер и тем более ёмкие символы создавать.

34 Чтобы сделать процесс поиска метафор системным и не терять идеи, можно составлять ментальные карты, делать визуальные заметки, записывать поток мыслей, а после структурировать и анализировать то, что поначалу выглядит как бессвязный набор информации и образов. Так можно научиться входить в рабочий поток, чтобы управлять креативным процессом, а не ждать "искры".

35 Также помогает работа с мудбордами - наборами изображений, деталей, цветов, текстур, текстов, которые визуализируют определённое настроение проекта.

36 <a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>