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

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

    I. Знак, логотип. Обоснование концепции и типографики знака, цветового решения.

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

        II. Пропорции знака и размещение совместно с иллюстрациями в составе верстки. Пропорции отступов, свободная зона логотипа.

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

        III. Структурное поведение логотипа — вертикальное и горизонтальное (рис. 102). Серый фон на иллюстрации — поле фирменного блока. На поле фирменного блока не допускается размещение текста и активных (контрастных, насыщенных по цвету) изображений. Красными стрелками на рисунке 101 показан отрезок на знаке, который должен быть использован для определения свободной зоны вокруг поля фирменного блока. Показана вся свободная зона логотипа.

        Вертикальное поведение логотипа (рис. 103) — не простой поворот фирменного блока на 90°, а осмысленное изменение композиции с применением пропорций фирменного блока, которые были определены в предыдущем пункте.

        IV. Цветовая схема — цвета в CMYK, RGB, плашечные цвета Pantone.

        Состав руководства по использованию фирменного стиля включает в себя описание цветового решения в трех цветовых схемах. Рекомендуемое количество цветов в логотипе по стандартам WorldSkills — не более трех фирменных цветов, исключая цвет текста. Фирменная цветовая палитра в режимах CMYK, RGB, Pantone с прописанными кодом и названиями (рис. 104).

Рис. 100. Размещение логотипа на сетке

Рис. 101. Обозначение охранного поля логотипа, равного пространству между элементами

Рис. 102. Горизонтальный вариант логотипа

Рис. 103. Вертикальный вариант логотипа

Рис. 104. Описание цветового решения в трёх цветовых схемах

        Чтобы определить название цвета в палитре Pantone, на панели Каталог цветов нажать кнопку Библиотека цветов (Color Library), выбрать в списке Каталоги цветов

Рис. 105. Открытие библиотеки цветов

(Color Books) и найти Pantone, соответствующий типу бумаги (рис. 105). На панели Цвет будет указано название плашечного цвета. Добавить обоснование выбора цвета и ожидаемый рекламный эффект (рис. 106). V. Выворотка логотипа — это обеспечение возможности его читабельности при размещении на фоне. На примере показан допустимый вариант выворотки на одном из фирменных цветов (рис. 107), а также на фотографии (рис. 108). На рисунках 109-110 показаны два примера запрещенных вариантов выворотки.

Рис. 106. Отображение цвета Pantone на палитре Цвет в Adobe Illustrator

Рис. 107. Выворотка логотипа на одном из фирменных цветов

Рис. 108. Выворотка логотипа на фотографии

Рис. 109. Запрещенный вариант использования фирменной цветовой схемы

Рис. 110. Запрещенный вариант размещения логотипа на совпадающем по цвету фоне при помощи обводки

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

        Наличие пересекающихся областей заливки встречается как обязательный элемент разработки логотипа на соревнованиях и демонстрационном экзамене по стандартам WorldSkills. Это условие позволяет проверить навык владения технологией выполнения треппинга в Adobe Illustrator.

        Треппинг — это незначительное наложение (распространение) границ светлого объекта на темный. Поскольку видимую границу объекта или текста определяет более темный из двух соседних цветов, при незначительном наложении более светлого цвета на более темный видимая граница сохраняется. [Adobe Help Center] Треппинг используется для компенсации зазоров между красками, которые могут возникнуть при погрешности приводки печатных форм в процессе офсетной печати. Компенсация выполняется за счет малых областей перекрытия.

        Треппинг можно выполнить только в цветовой модели CM YK (Файл -> Цветовой режим документа -> C M Y K ) . Обычно светлый цвет перекрывает темный путем расширения или сжатия. На изображении слева условно показано нежелательное смещение на печати при отсутствии треппинга (рис. 111).

        Для выполнения треппинга:

— выбрать верхний из двух объектов, для которых требуется выполнить треппинг;

— задать для этого объекта цветовое значение обводки, равное цветовому значению заливки.

        Этот метод приводит к увеличению объекта за счет его обводки контуром с цветом заливки объекта (рис. 112);

Рис. 111. Треппинг: нежелательное смещение цветов на печати и перекрытие верхним цветом

