Дизайн
ADN Agency
6928

Иллюстрация, которая незаметно стала главным трендом в дизайне

Несколько лет подряд иллюстрации признают трендом. В этом году (скоро увидите) прогнозы не будут особо отличаться от прошлогодних — иллюстрации снова окажутся в топе.

В закладки
Аудио

Почему рисованная графика так востребована, какие уникальные задачи решает и когда уже всем надоест?

​Red Collar уже подготовили свою версию из восьми трендов на 2020. Иллюстрации на месте.

Гарольд уже не скрывает боль

Одна из причин, запустивших моду на рисованную графику — это общая усталость пользователей от фотоконтента. Нет, конечно, Instagram по-прежнему про фото и самая актуальная социальная сеть (окей, зумер, TikTok ещё), а сами фотографии как были трендом веб-дизайна, так и остаются, меняется только стиль.

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

Здесь показательный пример — визуальное оформление тематических медиа. В большинстве случаев авторы контента до сих пор берут первые подходящие по смыслу картинки из интернета. Это могут быть только фото или фото с какой-то рисованной графикой, но в обоих случаях цельного визуала не получается.

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

То же самое справедливо для промостраниц. Например, этот проект InVision, получивший премию Awwwards, по части визуала — типографика, иллюстрации и немного графиков, больше ничего.

Zoomanity, который также получил Site of the Day, — иллюстрации, типографика и сторителлинг.

Но визуальная «свежесть» иллюстраций — это, конечно, не единственная причина, почему они становятся все более востребованными. Есть и более прагматичные объяснения.

Маркетинг стал более гибким и массированным

Agile-маркетинг на слуху уже несколько лет, маркетинговые отделы все сильнее завязываются на осязаемые KPI и performance-подход. В то же время растет количество каналов, по которым нужно «пробомбить» аудиторию: наружка, ТВ, прероллы YouTube, реклама в социальных сетях и так далее.

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

К тому же, иллюстрация исключает длительную подготовку, как в случае с фото- или видеосъемками: кастинг, поиск локаций, сама съемка, постпродакшен, и всю сопутствующую бюрократию.

Думаю, одна из причин, почему «Ростелеком» ушёл в своей коммуникации в рисунки — именно возможность делать больше за меньшее время и вносить изменения в ходе работы.

До ребрендинга​

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

Иллюстрация — самый пластичный визуальный язык

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

Открытка для трансферной кампании Buy The Way​
Обложка для статьи «Как дизайнер может стать лидером» в нашем блоге 

Это невероятно актуально сейчас, когда бренды окончательно осознали, что если хочется завоевать молодую аудиторию, важно быть смелыми и дерзкими, не использовать клишированные решения.

Безумные образы и сюжеты, всё это можно было бы реализовать и другими средствами, но получилось бы значительно дороже.

Ещё один пример, когда типографика и рисованная анимация очень хорошо сработались — промо Intercom.

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

Иллюстрация — это то, что понравится всем

Общая закономерность — бренды (в первую очередь, западные, но и отечественные скоро к ним присоединятся) хотят использовать в коммуникации максимально мягкие, усредненные, абстрактные образы.

Это делается, не только чтобы польстить борцам за равноправие, есть и более простая причина — любому потребителю должно быть просто ассоциировать себя с изображением. А этого проще всего достичь, если у персонажа нет явно выраженных черт.

Такой уровень абстракции освобождает мозг зрителя от навязанной информации: вместо этого он видит «очищенные от личности» эмоции, видит линии и цвета, улавливает настроение и домысливает остальное.

Этот прием хорошо перекликается с другим трендом в дизайне — «жидкими формами». Вот в этой работе используются оба:

На самом деле, мода на абстракции — это «новое прочтение» классики. Вспомните ту самую «модель идеальной счастливой семьи» из ТВ-роликов: папа, мама, сын, дочь, золотистый лабрадор-ретривер. Эта формула была выведена как раз затем, чтобы большая часть семей проще могла ассоциировать себя с людьми на экране.

​Тысячи их

То, что происходит сейчас, — примерно об этом же, ещё один виток развития идеи, теперь в переложении на иллюстрацию. Facebook в этом случае — образец такого стиля.

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

Иллюстрация может стать основой фирменного стиля

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

На тему иллюстраций как основы фирменного стиля есть хорошая статья про эволюцию визуального стиля Dropbox, который, тем не менее, всегда оставался верен иллюстрациям.

Помните такую?​

При этом бренды вовсе не обязаны использовать какой-то конкретный, «модный» стиль — в конечном счёте всё зависит от местной специфики. Например, MetaMusic построил фирменный стиль с помощью тонких линий — в них отлично читаются гитарные струны.

