© Поляков Е.Ю., текст, 2022

© Поляков Е.Ю., иллюстрация, 2022

© ООО «Издательство «Эксмо», 2023

Описание курса векторной графики

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

Курс состоит из 10 лекций и 10 практикумов, всего 34 академических часа с учетом экзамена или зачета, по часу на лекцию и по два часа на практикум.

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

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

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

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

Какие методы используются при изучении материала?

Декомпозиция – разложение сложных задач на составные простые для понимания и последовательного решения.

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

A/B-тестирование на фокус-группе целевой аудитории поможет выбрать наилучший вариант логотипа или дизайн-макета с учетом мнения целевой аудитории продукции.

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

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

Этот курс можно найти в электронном (дистанционном) формате –  http://highcourses.ru.

Теоретическая часть

Лекция № 1
Глифы в композиции иллюстраций

Введение

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

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

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

Умение работать с глифами – одно из главных требований к графическому дизайнеру.

Иллюстрирование объекта в действии

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

В технических заданиях по работе с графическим дизайном для рекламных носителей есть типовая задача: проиллюстрировать представленный объект в действии (это может звучать так: проиллюстрировать работу Wi-Fi в метрополитене и т. п.).

Визуальное представление композиции напрямую зависит от требований к макету в техническом задании (сокр.ТЗ):

• размеры макета;

• визуальный образ (символ объекта для иллюстрации);

• фирменные цвета и шрифты;

• визуальные приоритеты в рекламном сообщении и т. д.;

• палитра цветопередачи;

• разрешение (количество точек на единицу измерения: мм или дюйм) и т. п.

Сложности и ошибки в техническом дизайне иллюстраций

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

Размеры иллюстрации определяют ориентацию изображения на макете печатной страницы (или веб-страницы). Горизонтально или вертикально будет расположена иллюстрация? Это важно решить до начала работы.

По умолчанию формат иллюстрации задается в метрических единицах (мм, см или пикселях), обычно в виде пропорции [ширина × высота] единиц измерения, например [24 × 20] см.

Схема расположения объекта для визуализации может быть смещена от центральной точки пересечения оси OY (середины по вертикали) и OX (центра по горизонтали).

Баланс в композиции рекламного макета

В процессе работы важно сбалансировать композицию. Если дизайнер располагает заголовок (рекламный слоган) поверх иллюстрации, допустимо диагональное размещение. Например, слоган смещен к верхнему левому углу композиции, иллюстрируемый объект к правому нижнему углу (или зеркально наоборот, в зависимости от положения иллюстрации на макете).

Вариант A. Диагональное размещение заголовка и объекта иллюстрации

Вариант B. Параллельное размещение заголовка и объекта иллюстрации

Рисунок 1.1 – Сбалансированные композиции в рекламной иллюстрации

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