Что называют иллюстрациями для чего они применяются в дизайне?

Кажется, поколение визуалов победило: соцсети, сайты, презентации теперь состоят из картинок и рилсов. Тексты пролистывают, если они занимают больше пары строчек, Midjourney, ChatGPT и Gemini генерят тонны контента в минуту и любой теперь может провести для себя фотосессию на дому, сделать логотип, постер или героя для метавселенной. Вопрос — и зачем тогда дизайнеры? 

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

Что такое иллюстрация

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

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

Задачи, которые решает иллюстрация:

• пояснить информацию;

• задать нужное направление;

• вызвать эмоцию;

• подтолкнуть к действию.

Слово illustratio пришло из латинского illustrare — «осветить», «сделать ясным». Когда-то оно означало духовное просвещение, теперь — визуальное. Сегодня иллюстрации используются в печатных и цифровых медиа: книгах, журналах, плакатах, интерфейсах, обучающих курсах, видеоиграх, анимации. Даже эмодзи, которые мы ставим в чат, это мини-иллюстрации, которые добавляют эмоции буквам на экране. 

Немного истории

Первые иллюстрации родились задолго до книг — в Египте, где иероглифы уже совмещали текст и изображение. Средневековые мастера создавали «иллюминации» — раскрашенные вручную страницы кодексов. Печатный станок Гутенберга в XV веке сделал иллюстрацию массовой: по Европе расходились книги с гравюрами на дереве, позже — офорты и литографии. В XVII веке Япония подарила миру укиё-э — «плывущий мир» с выразительными линиями и интересными сюжетами, пример: Хокусай и его «Большая волна в Канагаве». 

В XVIII–XIX веках иллюстрация стала языком газет и журналов. Уильям Блейк делал офорты как философские манифесты, Джордж Крукшанк и Джон Тенниел создавали визуальный юмор, а английский журнал Punch превратил карикатуру в поп-жанр.

К концу XIX века начался золотой век иллюстрации: Америка открыла своих героев — Нормана Роквелла, Говарда Пайла, Дж. К. Лейендекера, Джесси Уиллкокс Смит. Их рисунки продавали журналы лучше, чем тексты. Иллюстрация стала двигателем массовой культуры.

Дальше пришли фотоаппараты, потом Photoshop, потом ИИ, и каждый раз иллюстраторы паниковали, что их профессия умрёт. Спойлер: не умерла. Многие из художников буквально меняли историю, например, Дж. К. Лейендекер, автор обложек The Saturday Evening Post, создал рекламные архетипы XX века: рождественских ангелов, закрепил визуальный образ Санта Клауса, образ идеального американского джентльмена: ухоженного, подтянутого, с белозубой улыбкой и так далее. Спустя 100 лет Малика Фавре в обложках The New Yorker продемонстрирует другую иллюстрацию — каждое изображение как матрёшка, скрывает несколько смыслов.  Ирония нашего времени, чем больше картинок делает ИИ, тем выше ценят тех, кто умеет вкладывать в работы смысл. 

Виды иллюстраций

По назначению выделяют:

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

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

• Технические — показывают, как работает продукт: схемы, интерфейсы, гайды, инструкции.

• Научные — такими объясняют, например, формулы в физике, клеточные структуры и т. д.

• Книжные и детские — помогают историям и персонажам оживать.

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

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

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

2. Растровые изображения — выбор, когда нужен характер: текстуры, свет, глубина. Идеальны для рекламных кампаний, редакционных материалов, упаковки и 3D-сцен, где важна эмоция и атмосфера.

3. Flat-дизайн и 3D-графика — два полюса, которые сегодня сосуществуют. Flat остаётся рабочей лошадкой UI и инфографики, а 3D набирает вес в бренд-контенте, видеороликах и иммерсивных форматах. Особенно в сочетании с анимацией и нейросетевым рендером.

На рынке растёт интерес к гибридным иллюстрациям, где 2D сочетается с 3D, а живой рисунок дополняют генеративные текстуры. Агентства экспериментируют с AI-инструментами, но главный тренд — сохранять «человеческий» дизайн в сочетании с машинной скоростью и возможностями искусственного интеллекта. 

Где применяется иллюстрация

В общем, везде, где вам хочется добавить смыслов и эмоций. Например:

• в рекламе — на флаерах, баннерах, плакатах и в презентации;

• в логотипах и персонажах (маскотах) — чтобы ваш бренд был легко найти, трудно потерять и невозможно забыть;

• в инфографике — вместо тысячи слов покажите итоги года в виде схем и графиков на один экран;

• на упаковке и носителях — чтобы коробки не выбрасывали, а фирменным носкам радовались на 23 февраля и 8 марта. 

Чем иллюстрации отличаются от других изображений

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

Составили для вас краткую шпаргалку:

1. Лягушка сидит у пруда, отражается в воде, вокруг зелень, светит солнце: рисунок. 

2. Лягушка нарисована карандашом на салфетке во время ужина: эскиз.

3. На изображении пять лягушек в разных позах и одежде, у одной катана, у другой плащ: концепт-арт.

4. Антропоморфный лягушонок Пепе, который улетает другу в мессенджер: интернет-мем. 

5. Лягушка кислотных цветов с глазами на спине и лапками на затылке: современное искусство. 

6. Пустой аквариум с табличкой «Здесь была лягушка»: концептуальное искусство.

7. Лягушка бежит по дороге с чемоданом, за спиной болото, впереди огни большого города, подпись «Когда Aviasales не работают»: иллюстрация.

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