Запрос «виды графического дизайна» набирают два типа людей. Те, кто выбирает первое направление в профессии. И заказчики, которые не понимают, кого искать — человека на логотип, на баннеры или на вёрстку каталога. Обеим группам нужен не список красивых слов, а понимание, чем направления отличаются на деле: какой продукт получается на выходе, в каких файлах он живёт, каким софтом делается. Разбираем девять направлений с этой стороны.
Что такое графический дизайн и зачем он бизнесу
Графический дизайн — визуальная коммуникация: сообщение передают через типографику, цвет, изображение и композицию. От искусства его отличает наличие заказчика, задачи и измеримого результата. Художник выражает себя, дизайнер решает проблему: сделать бренд узнаваемым, поднять конверсию лендинга, снизить стоимость привлечения клиента, вызвать доверие к упаковке на полке.
Инструментарий у всех направлений общий. Принципы: иерархия, контраст, выравнивание, баланс, единство. Элементы: цвет, шрифт, линия, композиция, пропорции, пространство, текстура, размер. Софт зависит от задачи — Adobe Illustrator, Photoshop, InDesign, CorelDRAW, Figma, Sketch.
Визуальный язык стал массовым с печатным станком XV века, индустриализация XIX века задала правила его применения, а профессия сложилась в XX веке: типографика, печать, массовые коммуникации, затем интернет. Короткая хронология:
- 1922 — американскому книжному оформителю и каллиграфу Уильяму Аддисону Двиггинсу обычно приписывают введение термина «графический дизайн».
- Модерн, ар-деко, Баухаус — направления, из которых дизайн взял визуальный словарь.
- 1920-е — в России на первый план выходит агитационный плакат: контрастный цвет, крупные девизы. Этот стиль узнают за пределами страны до сих пор.
- 1987 — образован Союз дизайнеров СССР.
- 1995 — основана студия Артемия Лебедева, тогда под названием WebDesign: начиналась с коммерческой разработки сайтов.
Как классифицируют виды графического дизайна: краткий список 9 направлений
Единой классификации не существует. У разных источников число видов колеблется от 6 до 12, у зарубежных авторов вроде Canva и 99designs чаще фигурируют 8 категорий. Причина в пересечениях. Упаковка — это айдентика плюс типографика плюс подготовка к печати; моушн-графика живёт внутри рекламы; инфографика встречается и в журнале, и в презентации для инвесторов.
Мы делим поле на 9 направлений по типу артефакта и производственному циклу, а не по «стилю». Рамка широкая: рядом с плакатом и вёрсткой в списке стоят UI-графика и моушн — смежные специализации с той же графической базой. Такой признак сразу показывает, какие навыки нужны и какие файлы дизайнер сдаёт в конце работы.
| Направление | Типичные продукты | Форматы файлов | Софт | Кто заказчик |
|---|---|---|---|---|
| Брендинг и айдентика | Логотип, фирменный стиль, брендбук | AI, SVG, PDF | Illustrator, CorelDRAW | Бизнес любого размера |
| Рекламная графика | Баннеры, креативы, наружная реклама | JPG, PNG, PDF, HTML5 | Photoshop, Figma | Маркетинг, агентства |
| UI-графика | Иконки, экраны, дизайн-система | Fig, SVG | Figma, Sketch | Продуктовые команды |
| Дизайн публикаций | Книги, журналы, каталоги, отчёты | INDD, PDF/X | InDesign | Издательства, компании |
| Упаковка | Коробка, этикетка, пакет | AI, PDF с вылетами | Illustrator | Производители товаров |
| Дизайн среды | Вывески, навигация, оформление пространств | Векторные макеты, чертежи | Illustrator, CAD-связка | Ритейл, город, девелоперы |
| Иллюстрация | Персонажи, обложки, стикеры | PNG, PSD, исходники | Photoshop, Procreate, Illustrator | Издательства, бренды, IT |
| Моушн-графика | Анимированные лого, заставки, ролики | MP4, GIF, Lottie | After Effects, Blender, Cinema 4D, Rive | Видеопродакшн, приложения |
| Инфографика и презентации | Схемы, дашборды, питч-деки | PDF, PPTX, SVG | Illustrator, Figma, PowerPoint | Бизнес, медиа, аналитика |
Брендинг и визуальная айдентика
Три понятия, которые заказчики смешивают чаще всего. Логотип — знак. Айдентика — система: как знак, цвета и шрифты живут на визитке, бланке, мерче, в точке продаж и соцсетях. Брендинг уровнем выше: смыслы, позиционирование, тон коммуникации, айдентика тут только часть.
Состав работ: логотип и его версии (полная, сокращённая, монохромная), фирменные цвета со значениями в RGB для экрана, CMYK для печати и Pantone для попадания в оттенок, шрифтовая пара — акцидентный шрифт для заголовков и нейтральный для текста, — паттерны, маскот, фотостиль. Всё это фиксируют в брендбуке или гайдлайне, документе с правилами применения.
Примеры графического дизайна, который работает без подписи: полковник Сандерс у KFC, лев Peugeot, сирена Starbucks. А два кейса показывают, что айдентика — не декор. В 2009 году PepsiCo сменила упаковку сока Tropicana: покупатели перестали узнавать продукт на полке, и компании пришлось вернуть прежний дизайн. Heinz пошёл другим путём: в 2023 году вместе с Pantone представил собственный оттенок «кетчупового» красного и сделал цвет частью фирменного стиля.
Техническое требование направления — вектор. Один и тот же знак должен читаться на иконке 16×16 пикселей и на фасадной вывеске, поэтому логотипы рисуют в Illustrator или CorelDRAW и сдают в AI, SVG и PDF, а не картинкой из Photoshop.
Рекламная и маркетинговая графика
Самое массовое направление по объёму задач: баннеры для рекламных сетей, креативы для соцсетей, сторис 1080×1920, карточки товаров для маркетплейсов, листовки, наружная реклама. Дизайнер здесь работает внутри чужой айдентики: цвета и шрифты берут из брендбука клиента, придумывать заново нечего.
Отличие от других направлений — измеримость. У рекламного макета есть метрики: CTR (кликабельность) и CPC (стоимость клика). Баннер, по которому не кликают, — плохой баннер, и это не вопрос вкуса. Отсюда и рабочий цикл: несколько вариантов креатива, тест, доработка победителя. Дизайнер, привыкший месяц полировать один макет, в этом ритме не выживает — тут ценят скорость и умение сделать десятки размерных адаптаций, не развалив композицию.
Типичная задача выглядит так: бриф на распродажу, один ключевой визуал, десяток форматов под разные площадки. На выходе JPG и PNG для digital, PDF для печати, иногда HTML5-баннеры. Отдельная компетенция — наружная реклама. Макет билборда читают с расстояния и на скорости, поэтому там работает правило «одна мысль, крупный шрифт, минимум элементов».
Графика интерфейсов: UI и связь с UX
UI-дизайн — оформление интерфейсов: экраны приложений, сайты, иконки, кнопки, дизайн-системы. Обычно это отдельная специализация, но графическая база та же: сетка, типографика, цвет, иерархия — поэтому в списке направлений UI стоит рядом с плакатом. Разница в носителе. Плакат статичен, интерфейс живёт: один макет должен работать и на десктопе, и на телефоне, меняться при наведении, нажатии, ошибке ввода. Распространённые ориентиры ширины макета — 1440 для десктопа и 375 для мобайла, но точные значения задаёт платформа и сетка проекта.
Связь с UX устроена так: UX — логика продукта (какие экраны нужны, в каком порядке, что делает пользователь), UI — визуальный слой поверх этой логики. В небольших командах оба слоя тянет один человек, в крупных сидят разные специалисты.
Специфические требования направления:
- Доступность. Базовый ориентир контраста текста к фону по WCAG — от 4.5:1; конкретное требование зависит от размера текста и выбранного уровня стандарта.
- Компонентный подход. Кнопка рисуется один раз и переиспользуется, а не копируется по экранам.
- Передача в разработку. Макет должен читаться программистом: названия слоёв, состояния, отступы.
Основной инструмент — Figma, реже Sketch. На выходе файл макета и SVG-иконки, а не картинки. Пример задачи: экран оплаты с тремя состояниями — пустое поле, ошибка карты, успешный платёж.
Дизайн публикаций и типографика
Классика профессии: книги, журналы, каталоги, годовые отчёты, брошюры. Отсюда графический дизайн вырос как ремесло, и здесь до сих пор самые строгие требования к типографике: висячие предлоги, переносы, интерлиньяж, работа с длинным текстом, который нужно не украсить, а сделать читаемым на протяжении всего издания.
Главный навык направления — модульная сетка. Многостраничный каталог нельзя верстать «на глаз»: сетка задаёт, где стоят колонки, заголовки и иллюстрации, и держит единство разворотов. Основной инструмент — Adobe InDesign, он создан под многостраничную вёрстку со стилями абзацев и автоматическим оглавлением.
Вторая специфика — подготовка к печати. Экранный дизайнер может не знать, что такое CMYK, верстальщик обязан: цвет на мониторе (RGB) и цвет на бумаге живут по разным законам. К печатному макету добавляют вылеты под обрез, обычно 3–5 мм за границей формата, чтобы после резки тиража не осталось белых полос; точное значение просят у типографии. Сдают работу в PDF/X, печатном стандарте, где зашиты шрифты и цветовой профиль. Форматы изданий чаще всего кратны А4 и А5.
Направление для усидчивых: эффектных приёмов мало, дисциплины много. Зато навык сетки и типографики усиливает любое другое направление.
Упаковка, дизайн среды и инфографика
Три направления с общим свойством: графика встречается с физическим миром или с данными и подчиняется их ограничениям.
Упаковка
Гибрид айдентики, типографики и препресса. Дизайнер работает не с плоскостью, а с развёрткой: макет коробки — выкройка, которую потом сложат. Добавляются обязательные зоны (состав, штрихкод, маркировка), требования типографии, поведение цвета на разных материалах — на картоне, плёнке и стекле один макет выглядит по-разному. Проверка происходит на полке: упаковка конкурирует за взгляд с десятками соседей на расстоянии вытянутой руки. Результат работы — печатный файл с вылетами и утверждённая по Pantone цветовая схема.
Дизайн среды
Вывески, навигация в торговых центрах и аэропортах, оформление выставок, дизайн-код улиц. Ближайший к городу вид графики. Указатели в метро и таблички с названиями улиц — тоже работа дизайнера, просто её редко замечают, пока она сделана хорошо. Специфика — масштаб и угол зрения: макет проверяют не на мониторе, а в пространстве, с учётом расстояния, освещения и материалов. Здесь графика смыкается с архитектурой и предметным дизайном, поэтому дизайнер среды часто работает в связке векторного редактора и чертёжных программ.
Инфографика и презентации
Визуализация данных: схемы, диаграммы, дашборды, питч-деки. Принципы работы с данными сформулировал Эдвард Тафти: график показывает данные, а не украшает их. Типичная ошибка — декоративность, за которой теряется цифра. Типичная задача — годовой отчёт, где десять страниц таблиц нужно свести к пяти читаемым схемам. Инструменты: Illustrator, Figma, PowerPoint. Заказчики: бизнес, медиа, аналитические отделы.
Иллюстрация и моушн-графика
Иллюстрация
Самая «художественная» ветка, но в коммерческом варианте это всё равно дизайн: у картинки есть задача, стиль задан брендом или артдирекшеном, а не настроением автора. Продукты: персонажи, обложки, стикеры, иллюстрации для сайтов и приложений, книжная графика. Инструменты — Photoshop, Procreate, для векторной стилистики Illustrator; на выходе PNG, PSD, исходники. Иллюстратор чаще всего подрядчик внутри чужого проекта: его картинка встраивается в макет, который делает другой дизайнер.
Моушн-графика
Движущаяся графика: анимированные логотипы, заставки, объясняющие ролики, анимация в интерфейсах. Соседей путают постоянно. Анимация в классическом смысле — это персонажи и сюжет, видеомонтаж — работа с отснятым материалом, а моушн оживляет графические элементы: текст, знаки, схемы. Типичная длительность ролика — от 6 до 30 секунд, форматы — MP4, GIF и Lottie (лёгкий формат для анимации в приложениях и на сайтах). Софт: After Effects как база, Blender и Cinema 4D для 3D, Rive для интерактивной анимации в продуктах. Порог входа выше, чем в статичной графике: к композиции добавляются тайминг и физика движения.
Как выбрать направление и войти в профессию
Выбирать стоит не по чужому портфолио, а по типу деятельности, который вам подходит. Грубая карта такая:
- Нравится системность и смыслы — брендинг и айдентика: много исследования, презентаций, защиты решений перед заказчиком.
- Нужен быстрый результат и понятные метрики — рекламная графика: высокий темп, много однотипных задач, зато быстрый вход и постоянный спрос.
- Тянет к логике и продукту — UI: придётся освоить не только графику, но и мышление сценариями пользователя.
- Есть усидчивость и любовь к тексту — публикации и типографика: медленное ремесло с глубокой школой.
- Интересно, как вещь живёт в руках — упаковка: развёртки, материалы, требования типографии, результат можно потрогать.
- Привлекает масштаб и пространство — дизайн среды: работа с расстоянием, светом и материалами, часто в связке с архитекторами.
- Любите цифры и структуру — инфографика и презентации: сперва разобраться в данных, потом рисовать.
- Умеете рисовать — иллюстрация; чувствуете ритм и время — моушн.
Путь входа: начать с базы, общей для всех, — композиция, типографика, цвет, один векторный и один растровый редактор (или Figma, закрывающая многое сразу). Затем несколько учебных проектов в выбранном направлении. Не абстрактных «концептов», а полных циклов: от задачи до файлов, которые можно отдать в печать или разработку. Готовность артефакта, а не красота картинки, отличает портфолио джуниора от набора эскизов.
Про деньги — без конкретных цифр, они быстро устаревают. Рост оплаты связан с уровнем ответственности, а не с направлением. Junior выполняет макеты по готовому решению, middle самостоятельно ведёт проект, senior отвечает за визуальную систему и работу других дизайнеров. Актуальные вилки по направлениям проще смотреть в открытых источниках вроде hh.ru — они меняются от сезона к сезону.
Если дизайн нужен не как профессия, а для своей задачи — оформить магазин, книгу, соцсети, — та же классификация помогает понять, кого нанимать: на логотип и фирменный стиль нужен айдентика-дизайнер, на карточки товара — рекламный график, на каталог — верстальщик. Это разные люди с разным софтом, а универсал, одинаково сильный во всём, встречается редко.
FAQ: частые вопросы о видах графического дизайна
Сколько всего видов графического дизайна существует? Точного числа нет: в разных источниках встречается 6, 8, 9 и 12 категорий, у зарубежных авторов чаще 8. Классификации расходятся из-за пересечений: упаковка включает айдентику и типографику, моушн живёт внутри рекламы. Наши 9 направлений выделены по типу конечного продукта — самый практичный признак.
Чем графический дизайн отличается от веб-дизайна и UI? Ядро графического дизайна — статичное сообщение: плакат, логотип, разворот журнала. Веб- и UI-дизайн работают с интерактивной средой: макет меняется под размер экрана и реагирует на действия пользователя. В список направлений мы их включили, потому что база общая — сетка, шрифт, цвет. Но UI дополнительно требует понимания сценариев и работы с разработчиками.
Какое направление проще всего для старта? Рекламная графика: задачи короткие, обратная связь быстрая, спрос стабильный. Самые высокие пороги входа — у моушна (к графике добавляется анимация и её софт) и у дизайна публикаций (нужна строгая типографическая школа и знание печатного производства).
Может ли один дизайнер работать во всех направлениях? Базу — да, все направления графического дизайна стоят на композиции, типографике и цвете. Но производственные циклы разные: верстальщик знает вылеты и CMYK, UI-дизайнер — компоненты и доступность, моушн-дизайнер — тайминг. На практике специалисты выбирают одно-два смежных направления, а «универсал во всём» обычно означает поверхностность в каждом.
Какие программы нужно освоить в первую очередь? Зависит от направления: для айдентики и упаковки — Illustrator или CorelDRAW, для рекламы — Photoshop и Figma, для публикаций — InDesign, для интерфейсов — Figma, для моушна — After Effects. Если направление ещё не выбрано, разумный старт — Figma плюс один редактор Adobe: этого хватает, чтобы попробовать большинство типов задач.