Рис. 112. Установка обводки цвета заливки

        — открыть палитру Обводка (меню Окно -> Обводка), ввести значение толщины обводки. Нужное значение указано в задании. Также это значение можно узнать в типографии. Например, при ширине обводки 0,6 пункта создается зона треппинга 0,3 пункта. При ширине обводки 2,0 пункта создается зона треппинга 1,0 пункт;

        — открыть палитру Атрибуты (меню Окно -» Атрибуты), установить галочку Наложение обводки (рис. 113).

        Оверпринт (Overprint) — параметр палитры Атрибуты -> Наложение заливки (рис. 114). Установка этого параметра также является обязательным условием технического задания на демонстрационном экзамене по стандартам WorldSkills. Наложение заливки (рис. 115) применяется для объектов и текстов 100% черного цвета. Поскольку черная краска является непрозрачной (и, как правило, печатается последней), при печати поверх другой краски она выглядит практически так же, как если бы печаталась по белому фону. Наложение черного позволяет исключить зазоры между черной и цветными областями документа (рис. 116). [13]

        VI.Типографика для применения в рекламе и деловой документации.

        Показать шрифтовые комплекты выбранных гарнитур с кратким описанием происхождения шрифта и обоснованием выбора для данного проекта. Обоснование выбора шрифтовых гарнитур может содержать сведения о происхождении данного шрифта и характерных особенностях его рисунка, а также выводы, как его стилистические свойства работают в данном проекте. Рекомендуемое количество шрифтовых гарнитур по стандартам WorldSkills — не более двух и/или их семейства (рис. 117).

Рис. 113. Установка наложения обводки в палитре Атрибуты

Рис. 114. Схема «оверпринт»

Рис. 115. Наложение цвета

Рис. 116. Наложение черного цвет

Рис. 117. Шрифтовой комплект

        VII. Недопустимые пропорции, размещение на фонах и цветовые сочетания.

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

        VIII. Фирменные паттерны.

        Паттерн (орнамент) может представлять собой раппорт (повторение в определенном ритме) базовой константы — знака бренда — или включать в себя новые графические элементы, разработанные специально для бренда. Форму и стиль паттерна, его роль относительно других элементов фирменного стиля, назначение и области применения продумывает дизайнер исходя из стилистики и задач всего фирменного стиля. [5] Существует три основных вида симметрии (рис. 118):

        — симметрия отражения — зеркальное отражение эквивалентного элемента относительно оси;

        — симметрия вращения — вращение эквивалентных элементов вокруг общего центра;

        — симметрия переноса — расположение эквивалентных элементов в различных областях пространства.

Рис. 118. Три вида симметрии

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

1. Определение и назначение функции «треппинг».

2. Определение и назначение функции «оверпринт».

3. Состав руководства по использованию фирменного стиля.

4. Виды симметрии и соответствующие им команды трансформации Adobe Illustrator.

Задание. Выявить пропорции знака и рассчитать отступы на их основе.

1. В Adobe Illustrator открыть разработанный ранее авторский логотип.

2. Настроить сегмент сетки документа по 1 мм: меню Редактирование -> Установки -» Направляющие и сетка (Edit -» Preferences A Guides & Grid). Деление по горизонтали 10 х 10; деление по вертикали 10 х 10 Линия через каждые... мм (Grid Line Every ... mm, Subdivision ... mm). Снять галочку Сетка на заднем плане (Grid in Back) (рис. 98).

3. Включить отображение сетки документа и привязку к сетке: меню Вид -» Сетка и направляющие -> Показать сетку (View A Grid & Guides -> Show Document Grid), меню Вид Сетка и направляющие -> Выравнивать по сетке (View -> Grid 8с Guides -> Snap to Document Grid) (рис. 99).

Рис. 98. Окно Установки Adobe Illustrator (Preferences)

Рис. 99. Включение отображения сетки и установка выравнивания по сетке

4. Расположить логотип с учетом модульной сетки и уточнить детали (рис. 100): — углы наклонов могут варьироваться кратно 10°; — радиусы должны быть кратны сегменту сетки (1 мм); — на основе модульной сетки определить размер надписи и ее расположение относительно знака; — на основе модульной сетки определить необходимую свободную зону1 вокруг знака. Подача проекта должна наглядно представлять авторское решение поставленной задачи. Уместен авторский подход. Если логотип имеет не строго геометрические формы, не стоит имитировать математическое построение. Рекомендуется использовать сетку для определения взаимного расположения и пропорциональных взаимоотношений знака и надписи.