Основы графического дизайна
Самоучитель по графическому дизайну для начинающих
Самоучитель по графическому дизайну · Цвет · Типографика · Композиция · Иллюстрации и векторная графика · UX/UI · Профессия графического дизайнера и ...
иллюстрации
Графические дизайнеры часто используют <anchor>иллюстрации</anchor> и векторную графику для создания уникальных и привлекательных дизайнов. Векторная графика позволяет создавать сложные и детализированные изображения, которые можно масштабировать без потери качества.
Иллюстрация: что это, виды, техники - использование иллюстраций в работе, отличия от рисунка
Иллюстрация: что это, виды, техники \- использование иллюстраций в работе, отличия от рисунка

[![Логотип Яндекс.Практикума](https://avatars.mds.yandex.net/get-lpc/1370085/2356d70a-ee00-470b-b675-d30bd70a7979/orig)](/blog)[![Логотип Яндекс.Практикума](https://avatars.mds.yandex.net/get-lpc/1370085/2356d70a-ee00-470b-b675-d30bd70a7979/orig)](/blog)

[Учиться в Практикуме](https://practicum.yandex.ru/)

- [Программирование](/blog/programming/)
- [Анализ данных](/blog/data-science/)
- [Дизайн](/blog/design/)
- [Маркетинг](/blog/marketing/)
- [Менеджмент](/blog/managment/)
- [Карьера](/blog/career/)
- [Тренды](/blog/trends/)

[Учиться в Практикуме](https://practicum.yandex.ru/)

[Учиться в Практикуме](https://practicum.yandex.ru/)

- [Программирование](/blog/programming/)
- [Анализ данных](/blog/data-science/)
- [Дизайн](/blog/design/)
- [Маркетинг](/blog/marketing/)
- [Менеджмент](/blog/managment/)
- [Карьера](/blog/career/)
- [Тренды](/blog/trends/)

[Учиться в Практикуме](https://practicum.yandex.ru/)

[![Логотип Яндекс.Практикума](https://avatars.mds.yandex.net/get-lpc/1370085/2356d70a-ee00-470b-b675-d30bd70a7979/orig)](/blog)

Дизайн  •  23 февраля  2023  •  5 мин чтения

# Весёлые картинки: что такое иллюстрация и зачем она бизнесу

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

- [Что такое иллюстрация](#chto-takoe)
- [В чём отличия иллюстрации от рисунка и фотографии](#otlichiya-ot-risunka)
- [Что такое коммерческая иллюстрация](#kommercheskaya-illyustraciya)
- [Где нужны иллюстрации: сферы применения](#gde-nuzhny)
- [Виды иллюстраций](#vidy)
- [Основные техники и жанры иллюстраций](#tehniki-i-zhanry)
- [Совет эксперта](#sovet-eksperta)

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

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

## В чём отличия иллюстрации от рисунка и фотографии

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/5c0c1c25-3a3a-4c6d-bbf8-0d96327031ee/lqip_q70)

Этот эскиз в энциклопедии — иллюстрация, а в Третьяковской галерее — произведение искусства

Если нарисовать тот же набросок и повесить его на стене в квартире, это будет просто рисунок, потому что у изображения нет задачи объяснить что-то, оно становится предметом интерьера.

То же самое и с фотографией. Изображение любимой собаки, которое стоит на рабочем столе, — это просто фотография. Если его разместить на листовке с надписью «Пропала собака», фото станет иллюстрацией.

![](https://avatars.mds.yandex.net/get-lpc/1527204/6609b16b-5973-41fd-b19e-c75fd15bd70f/lqip_q70)

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/f820143b-0f24-4d8c-8205-768e152824ac/lqip_q70)

Ботанические иллюстрации держатся в трендах дизайна интерьера не первый год. Источник: Iz Ptica Studio

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

Коммерческая иллюстрация появилась примерно в конце 18 века. В Европе начали выпускать новостные журналы и модные каталоги одежды, художники оформляли плакаты для театральных представлений, создавали картинки для паттернов на обои. В конце 19 века в коммерческой иллюстрации появилось рекламное направление, но изображения создавали всё ещё художники, а не иллюстраторы: Анри де Тулуз-Лотрек, Альфонс Муха, Густав Климт, Обри Бёрдслей.

![](https://avatars.mds.yandex.net/get-lpc/1527204/7b33b1cc-0861-41b9-a1e0-c4b9f8a55d42/width_1280_q70)

Рекламная иллюстрация детской смеси Nestlé в исполнении Альфонса Мухи, 1897 год

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

![](https://avatars.mds.yandex.net/get-lpc/1635340/00be0b27-5740-4275-b839-b8e805c51067/width_2560_q70)

В разделе «Курсы» на сайте креативной редакции «Рыба» изображения привлекают внимание и подсказывают, на какой уровень подготовки рассчитано обучение

**Станислава Манахова**

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

## Где нужны иллюстрации: сферы применения

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

**Иллюстрация в IT-проектах и цифровых продуктах**

Нужна, чтобы пояснять текст или действия, развлекать пользователей в мобильных приложениях, на сайтах, [лендингах](https://practicum.yandex.ru/blog/chto-takoe-lending-i-kak-ego-sozdat/), в блогах и соцсетях.

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

![](https://avatars.mds.yandex.net/get-lpc/1635340/3034fa9e-3d51-4c53-91a8-cc2b89a6c9e4/width_1920_q70)

В приложении EWA для онбординга используют текст и иллюстрации: отрисованные изображения и скриншоты экрана

На [лендингах](https://practicum.yandex.ru/blog/chto-takoe-lending-i-kak-ego-sozdat/) и сайтах у иллюстраций тоже объясняющая функция, но чаще они нужны, чтобы привлечь внимание пользователя. Например, на лендинге, который рассказывает о продукте и его преимуществах, текст визуально разбивают на части небольшими иллюстрациями. Они могут дополнять смысл текста или расставлять акценты, например выделять каждое преимущество. Так пользователь не устанет читать и обратит внимание на важные детали.

![](https://avatars.mds.yandex.net/get-lpc/1527204/501c44d8-492c-47b5-9d4e-c31a7641c8f0/width_1920_q70)

Иллюстрации на лендинге курса «Коммерческий иллюстратор» не дают читателю заскучать и выделяют главное

**Иллюстрация в цифровых медиа**

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

Без иллюстраций читать статью о том, как работать в Jupyter Notebook, было бы сложно

**Рекламная иллюстрация**

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

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

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/352ffb70-492d-45e3-b6b4-c4465bac3c80/width_1600_q70)

Для рекламной кампании сервиса татуировок Inkbox всё иллюстрировали в одном стиле: и сайт, и мерч, и плакаты на улицах города

**Иллюстрация для упаковки**

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/5ddd17eb-bf5f-41a8-953c-9da2e5b3917e/width_1280_q70)

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

![](https://avatars.mds.yandex.net/get-lpc/1635340/f9d0fc61-9155-4bdc-885f-978656fcd212/width_1280_q70)

![](https://avatars.mds.yandex.net/get-lpc/1527204/1bd2614f-8d63-43f8-a03f-17e4aa1c108a/width_1280_q70)

Для упаковки продуктов, косметики и других FMCG часто используют традиционную ручную иллюстрацию

**Иллюстрация для обложек подкастов**

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/9d7b66da-44bf-4ab9-9f95-b6dfbee1de09/width_1920_q70)

Обложка подкаста «Психология» выделяется за счёт намеренного упрощения изображения, использования ярких и контрастных цветов

В коммерческой иллюстрации есть и другие направления, например:

● иллюстрация в издательском деле и книжная;

● для полиграфической продукции: открыток, календарей, стикеров, флаеров;

● современная иллюстрация для анимации, моушн\- и гейм-дизайна;

● декоративная: для росписи, паттернов текстиля.

Разобраться в том, как изображения помогают решать задачи бизнеса, можно на курсе «Графический дизайнер». Студенты учатся анализировать целевую аудиторию, генерировать идеи, использовать метафоры и [сторителлинг](https://practicum.yandex.ru/blog/chto-takoe-storitelling-i-ego-zadachi/) — и всё это на практике с поддержкой опытных наставников и ревьюеров.

Освойте профессию графического дизайнера за 9 месяцев

Сделаете 8 проектов для портфолио, освоите Adobe Illustrator и Figma, научитесь делать простые анимации и сможете брать заказы сразу после курса.

[**Начать учиться бесплатно**](https://practicum.yandex.ru/graphic-designer/?from=blog-practicum)

[![](https://avatars.mds.yandex.net/get-lpc/1520633/4de6db83-c4b3-47b0-8593-d9d595ed5f69/width_1280_q70)](https://practicum.yandex.ru/cifrovye-professii/)

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

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

**Стоковая иллюстрация**

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/f921f60d-b77f-4629-941c-8e6bf30c7840/width_360)

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

**Иллюстрации для принтшопов**

Принтшоп — это площадка, куда иллюстраторы могут загружать свои работы, а пользователи — покупать и печатать их на разных предметах, например футболках, постерах, посуде, чехлах для смартфонов. Для российских иллюстраторов сейчас доступны два ресурса — [Pink Bus](https://www.pinkbus.ru/authors/elenalarionova8withloveinart) и [vsemayki.ru](https://www.vsemayki.ru/).

![](https://avatars.mds.yandex.net/get-lpc/1527204/d650216f-5686-4712-9cd7-79e062d2b497/width_1280_q70)

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

**Иллюстрации для концепт-артов**

Концепт-арт — это эскиз героев, объектов или локаций для настольных, компьютерных и мобильных игр. Обычно иллюстраторы требуются на весь проект, а значит, специалист будет обеспечен работой в течение нескольких месяцев. Когда художник создаёт концепт-арт, он опирается на сюжет и механику игры. А если это компьютерная или мобильная игра, то и на технические характеристики.

![](https://avatars.mds.yandex.net/get-lpc/1527204/9a39a899-df4b-4b68-a721-115a98249bef/lqip_q70)

Иллюстрации для концепта настольной игры Bruegelism. Проект Марии Егоровой на Behance

**Fashion-иллюстрация**

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/6a1f6d80-be5c-4c66-8e84-728aebc87889/lqip_q70)

Современная fashion-иллюстрация в исполнении Daniel Egneus

## Основные техники и жанры иллюстраций

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

● Традиционная графика, когда иллюстрации создают карандашами, тушью, маркерами, сухой пастелью.

● Живописная техника, для которой используют акварель, акрил, гуашь.

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

● Коллаж может быть как аналоговым, так и цифровым.

● Цифровые техники, когда изображения создаются с помощью специальных программ: диджитал-арт, векторная графика, пиксель-арт, 3D-изображения, цифровой коллаж, нейроарт.

![](https://avatars.mds.yandex.net/get-lpc/1527204/9c5243b7-819b-4155-9fee-f94f247be381/lqip_q70)

На сайте Яндекс Практикума используют векторные иллюстрации

![](https://avatars.mds.yandex.net/get-lpc/1527204/d2b11a5f-43a2-488c-acb0-b19a8c744498/lqip_q70)

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/85b0667b-07c9-468a-a4bd-472caa2dfdc2/lqip_q70)

Популярный детский иллюстратор Адольфо Серра работает в смешанной технике — применяет коллаж и цифру

Жанр — это суть иллюстрации, то есть то, что на ней изображено. В коммерческой иллюстрации чаще всего используют такие жанры:

● персонажи,

● предметы,

● флора и фауна,

● концептуальные иллюстрации,

● абстракции и фоны,

● элементы графического и веб-дизайна,

● дизайн-проект,

● элементы оформления,

● шрифты, леттеринг, каллиграфия,

● паттерны.

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

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

![](https://avatars.mds.yandex.net/get-lpc/1527204/a4e436f2-5714-4b2e-a739-afe578c891a2/lqip_q70)

Можно сменить траекторию развития и попробовать новое — например, работать в смешанной технике и соединять в коммерческой иллюстрации 3D, фото и коллаж

## Совет эксперта

**Елена Ларионова**

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

**Станислава Манахова**

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

Статью подготовили:

![](https://avatars.mds.yandex.net/get-lpc/1527204/453e9611-4ddf-4dde-95a2-b8e776b3fb97/lqip_q70)

Станислава Манахова

Яндекс Практикум

Ревьюер на курсе «Коммерческий иллюстратор», иллюстратор

![](https://avatars.mds.yandex.net/get-lpc/1527204/6bbb4a68-a5cc-41f9-8ae8-cac8d9af7552/lqip_q70)

Елена Ларионова

[Коммерческий иллюстратор](https://linktr.ee/lollypop?utm_source=linktree_profile_share&ltsid=4a95411b-6eba-4db3-8c5c-98121ebe3bb6) с опытом 10 лет

![](https://avatars.mds.yandex.net/get-lpc/1520633/2739a851-a7d5-4200-9bb2-0c783969b81d/lqip_q70)

[Ирина Михайлова](https://practicum.yandex.ru/blog/authors/mixajlova/)

Яндекс Практикум

Редактор

## Дайджест блога: ежемесячная подборка лучших статей от редакции

![](https://avatars.mds.yandex.net/get-lpc/1635340/7d8914e7-1c7c-4d95-b429-509a8eeb75e0/orig)

![](https://avatars.mds.yandex.net/get-lpc/1635340/e7a36195-eee2-486a-aef7-b2d076be702f/orig)

[Подписаться](#popup)

![](https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0_%D0%BA%D1%80%D0%B5%D1%81%D1%82%D0%B8%D0%BA%D0%B0_%28ei%29.svg/1200px-%D0%98%D0%BA%D0%BE%D0%BD%D0%BA%D0%B0_%D0%BA%D1%80%D0%B5%D1%81%D1%82%D0%B8%D0%BA%D0%B0_%28ei%29.svg.png)

Поделиться

Читать также:

![](https://avatars.mds.yandex.net/get-lpc/1220100/9e1eb557-acae-4880-942a-55afd099021d/lqip_q70)

Что такое коммуникационный дизайн и зачем он нужен

Читать статью

[Перейти](https://practicum.yandex.ru/blog/chto-takoe-kommunikacionnyi-dizayn/)

![](https://avatars.mds.yandex.net/get-lpc/1527204/57eb3750-6a90-4f08-9d15-8999897565a3/lqip_q70)

Не плагиат, а вдохновение: зачем нужны референсы в дизайне

Читать статью

[Перейти](https://practicum.yandex.ru/blog/chto-takoe-referensy-v-dizayne/)

![](https://avatars.mds.yandex.net/get-lpc/10704932/cd53c0e3-bc8e-46f9-bb7b-a5b73979e238/width_768_q70)![](https://avatars.mds.yandex.net/get-lpc/10704932/cd53c0e3-bc8e-46f9-bb7b-a5b73979e238/lqip_q70)

Успейте получить скидку 15% на любой курс Практикума до 15 сентября

[Скидка на обучение](https://practicum.yandex.ru/catalog/?from=blog-practicum-stretching)

- **8-800-700-93-29**


Звонок по России бесплатный

- [Вконтакте](https://vk.com/yandex.practicum)[YouTube](https://www.youtube.com/channel/UCjaEmNS6ZOeKgVemfBikjGQ)[Telegram](https://t.me/yndx_practicum)[Дзен](https://dzen.ru/praktikum)


Направления

- [Программирование](https://practicum.yandex.ru/catalog/programming/?from=blog-practicum)
- [Менеджмент](https://practicum.yandex.ru/catalog/management/?from=blog-practicum)
- [Английский язык](https://practicum.yandex.ru/english/?from=blog-practicum)
- [Маркетинг](https://practicum.yandex.ru/catalog/marketing/?from=blog-practicum)
- [Анализ данных](https://practicum.yandex.ru/catalog/data-analysis/?from=blog-practicum)
- [Дизайн](https://practicum.yandex.ru/catalog/design/?from=blog-practicum)

О нас

- [Правовая информация](https://yandex.ru/legal/practicum_termsofuse/)
- [Отзывы](https://practicum.yandex.ru/reviews/)
- [Лицензия](https://code.s3.yandex.net/License%20YSDA.pdf)
- [Для СМИ](mailto:media@practicum.yandex.ru)
- [Правила рекомендаций](https://yandex.ru/legal/recommendations/#index__practicum)
- [Сайт образовательной\
\
организации](https://yandex.ru/edtech)

Партнёрам

- [Корпоративным клиентам](https://practicum.yandex.ru/b2b)
- [Предложить стажировку\
\
или вакансию выпускникам](https://practicum.yandex.ru/employment/)

Стать частью команды

- [Полная занятость\
\
в основной команде](https://practicum.yandex.ru/hr/)
- [Частичная занятость,\
\
авторы, наставники, ревьюеры](https://practicum.yandex.ru/job)

![0](https://avatars.mds.yandex.net/get-lpc/1364677/92bfe1ae-33e1-41d8-8720-028ba8df86cd/orig)**Практикум**

Образовательные услуги оказываются АНО ДПО «Образовательные технологии Яндекса» на основании [Лицензии № Л035-01298-77/00185314](https://code.s3.yandex.net/License_YSDA.pdf)

от 24 марта 2015 года. Документ о прохождении обучения по программе дополнительного профессионального образования также выдается

АНО ДПО «Образовательные технологии Яндекса».

© 2023 АНО ДПО «Образовательные технологии Яндекса», ООО «Яндекс». Проект компании [Яндекс](https://yandex.ru/all).

Mon Jul 15 2024 21:23:02 GMT+0300 (Moscow Standard Time)