Как делать красиво и последовательно
и из чего всё это состоит
Кто
Денис — 25 лет Графический/​ 3D дизайнер/​ Моушн/​
— Верстал и фоткал в "Sport Media News" — Делал вид,​ что я хороший дизайнер в "RedKeds" — Анимировал сторис для "Lookin rooms" — Собрал 5 постоянных клиентов на фрилансе
Чем мы занимаемся?​
Мы с помощью цвета и формы передаём сообщения другим людям
Наша задача создать максимально простую систему,​ которая позволит продукту клиента быстро запомниться и создать отвечающий запросу образ
Из чего состоит такая система?​
Смысловая база - Логотип - Цветовая палитра - Типографика/​Шрифтовая палитра - Графические элементы - Принципы вёрстки - Фирменные материалы - Цифровая среда - Рекламные коммуникации и Мерчандайзинг
Смысловая база
Целеполагающая основа задающая вектор для создания всех элементов фирменного стиля и бренд-коммуникаций
Концепция — сухое описание продукта с УТП дающее объективное описание Позиционирование — продающий текст с упором на УТП и эмоциональный образ продукта Миссия — глобальная цель бренда,​ как правило роднящая его с ЦА
Логотип
Уникальный графический символ.​ Часто включает знак (символ/​иконку) и/​или логотоп/​леттеринг (текстовое написание названия).​ Центральный элемент,​ на который ориентируются ВСЕ остальные.​ Цвета логотипа определяют основную палитру,​ стиль влияет на выбор шрифтов и изображений.​ Самый узнаваемый элемент.​ Передает суть бренда (профессионализм,​ инновации,​ дружелюбие и т.​д.​).​ Его качество и уместность напрямую влияют на первое впечатление и формирует базовый образ
Цветовая палитра
Набор основных (primary) и дополнительных (secondary/​tertiary) цветов,​ используемых во всех коммуникациях.​ Тесно связана с логотипом (часто берется из него).​ Определяет атмосферу изображения.​ Влияет на читаемость типографики.​ Задает тон верстке и UI/​UX.​ Проявляется в большинстве фирменных материалов Цвета вызывают сильные эмоции и ассоциации (синий =​ доверие,​ зеленый =​ экология/​рост,​ красный =​ энергия/​страсть).​ Создает настроение и помогает выделиться среди конкурентов.​ Последовательность укрепляет узнаваемость.​
Типографика/​Шрифтовая палитра
Набор согласованных шрифтов для заголовков,​ подзаголовков,​ основного текста,​ акцентов Должна гармонировать со стилем логотипа.​ Цвета текста регламентируются цветовой палитрой.​ Определяет структуру верстки (макетов,​ презентаций,​ сайта).​ Ключевой элемент UI/​UX дизайна.​ Шрифты имеют "характер" (серьезный,​ современный,​ дружелюбный,​ роскошный).​ Обеспечивают читаемость и иерархию информации.​ Влияет на восприятие тона голоса бренда (формальный,​ неформальный).​
Графические элементы
Специально созданные компоненты использующие стиль заданный в логотипе/​цветовой палитре/​типографике решающие конкретные задачи
Фотография/​Видео:​ Стиль съемки,​ обработка,​ тематика,​ использование конкретных людей/​объектов.​ Иллюстрации:​ Уникальный стиль рисования (линия,​ цвет,​ сложность),​ характер персонажей.​ Иконки:​ Стиль (линейные,​ заливные,​ плоские,​ объемные),​ уровень детализации.​ Паттерны (узоры):​ Уникальные повторяющиеся графические мотивы.​ Анимация/​Микровзаимодействия:​ Стиль движения элементов на сайте/​в приложении.​
Принципы вёрстки
Правила расположения элементов (текста,​ изображений,​ логотипа) на носителях:​ сетки,​ отступы,​ выравнивание,​ баланс,​ пропорции,​ использование пространства (воздуха).​ Применяет типографику,​ цвета,​ графические элементы и логотип в рамках единой системы.​ Основа для создания фирменных материалов и UI/​UX.​ Обеспечивает последовательность рекламных кампаний.​ Создает ощущение порядка,​ профессионализма и внимания к деталям (или наоборот – креативности и свободы).​ Влияет на восприятие ясности информации и премиальности.​
Фирменные материалы
Физические и цифровые носители:​ визитки,​ бланки,​ конверты,​ презентации,​ отчеты,​ электронные шаблоны (письма,​ документы),​ email-рассылки и др.​ Прямое применение всех предыдущих элементов (лого,​ цвета,​ шрифты,​ графика,​ верстка) в конкретных форматах.​ Формирует впечатление от контакта с брендом.​ Демонстрирует ценности бренда и формирует образ.​ Важный элемент B2B-коммуникаций.​
Цифровая среда
Дизайн пользовательского интерфейса (UI) и опыта (UX) на сайте,​ в мобильном приложении,​ соцсетях,​ цифровых продуктах.​ Интегрирует логотип,​ цвета,​ типографику,​ графические элементы (иконки,​ иллюстрации,​ анимации),​ принципы верстки в интерактивную среду.​ Часто требует адаптации базовых элементов для цифры.​ Критично важна для современного бренда.​ Формирует впечатление от использования продукта/​сервиса.​ Влияет на удобство,​ доверие и лояльность.​ Отражает инновационность или традиционность.​
Рекламные коммуникации и Мерчандайзинг
Рекламные макеты (онлайн/​оффлайн),​ упаковка,​ сувенирная продукция,​ оформление точек продаж (POSM),​ униформа.​ Используют и адаптируют ВСЕ элементы системы (лого,​ цвета,​ шрифты,​ графику,​ верстку) для конкретных маркетинговых задач и носителей.​ Особенно важна связь с упаковкой и оформлением среды.​ Ключевой канал донесения сообщения до целевой аудитории.​ Усиливает узнаваемость и формирует ассоциации.​ Качество исполнения напрямую влияет на восприятие ценности бренда.​
Как элементы связаны и влияют на образ компании:​
Логотип – ядро,​ его восприятие влияет на первичное доверие.​ Цвет и Шрифт – основа атмосферы Графика и Верстка – выразительность и порядок:​ делают коммуникацию визуально привлекательной и структурированной.​ Носители – точка контакта Системность – ключ к узнаваемости
Образ компании – это сумма впечатлений от всех визуальных контактов.​ Сильная,​ последовательная и уместная система визуальной идентификации формирует позитивный,​ профессиональный,​ запоминающийся и отличительный образ.​ Слабая,​ несогласованная или некачественная система создает ощущение непрофессионализма,​ ненадежности и размытости.​
Важно
Все перечисленные элементы развиваются последовательно.​ Можно сразу сделать логотип без исследования,​ но тогда ты будешь шатко чувствовать себя перед клиентом на защите Можно сделать все фирменные материалы,​ а потом перейти к логотипу и найдя удачную форму и цвет все их переделывать,​ потому что характер цвета линии и формы изменился,​ но зачем?​
Все молодцы,​ надеюсь на вашу память