BRAND
BOOK Cистема корпоративной идентификации социального ресурса помощи на дорогах «ПОДОРОЖНИК»
ПОДОРОЖНИК
ПОМОЖЕТ!
ШКОЛА ДИЗАЙНА факультета коммуникаций, медиа и дизайна НИУ ВШЭ
Научный руководитель Олег Геннадьевич Пащенко
ПРАВИТЕЛЬСТВО РОССИЙСКОЙ ФЕДЕРАЦИИ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ «НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ “ВЫСШАЯ ШКОЛА ЭКОНОМИКИ”»
Еремеев Григорий Сергеевич
Визуальное исследование на тему: Символы и знаки помощи в искусстве
Выпускная квалификационная работа по направлению «Дизайн» студента группы № Б11Д33в (образовательная программа «Коммуникационный дизайн»)
Москва 2015
Рецензент Солдатова Алёна Игоревна
Выпускная квалификационная работа на тему: Проектирование фирменного стиля социального ресурса помощи на дорогах «Подорожник», а также разработка мобильного приложения для него
СОДЕРЖАНИЕ 1
2
1.01 СУТЬ БРЕНДА. . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.01 ГРАФИЧЕСКИЙ ЗНАК . . . . . . . . . . . . . . . . . . . . 10
1.02 ЦЕННОСТИ БРЕНДА. . . . . . . . . . . . . . . . . . . . . 7
2.02 ТЕКСТОВЫЙ ЗНАК . . . . . . . . . . . . . . . . . . . . . . . 11
1.03 ХАРАКТЕР БРЕНДА. . . . . . . . . . . . . . . . . . . . . . . 8
2.03 ЛОГОТИП. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
1.04 ЦЕЛЕВАЯ АУДИТОРИЯ. . . . . . . . . . . . . . . . . . . 8
2.04 ГРАФИЧЕСКИЙ БЛОК . . . . . . . . . . . . . . . . . . . . 13
1.06 ПОСТУЛАТЫ БРЕНДА . . . . . . . . . . . . . . . . . . . . 9
2.05 ПРОПОРЦИИ И ОТСТУПЫ . . . . . . . . . . . . . . . 14
ПОЗИЦИОНИРОВАНИЕ БРЕНДА
3
ЦВЕТОВАЯ ГАММА 1.01 ОСНОВНЫЕ ЦВЕТА . . . . . . . . . . . . . . . . . . . . . . 18 1.02 ЦВЕТОВАЯ МОДИФИКАЦИЯ . . . . . . . . . . . . .19
ЗНАК И ЛОГОТИП
2.06 ОДНОЦВЕТНАЯ ВЕРСИЯ . . . . . . . . . . . . . . . . 15 2.07 ИНВЕРСИЯ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 2.08 ОШИБКИ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
4
ШРИФТОВАЯ КОМПОЗИЦИЯ
5
4.01 ОСНОВНОЙ ШРИФТ . . . . . . . . . . . . . . . . . . . . 20
СТИЛЕОБРАЗУЮЩИЕ ЭЛЕМЕНТЫ
4.02 ДОПОЛНИТЕЛЬНЫЙ ШРИФТ . . . . . . . . . . . . 21
5.01 ПАТТЕРН. . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
4.03 АКЦИДЕНТНЫЙ ШРИФТ . . . . . . . . . . . . . . . . 21
5.02 СТИЛИЗОВАНЫЕ РИСУНКИ. . . . . . . . . . . . . . 23
6
7
6.01 ЛОГОТИП НА ПОВЕРХНОСТЯХ . . . . . . . . . . . 24
7.01 ДРУГИЕ ВАРИАНТЫ ЛОГОТИПА . . . . . . . . . . 39
6.02 ГРАФИКА НА ОДЕЖДЕ . . . . . . . . . . . . . . . . . . . 27
7.02 НАБРОСКИ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
6.03 ГРАФИКА НА АВТОМОБИЛЕ. . . . . . . . . . . . . . 28
7.03 СОЗДАНИЕ ЛОГОТИПА . . . . . . . . . . . . . . . . . . 42
ДИЗАЙН НА РЕАЛЬНЫХ НОСИТЕЛЯХ
6.04 ПОЛИГРАФИЯ . . . . . . . . . . . . . . . . . . . . . . . . . . . 30 6.05 КРЕАТИВНАЯ РЕКЛАМА . . . . . . . . . . . . . . . . . . 32
ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ
1
ПОЗИЦИОНАРОВАНИЕ БРЕНДА
1.01 Суть бренда
ДРУЖЕСТВЕННЫЙ ПОМОЩНИК АВТОМОБИЛИСТА В современном мире коммуникаций через телефон и социальные сети «Подорожник» является удобным звеном для связи автомобилистов.
Это мобильное приложение, в котором очень легко позвать на помощь, если возникли какие-либо трудности на дороге, а также место, где всегда можно найти ответы на многие автомобильные темы.
Задача проекта предоставить высокий уровень коммуникации между пользователями, позволяющций легко и быстро решить возникшую на дороге проблему или вопрос.
1.02 Ценности бренда
ВЗАИМОВЫРУЧКА, ДОСТУПНОСТЬ, ПРОСТОТА В любом месте и при любых обстоятельствах не должно возникать препятствий на пути оказания помощи.
7
Позиционирование бренда
Главное условие, чтобы каждый желающий, независимо от материального состояния и технической подкованности имел доступ и мог самостоятельно разобраться в устройстве.
1.03 Характер бренда
ОТЗЫВЧИВЫЙ, ДРУЖЕЛЮБНЫЙ, ОПТИМИСТИЧНЫЙ Надежный помощник и профессионал своего дела, который в любой момент будет рядом, с которым легко и удобно.
С ним все проблемы решаются, а все потребности удовлетворяются непринужденно, с улыбкой и юмором.
1.04 Целевая аудитория
МОЛОДЫЕ АКТИВНЫЕ МУЖЧИНЫ Преимущественно мужчины, в возрасте от 23 до 29 лет, со средним или ниже среднего доходом.
Молодые, активные и целеустремленные люди, еще не имеющих большого постоянного дохода, хорошо разбипраются в современных технологиях. Им важно сэкономить время на рутине и потратить его на что-то полезное или приятное.
Скорее всего недавно появился первый автомобиль, доставшийся от родителей или купленный на небольшие сбережения б/у.
Позиционирование бренда
8
1.05 Постулаты бренда
СУТЬ БРЕНДА
Дружественный помощник автомобилиста.
ЦЕННОСТИ БРЕНДА
Взаимовыручка, доступность, простота.
ХАРАКТЕР БРЭНДА
Отзывчивый, дружелюбный, оптимистичный.
ЭМОЦИОНАЛЬНОЕ ПРЕИМУЩЕСТВО
Я счастлив, что теперь у меня есть целая семья, к которой можно обратиться за помошью в любое время, мир не без добрых людей - это здорово!
РАЦИОНАЛЬНОЕ ПРЕИМУЩЕСТВО
Теперь, если с машиной что-то случиться, не обязательно вызывать эвакуатор или ехать в сервис, для начала достаточно установить приложение - это удобно!
9
Позиционирование бренда
2
ЗНАК И ЛОГОТИП
2.01 Знак
ГРАФИЧЕСКИЙ Знаком компании является фирменный персонаж, олицетворяющий характер бренда - это лист подорожника, обнимающий колесо автомобиля . Он является надежным помощником, который в любой момент может быть рядом, с которым легко и удобно. С ним все проблемы решаются, а все потребности удовлетворяются непринужденно, с улыбкой и юмором.
Знак и логотип
10
2.02 Знак
ТЕКСТОВЫЙ Помимо графического знака, возможен текстовый вариант знака. Область применения данного варианта преимущественно в деловой документации. Оба знака могут использоваться, как отдельно друг от друга, так и совместно.
11
Знак и логотип
ПОДОРОЖНИК
ПОМОЖЕТ!
2.03 Логотип
«ПОДОРОЖНИК» Логотипом являеться комбинация текстового знака и графического. При этом пропорции четко выверены между собой, и произвольно изменять их нельзя. Текст «Подорожник поможет» является одним из возможных вариантов и может быть изменен на другой, аналогичный текст, в рамках условного блока, в который вписан текст «Подорожник поможет!». Так, одиним из вариантов являеться: «Машинка не болей!»
ПОДОРОЖНИК
ПОМОЖЕТ!
Знак и логотип
12
2.04 Графический блок
«ВОЗЬМИ С СОБОЙ!» В композиции с логотипом или фирменным знаком может использоваться графический блок. Блок может быть в форме «облака с текстом», размещенного сверху графического носителя и выходящего за рамки, как обозначено пунктирной зеленой линией на иллюстрации. Также для использования на рекламных носителях есть общий вид графического блока, который размещается внизу.
ВОЗЬМИ С СОБОЙ
ПОДОРОЖНИК
Не забудь взять с собой «Подорожник»! Ищи бесплатное приложение на AppStore и GooglePlay. www.podorojnik.ru
13
Знак и логотип
2,5x
2.05 Фирменный блок
x ПОДОРОЖНИК
ПРОПОРЦИИ И ОТСТУПЫ На данной странице показан принцип построения логотипа, где за х взята высоты прописной буквы П в логотипе (1 клетка на данном эскизе). Расположение логотипа в пространстве рассчитывается таким образом, чтобы значимые элементы располагались не менее, чем на двухкратную величину высоты буквы П. Крайне рекомендуемые значения отступа сверху, справа, снизу = 2,5х, слева - 2х. При использовании текстового знака, величина всех отступов = 2х, исключением является отступ снизу = 0,5х. Графический знак имеет теже рекомендации относительно отступов, что и логотип.
ПОМОЖЕТ!
2,5x
2x
2,5x
Знак и логотип
14
2.06 Одноцветная версия
«ПОДОРОЖНИК» В одноцветной версии логотипа остаются только черный контур персонажа, исполнение текстового блока остается неизменным. Все остальные цвета не используются и заменяются на белый. Это правило относится ко всем видам фирменногои блока.
15
Знак и логотип
ПОДОРОЖНИК
ПОМОЖЕТ!
Позиционирование бренда
9
2.07 Одноцветная версия
ИНВЕРСИЯ Одноцветная инверсная версия логотипа отличается от простой одноцветной версии тем, что графический и текстовый знаки делаются выверткой, а у графической части добавляется обводка.
ПОДОРОЖНИК
ПОМОЖЕТ!
Знак и логотип
16
ПОДОРОЖНИК
ПОДОРОЖНИК
ПОМОЖЕТ!
2.08 Некорректное использование
1
ПОМОЖЕТ!
2
ОШИБКИ Категорически запрещается: 1. Произвольно изменять пропорции рисунка, сжимать или растягивать фигуру персонажа; 2. Добавлять фотографические элементы; 3. Менять пропорции и положение отдельных частей логотипа; 4. Использовать любой фон, кроме фирменных плашечных цветов; 5. Использовать другие цвета; 6. Переодевать персонажа.
Знак и логотип
ПОМОЖЕТ!
ПОМОЖЕТ! 3
4
ПОДОРОЖНИК
ПОДОРОЖНИК
ПОМОЖЕТ!
5
17
ПОДОРОЖНИК
ПОДОРОЖНИК
ПОМОЖЕТ!
6
3 ГАММА
ЦВЕТОВАЯ
3.01 Цветовая гамма
ОСНОВНЫЕ ЦВЕТА Основными фирменными цветами являются зеленый, голубой, красный и серый. Все цвета подобраны таким образом, чтобы на подсознательном уровне вызывать доверие, и уверенность и гармонию, для этого за основу было взят натуральный пейзаж. Главным цветом является цвет персонажа — зеленый. Он несет яркие положительные эмоции, символизирует энергию, лидерство и позитив. Для фона лучше всего использовать голубой, хотя использование остальных цветов тоже допустимо. Черный и белый цвета всегда используется для контура.
CMYK: 35 0 90 0
CMYK: 15 85 100 5
CMYK: 60 15 0 0
CMYK: 10 10 10 30
RGB: 188 208 59
RGB: 200 60 23
RGB: 100 180 228
RGB: 170 170 170
Позиционирование Цветовая бренда гамма
189
3.02 Цветовая модификация
ФИРМЕННОГО БЛОКА ПОДОРОЖНИК
Основным цветом для фона является голубой, но в фирменном стиле допускается использование всех четырех цветов, использованных в логотипе. При этом обязательно использовать логотип с белой обводкой. Допустимо использование однозцветного варианта в оригинальной цветовой палитре, а также в палитре фирменных цветов с прозрачностью 50%
19
Цветовая гамма
ПОМОЖЕТ!
ПОДОРОЖНИК
ПОМОЖЕТ!
ПОДОРОЖНИК
ПОМОЖЕТ!
ПОДОРОЖНИК
ПОМОЖЕТ!
4
ШРИФТОВАЯ КОМПОЗИЦИЯ
4.01 Основной шрифт
ALS SCHLANGE SANS ALS Schlange sans Regular
Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Щщ Ьь Ыы Ъъ Ээ Юю Яя 1234567890-=«»№%:,.;()*+ Aa Bb Cc Dd Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
ALS Schlange sans Black
Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Щщ Ьь Ыы Ъъ Ээ Юю Яя 1234567890-=«»№ %:,.;()*+ Aa Bb Cc Dd Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Шрифтовая композиция
20
4.02 Дополнительный шрифт
4.03 Акцидентный шрифт
ARIAL
АКЦЕНТЫ
Дополнительной гарнитурой (например, для использования на фирменных бланках в Microsoft Word) является системный шрифт Arial; он по умолчанию есть в каждом компьютере.
ALS Schlange sans — богатая гарнитура со скругленными окончаниями штрихов. Отличительные особенности ALS Schlange sans — открытая апертура знаков и довольно крупные относительно прописных строчные буквы. Гарнитура ALS Schlange sans включает в себя пять начертаний без засечек от суперсветлого до жирного и является как основной, так и акцидентной гарнитурой.
ALS Schlange sans Thin ALS Schlange sans Light ALS Schlange sans Regular ALS Schlange sans Bold ALS Schlange sans Black 21
Шрифтовая композиция
5
СТИЛЕОБРАЗУЕЩИЕ ЭЛЕМЕНТЫ
5.01 Паттерн
СХЕМАТИЧНОЕ ИЗОБРАЖЕНИЕ КАРТЫ Относительные размеры паттерна могут варьировать в зависимости от цели и места использования. Запрещается одновременно использовать в одном макете крупный и мелкий паттерн.
Стилеобразующие элементы
22
5.02 Стилизованные рисунки
МОРДАШКИ Элемент «Мордашки» составляется из эмоциональных рожиц разного цвета и вида. Элемент «Мордашки» можно использовать как в полном виде, так и в виде фрагмента. www.podorojnik.ru
23
Стилеобразующие элементы
6
ДИЗАЙН НА РЕАЛЬНЫХ НОСИТЕЛЯХ
6.01 Логотип
ЛОГОТИП НА РАЗЛИЧНЫХ ПОВЕРХНОСТЯХ
Дизайн на реальных носителях
24
25
Дизайн на реальных носителях
Дизайн на реальных носителях
26
6.02 Графика
НА ОДЕЖДЕ
27
Дизайн на реальных носителях
6.03 Графика
НА АВТОМОБИЛЕ
Дизайн на реальных носителях
28
29
Дизайн на реальных носителях
6.04 Деловая документация
ПОЛИГРАФИЯ
Дизайн на реальных носителях
30
31
Дизайн на реальных носителях
6.05 Креативная реклама
СЕРИЯ ОРИГИНАЛЬНЫХ ПЛАКАТОВ
РАБОТАЛ РАБОТАЛ И ЧЕТ ПРИУНЫЛ=(
В рамках данного проекта была разработана серия креативных плакатов для размещения в оффлайне, например в метро, автобусных остановках или на рекламных билбордах.
ПОДОРОЖНИК
ПОМОЖЕТ!
Не забудь взять с собой «Подорожник»! Скачай бесплатное приложение на AppStore и GooglePlay. www.podorojnik.ru
Дизайн на реальных носителях
32
ЗАБОЛЕЛА МАШИНКА?=(
ПОДОРОЖНИК
ПОМОЖЕТ!
Не забудь взять с собой «Подорожник»! Ищи бесплатное приложение на AppStore и GooglePlay. www.podorojnik.ru
33
Дизайн на реальных носителях
СОШЕЛ С ВЕРНОГО ПУТИ?=(
ПОДОРОЖНИК
ПОМОЖЕТ!
Не забудь взять с собой «Подорожник»! Ищи бесплатное приложение на AppStore и GooglePlay. www.podorojnik.ru
Дизайн на реальных носителях
34
ЗАВЯЗ ПО УШИ?=(
ПОДОРОЖНИК
ПОМОЖЕТ!
Не забудь взять с собой «Подорожник»! Ищи бесплатное приложение на AppStore и GooglePlay. www.podorojnik.ru
35
Дизайн на реальных носителях
НЕТ БОЛЬШЕ СИЛ?=(
ПОДОРОЖНИК
ПОМОЖЕТ!
Не забудь взять с собой «Подорожник»! Ищи бесплатное приложение на AppStore и GooglePlay. www.podorojnik.ru
Дизайн на реальных носителях
36
37
Дизайн на реальных носителях
Дизайн на реальных носителях
38
7
ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ
7.01 Другие варианты логотипа
В ПРОЦЕССЕ СОЗДАНИЯ
39
Дополнительная информация
Дополнительная информация
40
7.02 Наброски
ОТРИСОВКА КАРТИНОК ПО ТЕМЕ
41
Дополнительная информация
7.03 Создание логотипа
В ЛИНИЯХ
Дополнительная информация
42