Стилизованные под этнические орнаменты иллюстрации помогают чайному бренду Inca презентовать продукт с ярко выраженным «национальным» окрасом.

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

Советы тем, кто заказывает иллюстрации

В качестве бонуса — несколько рекомендаций для тех, кто выступает на стороне заказчика:

Агентство или фрилансер

Здесь те же законы, что и везде: фрилансеров больше, можно подобрать идеального кандидата на свой проект за меньший прайс.

С другой стороны, агентство способно взять на себя риски за качество и сроки и не уедет на месяц в Австралию кататься на кайтах.

Кроме того, одного исполнителя не всегда достаточно, поэтому, если проект больше, чем лендинг или рекламная кампания, лучше заключить долгосрочный договор с агентством, которое и сформирует для вас команду иллюстраторов — своих собственных или на аутсорсе.

Посвятите не менее 20% времени подбору референсов

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

Где-то в этот момент появляется идея, что здесь будет иллюстрация и мы подбираем стиль. Поиск обычно проходит в две-три итерации, когда мы показываем подходящие примеры, объясняем особенности стиля и постепенно приходим с клиентом к общему видению.

В итоге получается полностью синхронизировать ожидания и результат, что значительно экономит время в будущем.

Отталкивайтесь от задачи или стиля

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

Если нравится конкретный стиль — подберите художника, владеющего им на нужном вам уровне, и работайте с ним. Здесь важно помнить, что «автор одного стиля» вряд ли сможет так же быстро и круто работать в другой стилистике.

Всегда работайте этапами

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

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

Работая с фрилансером, умножайте сроки на два

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

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "ADN Agency", "author_type": "self", "tags": ["\u0442\u0440\u0435\u043d\u0434\u044b","\u0438\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0438"], "comments": 20, "likes": 29, "favorites": 139, "is_advertisement": false, "subsite_label": "design", "id": 95977, "is_wide": false, "is_ugc": true, "date": "Tue, 10 Dec 2019 09:45:20 +0300", "is_special": false }
Создать объявление на vc.ru
Право
Семь настоящих причин зарегистрировать товарный знак в России
Хорошее название помогает компании защититься от подделок, покорить рынок и выйти за рубеж. Плохое может её обанкротить.
0
{ "id": 95977, "author_id": 107621, "diff_limit": 1000, "urls": {"diff":"\/comments\/95977\/get","add":"\/comments\/95977\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/95977"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
20 комментариев
Популярные
По порядку
Написать комментарий...
14

Весь дрибл уже забит этими безличными человекокляксами, такие сервисы как undraw и icons8 сделали иллюстрации доступными каждому индусу, поэтому они пихают их в каждый шот. Другое дело конечно реальные проекты, где не всегда это к месту. Если посмотреть на тот же awards или Behance, то не всё так однозначно и хоронить фотографии с видео не стоит спешить.

Ответить
2

спасибо, думал где брать графику для своего блога, не знал про описанные вами ресурсы:) 

Ответить
0
Ответить
1

Да их никто и не хоронит, в статье я говорил про конкретный инструмент и его специфику.

Ответить
3

Но есть нюанс: иллюстрации стоят дороже, если они сделаны "под проект".

Ответить
0

Да, на заявлении что иллюстрация это дешево тоже триггер словил. Хорошая картинка стоит от 6₽, если чел себя уважает. Впрочем большинство таких на рф рынке не водятся.

Ответить
1

То, что делаешь интуитивно, но не подобрал нужных слов описано в этой статье. Годно.

Ответить
0

Реклама петрика

Ответить
0

Иллюстрации заказывают на www.illustrators.ru

Ответить
0

Это последнее место куда я пойду за иллюстрацией

Ответить
0

ненавижу иллюстрации на сайте ))

Ответить
0

Если это хорошо вписано в стилистику сайта, то почему нет?

Ответить
0

я не против иллюстраций но от них уже тошнит ))
лепят куда непопадя

Ответить
0

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

Ответить
0

Если фрилансер пишет "большенство", то потом получаются вот такие креативы. Добавить мне тут нечего.

Ответить
0

Хороший такой слив г... на фрилансеров. Здесь он в австралию укатил, здесь сроки оценил плохо, а студии прямо святые))). Автор ты ошибаешься либо опыт твой неудачен. А вообще выбирая специалиста/фрилансера, нужно также включать голову и заключать договор, тогда риски будут защищены и сроки и все участники этого предприятия. Фрилансер это не бестолклвый, вольный художник творящий что попало, не стоит так относиться.

Ответить
0

Статья гуд. Без обид.

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }