Ключевой
элемент дизайна —
элемент дизайна —
зеленый треугольник. Символизирует контроль над неприятностями, которые предотвращены
или уже случились.
или уже случились.
Логотип
Горизонтальную версию логотипа используем, когда пространство
не позволяет разместить основную версию.
Чаще всего применяется в интерьерах и экстерьерах.
не позволяет разместить основную версию.
Чаще всего применяется в интерьерах и экстерьерах.
шрифтовое начертание
знак
дескриптор
Основной вариант логотипа. В 90 % случаев вы будете пользоваться именно им.
40 мм
170px
Минимальный размер
Александр Загорский, креативный директор BBDO Branding:
о зеленых треугольниках, фиолетовых точках и превентивности.
о зеленых треугольниках, фиолетовых точках и превентивности.
Использование логотипа
На фиолетовом или темном фоне — белый логотип.
На белом или светлом фоне используйте фиолетовый логотип.
Черно-белые версии логотипа нужны только
для ч/б печати.
для ч/б печати.
S — размер меньшей стороны макета.
Х - высота логотипа.
Высота логотипа — 12% от меньшей стороны макета.
Когда высота логотипа — не целое число, тогда стоит округлять до целого. Например: X = 12% S = 26,7 ≈ 27
Х - высота логотипа.
Высота логотипа — 12% от меньшей стороны макета.
Когда высота логотипа — не целое число, тогда стоит округлять до целого. Например: X = 12% S = 26,7 ≈ 27
Размеры логотипа
Минимальное охранное поле можно использовать, когда пространство ограничено. Например, в интернет-баннерах и экстерьере.
Охранное поле логотипа
Этот вариант слогана можно использовать только в имиджевых коммуникациях, или когда есть превентивный продукт. Если формат маленький/нестандартный, то используем слоган в одну строку.
Слоган
Не применяйте одновременно с основной версией логотипа.
Знак используется как сокращенная версия логотипа на таких ограниченных по площади носителях, как: панель-кронштейн,
аватар в социальных сетях, фавикон, сувенирная продукция и пр.
Знак используется как сокращенная версия логотипа на таких ограниченных по площади носителях, как: панель-кронштейн,
аватар в социальных сетях, фавикон, сувенирная продукция и пр.
Знак
Ошибки при использовании знака
Не применяйте знак в качестве паттерна, запятых, точек
или буллита (для выделения элементов списка).
или буллита (для выделения элементов списка).
Семья брендов
Ошибки при использовании логотипа
Изменять цвет элементов логотипа
Наклонять логотип
Деформировать логотип,
менять пропорции
и компоновку элементов
менять пропорции
и компоновку элементов
Изменять знак логотипа
Изменять шрифтовое написание логотипа
Размещать на зеленом или пестром фоне
Нарушать охранную зону логотипа
Применять контур, эффекты объема, тени, свечения, отражения
Типографика
Основной фирменный шрифт — Gerbera.
У него закрытая лицензия, поэтому не пытайтесь скачать его в интернете, а обратитесь за помощью
к коллегам из отдела маркетинга.
У Gerbera 5 начертаний. Применяем начертания Medium и Regular. Начертания Light и Bold можно использовать в некоторых макетах (об этом расскажем позже), а вот экстремально жирное начертание Black использовать нежелательно.
У него закрытая лицензия, поэтому не пытайтесь скачать его в интернете, а обратитесь за помощью
к коллегам из отдела маркетинга.
У Gerbera 5 начертаний. Применяем начертания Medium и Regular. Начертания Light и Bold можно использовать в некоторых макетах (об этом расскажем позже), а вот экстремально жирное начертание Black использовать нежелательно.
Чтобы
не случилось
не случилось
абвгдежзийклмнопрстуфхцчшщъыьэюя
абвгдежзийклмнопрстуфхцчшщъыьэюя
абвгдежзийклмнопрстуфхцчшщъыьэюя
абвгдежзийклмнопрстуфхцчшщъыьэюя
абвгдежзийклмнопрстуфхцчшщъыьэюя
Light
Regular
Medium
Bold
Black
Применение указанных кеглей позволяет иметь идеальное соотношение
размеров шрифта. Мы используем только их. Исключением могут быть
экстремально большие форматы, например А1.
размеров шрифта. Мы используем только их. Исключением могут быть
экстремально большие форматы, например А1.
6·8·10·13·16·21·26·34·42·55·68·110
Новые
технологии
безопасности
технологии
безопасности
Превентивные
продукты и услуги
продукты и услуги
42
26
Новые
технологии
безопасности
технологии
безопасности
Превентивные
продукты и услуги
продукты и услуги
68
34
Новые
технологии
безопасности
технологии
безопасности
Превентивные
продукты и услуги
продукты и услуги
110
55
Заголовок и подзаголовок набираются шрифтом Gerbera Regular. Значение по умолчанию для интерлиньяжа (межстрочного расстояния) составляет 120 % от кегля шрифта, т. е. плюс 2 пункта. Исключение — случаи верстки макетов
в программе Adobe InDesign с включенной функцией Align to baseline grid.
Когда формат становится большим, например, больше А1, рекламный текст в начертании Regular выглядит мелко. В этом случае используем начертания Medium и Bold.
в программе Adobe InDesign с включенной функцией Align to baseline grid.
Когда формат становится большим, например, больше А1, рекламный текст в начертании Regular выглядит мелко. В этом случае используем начертания Medium и Bold.
Подбирая фотоизображения, помните об основных отличительных чертах:
1. Непостановочность.
2. Естественность.
3. Человечность.
4. Элемент случайности.
Настроение фотостиля максимально естественное —
в этих фотоизображениях человек может узнать себя.
1. Непостановочность.
2. Естественность.
3. Человечность.
4. Элемент случайности.
Настроение фотостиля максимально естественное —
в этих фотоизображениях человек может узнать себя.
Фотостиль
В центре сюжета может быть герой, действия которого приведут
к неоднозначным последствиям.
к неоднозначным последствиям.
Романтично/напряженно?!
Умилительно/небезопасно?!
Уютно/тревожно?!
Помогает/угрожает?!
Увлекательно/рискованно?!
Фотостиль: герой
В центре сюжета может быть предмет, взаимодействие с которым несет опасность или, наоборот, помогает предотвратить неприятности.
Вдохновляюще/настороженно?!
Умилительно/небезопасно?!
Увлекательно/опасно?!
Развивает/угрожает?!
Увлекательно/опасно?!
Фотостиль: предмет
В центре сюжета может быть один предмет или продукт. Например, технологическое устройство или скриншот приложения. Чаще всего используем обтравленный объект на фирменном фоне.
Фотостиль: несюжетные фотоизображения
В фотоизображениях стараемся использовать фирменную гамму,
чтобы повысить узнаваемость бренда,
при этом фирменные цвета должны
быть приглушенными.
чтобы повысить узнаваемость бренда,
при этом фирменные цвета должны
быть приглушенными.
Фотостиль
Цвета
Дополнительные цвета используются для элементов инфографики, в презентациях,
для выделения ссылок в digital и т. д.
для выделения ссылок в digital и т. д.
Для информационных досок
и внутренних материалов (несветовыевывески)
(веерцветов No641):
063 — зеленый
404 — фиолетовый
и внутренних материалов (несветовыевывески)
(веерцветов No641):
063 — зеленый
404 — фиолетовый
Основные
Дополнительные
ORACAL:
Для световых вывесок
(веер цветов No 8500, транслюцентная пленка):
063 — зеленый
012 — фиолетовый
Для световых вывесок
(веер цветов No 8500, транслюцентная пленка):
063 — зеленый
012 — фиолетовый
DULUX:
72YY47/743 — зеленый
43RB 07/249 — фиолетовый
72YY47/743 — зеленый
43RB 07/249 — фиолетовый
Pantone 268
Oracal 012 G Violett
RGB 80/40/125
CMYK 80/100/0/15
Oracal 012 G Violett
RGB 80/40/125
CMYK 80/100/0/15
Pantone 381
Oracal 063 M Lime-tree green
RGB 206/220/0
CMYK 25/0/100/0
Oracal 063 M Lime-tree green
RGB 206/220/0
CMYK 25/0/100/0
Pantone 7546
RGB 40/50/60
CMYK 73/45/24/66
RGB 40/50/60
CMYK 73/45/24/66
Pantone 7545
RGB 90/100/110
CMYK 58/32/18/54
RGB 90/100/110
CMYK 58/32/18/54
Pantone 305
RGB 0/210/255
CMYK 55/0/5/0
RGB 0/210/255
CMYK 55/0/5/0
Pantone 7544
RGB 120/130/140
CMYK 35/14/11/34
RGB 120/130/140
CMYK 35/14/11/34
Pantone 7543
RGB 150/160/170
CMYK 24/9/8/22
RGB 150/160/170
CMYK 24/9/8/22
Pantone 352
RGB 0/255/200
CMYK 37/0/30/0
RGB 0/255/200
CMYK 37/0/30/0
Pantone 5445
RGB 150/160/170
CMYK 24/9/8/22
RGB 150/160/170
CMYK 24/9/8/22
Pantone 643
RGB 210/220/230
CMYK 20/3/1/2
RGB 210/220/230
CMYK 20/3/1/2
Pantone 191
RGB 255/0/90
CMYK 0/80/35/0
RGB 255/0/90
CMYK 0/80/35/0
Pantone 656
RGB 230/240/250
CMYK 10/2/0/0
RGB 230/240/250
CMYK 10/2/0/0
Как использовать цвета
Чтобы не пострадала читаемость текста.
Иллюстративный стиль
Иллюстративный стиль включает в себя два типа графики: иллюстрации и пиктограммы.
a. иллюстрации
b. пиктограммы
Путешествия
Каско и ОСАГО
Квартира
Несчастный случай
Иллюстрации.
Обзор
Обзор
Фирменный стиль иллюстраций диктует обязательные условия, которым должны соответствовать изображения:
1. выраженный контраст света и тени;
2. использование цветов только из фирменной палитры
и одного акцентного;
3. использование трех-четырех цветовых пятен;
4. малое количество деталей в иллюстрации;
5. обязательное присутствие фирменного треугольника.
Подробнее о каждом пункте ниже.
1. выраженный контраст света и тени;
2. использование цветов только из фирменной палитры
и одного акцентного;
3. использование трех-четырех цветовых пятен;
4. малое количество деталей в иллюстрации;
5. обязательное присутствие фирменного треугольника.
Подробнее о каждом пункте ниже.
1. Контраст
Свето-теневой контраст помогает избавиться от лишних деталей в иллюстрации, а так же выявить основные световые пятна, при помощи которых и «рисуется иллюстрация».
Используйте коррекцию фотоизображения (увеличение контраста), чтобы подготовить растровую картинку к дальнейшей отрисовке в векторе.
Используйте коррекцию фотоизображения (увеличение контраста), чтобы подготовить растровую картинку к дальнейшей отрисовке в векторе.
1.
исходное
изображение
исходное
изображение
2.
добавлен сильный контраст
добавлен сильный контраст
3.
контрастная иллюстрация
контрастная иллюстрация
В фирменной иллюстрации нужно использовать в основном цвета из палитры бренда, представленной ниже.
2. Основные цвета
25|0|60
50|20|80
80|40|125
115|55|180
130|100|230
160|140|255
215|240|255
215|240|255
220|220|255
220|240|220
255|220|155
255|255|255
2. Акцентные цвета
Помимо цветов из фирменной палитры в иллюстрации могут быть использованы акцентные цвета.
Акцентный цвет может любым; за исключением
оттенков близких к фирменному фиолетовому, а так же
к фирменному зеленому.
Акцентный цвет может любым; за исключением
оттенков близких к фирменному фиолетовому, а так же
к фирменному зеленому.
Яркий
акцент
акцент
3. Цветовые пятна
Добиваясь лаконизма и изящества в иллюстрациях старайтесь использовать не больше 3-4 цветовых пятен (не считая цвета фона).
4. Лаконизм
Иллюстрации должны получаться лаконичными: высокий контраст исключает излишнюю детализацию, 3-4 цветовых пятна придают иллюстрации цельность.
5. Фирменный треугольник
Фирменный фиолетовый колорит иллюстраций обязательно должен быть дополнен фирменным треугольником!
5. Фон
Создавая иллюстрации, учитывайте, что они могут быть использованы как на светлом фоне, так и на фиолетовом.
Пример создания
Вот пример пошаговой работы над созданием иллюстрации машины:
1.
исходное
изображение
исходное
изображение
2.
сильный контраст
сильный контраст
3.
линейная отрисовка 3-4 пятен
линейная отрисовка 3-4 пятен
4.
линейная отрисовка 3-4 пятен
линейная отрисовка 3-4 пятен
5.
работа с цветовыми
пятнами
работа с цветовыми
пятнами
Удачные примеры
Пиктограммы.
Обзор
Обзор
Для создания фирменных пиктограмм используйте исключительно линейную графику.
Пластика пиктограмм рифмуется с фирменным шрифтом Gerbera, у которой есть характерные наплывы и окончания штрихов.
Пиктограммы отстраиваются по модульной сетке, заполняя ее почти целиком.
Пластика пиктограмм рифмуется с фирменным шрифтом Gerbera, у которой есть характерные наплывы и окончания штрихов.
Пиктограммы отстраиваются по модульной сетке, заполняя ее почти целиком.
Сетка
Модульная сетка помогает выстраивать единомасштабные пиктограммы.
Пиктограммы должны быть вписаны в сетку, заполняя ее почти целиком.
Избегайте слишком узких форм. Они будут оставлять много пустого пространства в сетке.
Пиктограммы должны быть вписаны в сетку, заполняя ее почти целиком.
Избегайте слишком узких форм. Они будут оставлять много пустого пространства в сетке.
Примеры
Делаем макеты
Основные принципы
Всего 8 принципов оформления коммуникационных макетов. Все макеты единообразные, но различаются
по акцентам. Фокус может быть на элементе, на всем изображении или на тексте.
по акцентам. Фокус может быть на элементе, на всем изображении или на тексте.
1. Треугольник — часть фотоизображения и может размещаться внутри, создавая дополнительный объем. Размер треугольника зависит от размера макета. В этом примере высота треугольника 32 % от меньшей стороны макета.
2. Чтобы сфокусировать внимание на предмете или детали, которая нам важна, мы используем рамку. Здесь усиливаем акцент на упавшем дереве. В этом примере высота треугольника 32 % от меньшей стороны макета.
3. Акцент на текстовом содержании в плашке. В этом примере высота треугольника 23 % от меньшей стороны макета.
4. Здесь фирменный треугольник всегда расположен в правом верхнем углу. В этом примере высота треугольника 32 % от меньшей стороны макета.
5. В этом случае фирменный треугольник всегда расположен в правом верхнем углу. Здесь мы можем использовать еще иллюстрации. В этом примере высота треугольника 23 % от меньшей стороны макета.
6. Аналогичный макет с другим расположением элементов.
7. Сила этой композиции в том, что бренд узнается мгновенно. Акцент делаем на объекте и контрастном фиолетовом фоне. В этом примере высота треугольника
23 % от меньшей стороны макета.
23 % от меньшей стороны макета.
8. Два важных акцента: контрастный фирменный фон и треугольник, который усиливает внимание на объекте.
В этом примере высота треугольника 23 % от меньшей стороны макета.
В этом примере высота треугольника 23 % от меньшей стороны макета.
7. Имиджевый или продуктовый макет. Сила этого макета в том, что бренд узнается мгновенно. Акцент делаем на объекте и контрастном фиолетовом фоне. В этом макете высота треугольника 23% от меньшей стороны макета.
Принципы использования треугольника
S — размер меньшей стороны макета.
Х - высота треугольника.
В зависимости от типа макета вычисляется высота
треугольника, которая определяется
в процентах от меньшей стороны макета.
Х - высота треугольника.
В зависимости от типа макета вычисляется высота
треугольника, которая определяется
в процентах от меньшей стороны макета.
Модульная сетка
Универсальные сетки для каждого вида макетов. При масштабировании не забываем про верхний и нижний отступ — он также должен быть
равен 2х.
равен 2х.
Формат А2
вертикальный
вертикальный
При создании постера ориентируемся на правила оформления макета и типографики.
Рекламные сообщения набираем классическим блоком: заголовок и подзаголовок.
1. Заголовок Regular 55 – 110 pt
2. Подзаголовок 34 – 55 pt
3. Дисклеймер 13 – 16 pt
Рекламные сообщения набираем классическим блоком: заголовок и подзаголовок.
1. Заголовок Regular 55 – 110 pt
2. Подзаголовок 34 – 55 pt
3. Дисклеймер 13 – 16 pt
Формат А2
горизонтальный
горизонтальный
1. Заголовок Regular 55 – 110 pt
2. Подзаголовок 34 – 55 pt
3. Дисклеймер 13 – 16 pt
2. Подзаголовок 34 – 55 pt
3. Дисклеймер 13 – 16 pt
Формат А1
1. Заголовок Regular 110 – 155 pt
2. Подзаголовок 55 – 68 pt
3. Дисклеймер 16 – 21 pt
2. Подзаголовок 55 – 68 pt
3. Дисклеймер 16 – 21 pt
Евро-буклет
Новые макеты нужно создавать
в разработанном шаблоне, где есть сетка и фиксированное количество стилей, которое нужно соблюдать.
Обзор типов полос.
Сетка предусматривает верстку
в одну, две и три колонки.
Верстка всегда — левый флаг.
Шаг базовой сетки: 3,5 мм
Поля:
левое — 3,5 мм
правое — 3,5 мм
верхнее — 5 мм
нижнее — 5 мм
в разработанном шаблоне, где есть сетка и фиксированное количество стилей, которое нужно соблюдать.
Обзор типов полос.
Сетка предусматривает верстку
в одну, две и три колонки.
Верстка всегда — левый флаг.
Шаг базовой сетки: 3,5 мм
Поля:
левое — 3,5 мм
правое — 3,5 мм
верхнее — 5 мм
нижнее — 5 мм
Обложка — это рекламный макет. Мы применяем 7 принципов оформления обложки. Не используйте плашку, потому что на маленьких форматах она не будет выполнять свои функции. Этот элемент применим только
на больших форматах.
на больших форматах.
Пример оформления внутренней стороны лифлета. Самое важное — наличие контраста. Это нужно для того, чтобы сложная информация выглядела презентабельно.
Баннеры
Когда используем фотографии, возможны
4 принципа оформления.
4 принципа оформления.
С иллюстрацией всего один принцип — треугольник мы не используем.
Баннеры с текстом, как и все финальные кадры, пишем на фирменном фоне.
Если мы используем иконки, они могут быть линарными или цветными.
Фото
Иллюстрация
Текст
Иконка
«Один цвет»
«Один цвет»
Иконка «Цветная»
825 × 124
825 × 124
825 × 124
825 × 124
825 × 124
Горизонтальные
Вертикальные
Горизонтальные
Вертикальные
Горизонтальные
Вертикальные
Горизонтальные
Вертикальные
Горизонтальные
Вертикальные
Единый
логошот
логошот
825 × 124
Горизонтальные
Вертикальные
Логошот и очень
длинный дисклеймер
длинный дисклеймер
825 × 124
Горизонтальные
Вертикальные
Логошот и слоган
825 × 124
Горизонтальные
Вертикальные
Новые технологии безопасности
8 pt
10 pt
10 pt
Межстрочное расстояние:
значение кегля + 2 pt
значение кегля + 2 pt
Новые технологии безопасности
10 pt
12 pt
12 pt
Новые технологии безопасности
13 pt
15 pt
15 pt
Новые технологии безопасности
16 pt
18 pt
18 pt
Новые технологии безопасности
21 pt
23 pt
23 pt
Новые технологии безопасности
26 pt
28 pt
28 pt
Новые технологии безопасности
34 pt
36 pt
36 pt
Новые технологии безопасности
42 pt
44 pt
44 pt
Фиксированные кегли для всей системы баннеров:
Вот как стиль может
работать в соцсетях
работать в соцсетях
Шаблон email-рассылки
Шапка создается по принципу
рекламного макета.
рекламного макета.
Контент может размещаться в одну, две или три колонки, как указано на картинке.
Продуктовая карта
На лицевой части карты размещаются: линарная иконка, логотип, информация
о назначении.
о назначении.
Сувенирная продукция
Пакеты
Сумки
Кружки
Витаминки
Зарядные устройства
Экстерьер
1. Фасадная вывеска на подложке.
2. Фасадная вывеска, отдельно стоящие буквы.
3. Стандартная панель-кронштейн.
4. Вертикальная панель-кронштейн.
5. Крышная установка.
2. Фасадная вывеска, отдельно стоящие буквы.
3. Стандартная панель-кронштейн.
4. Вертикальная панель-кронштейн.
5. Крышная установка.
Вывеска
Панель-кронштейн устанавливается поперек тротуара перпендикулярно плоскости фасада. Внутри квадрата располагается знак. Расстояние от краев равно 0,5х,
где х — это значение квадрата.
где х — это значение квадрата.
На фасаде здания используем отдельно стоящие буквы без подложки. Минимальная глубина букв
в два раза больше вертикального штриха буквы.
в два раза больше вертикального штриха буквы.
На светлом или белом фасаде используйте основной логотип в цветном варианте. Например: фасадные кассеты, светлая штукатурка, белый кирпич, светлые сэндвич-панели.
Когда фасад здания темный, используйте белый вариант логотипа с зеленым треугольником. Например: фасадные кассеты, темная штукатурка, коричневый кирпич, темные сэндвич-панели.
Очень часто встречаются фасады зеленого оттенка. В этом случае используем белый вариант логотипа, где торцы букв окрашены в фирменные цвета.
Табличка
режима работы
режима работы
Визитка
Односторонние визитные карточки формата 85 × 55 мм печатаются
на плотной (от 280 г/м²) матовой бумаге. На лицевой стороне размещается контактная информация и логотип.
на плотной (от 280 г/м²) матовой бумаге. На лицевой стороне размещается контактная информация и логотип.
Скачать все шаблоны