Что такое иллюстрация, виды, стили и зачем она бизнесу.

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

Корни у него латинские. Глагол illustrare означал освещать, а в переносном смысле прояснять, и само illustratio сначала было про наглядное объяснение. Значение «изображение в тексте» закрепилось в начале XIX века.

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

В словарях у слова есть и второй смысл. Иллюстрацией называют пример, который наглядно поясняет мысль, и «иллюстрация к сказанному» это как раз он.

Путаница здесь привычная. Человек говорит «нарисуйте картинку» и имеет в виду три разные вещи. Разница в задаче, а не в технике.

Критерий

Иллюстрация

Рисунок или фото

Зачем создают

Объяснить или продать конкретную вещь

Выразить замысел автора или снять кадр

К чему привязана

К тексту, продукту, бренду

Ни к чему, существует сама по себе

Кто ставит задачу

Заказчик через бриф

Автор или обстоятельства съемки

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

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

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

• Объяснить сложное
• Схему видно за секунду.

• Отличаться от соседей
• Стоковое фото легко узнать, оно стоит сразу у нескольких конкурентов.

• Показать то, чего нет
• Будущий продукт или процесс внутри компании.

• Держать единый стиль
• Сайт и упаковка выглядят как одно целое.

• Дать бренду лицо
• Персонаж дает компании лицо, которое узнают.

Заметнее всего работает последний пункт. Корпоративный герой ведет себя как знакомый человек, которого аудитория узнает на упаковке, в рассылке и в рекламе, даже когда названия компании рядом нет.

Менее очевидна вторая сторона. Графика стареет медленнее съемки. Поменялась модель товара или состав команды, а переделывать изображение не нужно.

Есть и техническая сторона. Под баннер 300 на 250 и под разворот каталога композицию собирают отдельно, из тех же нарисованных элементов. Со стоковым фото так не выйдет, кадрирование срезает часть сюжета.

• Сайт и баннеры
• Первый экран, карточки услуг, пустые состояния.

• Упаковка и этикетка
• Здесь графика часто важнее текста на коробке.

• Презентации
• Слайд со схемой читается быстрее таблицы на 12 строк.

• Соцсети
• Серия узнается в ленте даже без логотипа в углу.

• Рекламные макеты
• Наружка, печать, баннеры в сетях.

• Айдентика
• Паттерны и иконки входят в фирменный стиль вместе с палитрой и шрифтами.

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

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

Отдельная история это интерфейс. Пустая корзина и страница 404 давно перестали быть заглушками.

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

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

• Векторная
• Форматы SVG и PDF. Масштабируется без потери четкости.

• Растровая
• Состоит из пикселей. Дает фактуру, но размер фиксируется на старте.

• Цифровая
• Рисуют на планшете. Отсюда большая часть графики для сайтов.

• Рисованная от руки
• Карандаш или акварель, дальше сканирование.

• Трехмерная
• Объемные объекты. Товар видно с любой стороны.

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

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

Стиль выбирает дизайнер, и отталкивается от задачи носителя.

• Флэт
• Простые формы без теней, понятные на малом экране.

• Линейная
• Тонкий контур. Работает для иконок и схем.

• Изометрия
• Показывает процесс целиком, сверху и под углом.

• Коллаж
• Смешивает фото и графику.

• Реалистичная
• Точная передача продукта, работает на упаковке.

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

Техника на выбор стиля почти не влияет, тот же флэт иллюстратор сделает и на планшете, и от руки.

Проверять стиль лучше на самом мелком носителе, где он реально появится. Если графика идет в иконки и интерфейс, она должна читаться на 24-32 пикселях. Обратный порядок подводит. То, что красиво на большом экране, в ленте превращается в пятно.

Заказчик описывает пожелания, показывает референсы и важные тонкости.

Команда студии ищет ассоциативный ряд и образы для него.

Дизайнер студии показывает несколько вариантов, сделанных по заданию.

Выбранный образ утверждают и полностью прорабатывают.

Готовим финальные макеты и сдаем проект.

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

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

Что такое иллюстрация простыми словами?

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

Чем она отличается от рисунка?

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

Какие бывают виды?

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

Зачем она нужна компании?

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

В каких форматах передают готовую иллюстрацию?

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

Коротко

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

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