Фирменный стиль. Нужна цветовая палитра для проекта? Давайте создадим!
Оглавление
Какая цветовая палитра за окном! Фирменная – Божья! С Вами Ирина Иваськив. В этой статье – простыми словами о том, как создать фирменный стиль для своего проекта, с чего начать, что учесть, как подобрать фирменные цвета, какие сервисы использовать. Словом, ёмкое, полезное, универсальное руководство по фирменному стилю для тех, кто хочет заморочиться этим с нуля.
Что такое фирменный стиль (понятие)
Фирменный стиль (другие названия: корпоративный стиль) – это визуальный образ проекта, способ привлечь клиентов и отстроиться от конкурентов. Это – совокупность всех дизайнерских элементов проекта, созданных в одном стиле.
Такими дизайнерскими элементами могут быть:
- фирменная цветовая гамма (палитра цветов)
- логотип, фавикон, иконки, фирменные шрифты
- единый дизайн всех сайтов, лендингов, пабликов
- фирменные интерактивные элементы на сайтах
- фирменное иллюстрирование статей и постов
- фирменный стиль фотографий и инфографики
- фирменный стиль и оформление видео роликов
- визуальное обыгрывание названия проекта и слогана
- визитки, листовки, объявления, флаеры, буклеты
- брошюры, проспекты, каталоги, плакаты, афиши
- карманные, настольные, настенные календари
- открытки, конверты, приглашения, билеты, пропуска
- закладки, блокноты, папки, флешки, диски
- коробки, бумага для записей, обёрточная бумага
- воблеры (ценники на ножках), мобайлы, шелфтокеры
- некхенгеры, джумби и другие pos-материалы
- баннеры, вывески, постеры, таблички, указатели
- ролл-апы, пресс-воллы, наклейки на транспорт
- биллборды, призматроны, ситилайты, транспаранты
- другие атрибуты широкомасштабной офлайн рекламы
- фирменные бланки, презентации, документация
- карандаши, ручки, линейки и другие канцтовары
- наклейки, магниты, чашки, сувенирная продукция
- дипломы, грамоты и другая наградная продукция
- униформа для сотрудников, мерчи, бейджи и т.д.
Фирменный стиль должен быть точным, понятным, привлекательным, узнаваемым и запоминающимся.
Что такое брендбук и зачем он нужен
Все дизайнерские элементы проекта описывают в брендбуке.
Брендбук – это руководство по фирменному стилю, единый документ с описанием и общей дизайнерской концепции, и каждого дизайнерского атрибута в отдельности.
Брендбук можно создать в виде печатной книги или буклета, в виде ПДФ-документа или в виде онлайн презентации (например, выполненной в редакторе Canva).
Такое руководство составляется понятно и содержательно – так, чтобы каждый дизайнер проекта нашёл в нём ответы на все вопросы о фирменном стиле компании.
При составлении брендбука учитывается концепция проекта/сайта, его тематическая направленность и цели, портрет ЦА, анализ конкурентов и даже корпоративная этика.
Брендбук помогает компании эффективно взаимодействовать с клиентами и партнёрами. Благодаря брендбуку сотрудники компании правильно используют все элементы фирменного стиля (например, делают фотосессии в заданном стиле, учитывают фирменные цвета и шрифты при вёрстке статей, правильно оформляют коммерческие предложения или упаковывают подарки партнёрам).
Для чего необходим фирменный стиль
- создаёт уникальный образ проекта, его визуальную целостность и индивидуальность
- формирует внешний имидж и репутационное доверие компании
- указывает на высокий уровень организации проекта
- помогает выглядеть презентабельно перед клиентами и партнёрами
- вызывает прямые ассоциации с проектом, тем самым повышая узнаваемость проекта
- идентифицирует продукцию компании, отстраивает от конкурентов, выделяет проект среди других
Как подобрать цвета для фирменного стиля
Фирменная цветовая палитра – фиксированный набор цветов, который используется во всех элементах фирменного стиля. Грамотно подобранная палитра цветов – один из самых мощных брендинговых инструментов. 84,7% потребителей утверждают, что именно цвет побуждает их покупать те или иные продукты. Цвет влияет на эмоциональное состояние человека. У каждого цвета свой характер. Поэтому у нас разная реакция на красный и синий. Самое удивительное заключается в том, что один и тот же цвет способен вызывать одинаковые реакции у разных людей. Это то, что художники называют психологией цвета. Вот почему фирменные цвета стоит выбирать осознанно. Что учесть при выборе фирменных цветов, чтобы они работали на проект?
Учитываем характер (миссию) своего проекта
Выбрать фирменные цвета для своего проекта легко, когда Вы понимаете, кто Вы и чем занимаетесь. Огненно-красный цвет кока-колы энергичный и зажигательный. Но он смотрелся бы нелепо на матрасах спокойного и умиротворённого Dormeo. Вот почему при выборе фирменных цветов важно учитывать характер своего проекта.
Попробуйте поставить себя на место своих клиентов и представить, с какими цветами ваши клиенты сталкиваются в жизни, когда используют продукцию, подобную вашей. Например, пекарни и булочные ассоциируются с коричневыми, песочными и пастельными цветами. Глядя на такие цвета, у людей срабатывает прямая ассоциация с ароматным поджаристым хлебом.
Магазины здорового питания чаще выбирают разные оттенки зелёного и близкие к нему цвета (жёлтый, оранжевый, голубой).
Словом, просто поразмышляйте о своём проекте: с какими цветами ассоциируется у Вас история Вашего проекта? Почему Вы решили создать этот проект? Что Ваш проект даёт людям? Кто эти люди по профессии? Это только женщины или только мужчины? Или Ваши товары и услуги подходят и тем, и другим? Как Вы хотите, чтобы они себя чувствовали при взаимодействии с Вашим проектом? Ваш проект может их утешить, или вдохновить, или впечатлить? Какой статус у Вашего проекта: местный, национальный, международный? Есть ли в культуре Вашей страны цвета с особым значением? В какой нише Вы осуществляете свою деятельность (образование, еда, медицина, технологии, финансы, экология или что-то ещё)?
Учитываем психологию цвета и значение цвета
Цвет | Что значит | Как влияет |
Красный | страсть, волнение, гнев, решительность, смелость | стимулирует, возбуждает. привлекает внимание |
Оранжевый | дружелюбие, жизненная сила, оптимизм, молодость | побуждает к действиям, активности, реализации |
Жёлтый | счастье, молодость, оптимизм | |
Зелёный | связь с природой, стабильность, процветание | тёмные оттенки ассоциируются с деньгами и достатком |
Голубой | спокойствие, доверие, открытость | |
Синий | профессионализм, безопасность, доверие | активно используется в финансах, здравоохранении, технологиях |
Фиолетовый | креативность, богатство, роскошь | |
Розовый | женственность, молодость, невинность | ассоциируются с женщинами или японской вишней |
Коричневый | консерватизм, опыт, уверенность и долговечность | используется редко и с осторожностью |
Белый | чистота, здоровье, простота | |
Чёрный и серый | роскошь, элегантность, классика, стиль | подходит для премиальных товаров и услуг |
Восприятие цвета зависит также от самого дизайна, в который он помещён, и от доли цвета в этом дизайне. Например: если в дизайне много жёлтого цвета, это может вызвать ощущение беспокойства и дешевизны. Много чёрного цвета в дизайне усилит депрессивное настроение. А вот много синего или зелёного укрепит чувство безопасности и стабильности. Вот почему во многих финансовых учреждениях используют эти цвета.
Придерживаемся руководства при выборе цветов
Единых формул для выбора фирменных цветов нет. Но для ориентира можно следовать этим несложным рекомендациям.
- Фирменная цветовая гамма (цвета, которым в данном проекте отдаётся предпочтение) традиционно включает 3-4 цвета: один базовый цвет, один цвет для акцента и 1-2 нейтральных цвета для дополнительных задач.
- Если автор проекта предпочитает одноцветную палитру, тогда всё равно понадобится подобрать 2-3 оттенка основного цвета для разных задач.
- Чтобы определить базовый цвет, ориентируемся на характер проекта и психологию цвета. Основной цвет выбираем в первую очередь.
- Так же, как и основной цвет, цвет для акцента должен отражать характер проекта и визуально сочетаться с основным цветом.
- Нейтральные цвета не должны перетягивать на себя внимание. В качестве нейтрального цвета обычно используют оттенки серого или бежевого. Белый тоже подходит. Можно использовать и чёрный, но с осторожностью (он склонен к доминированию в любой цветовой гамме).
Шрифты и фирменный стиль фотографий
Разработка фирменного стиля включает также типографику: подбор фирменных шрифтов, обговаривание правил вёрстки текстов и т.д. Ведь каждый шрифт (так же, как и цвет) имеет свой характер и особенности восприятия. Согласно правилам разработки фирменного стиля рекомендуется использовать не более 2-3 шрифтов (один основной и два дополнительных для вспомогательных задач).
Подбирая фотографии для иллюстрирования статей, учитывайте фирменный стиль компании, сайта, проекта. Все изображения должны смотреться гармонично в сочетании с другими элементами корпоративной айдентики. Не смешивайте разные стили изображений в рамках одной статьи.
Цветовые схемы для выбора фирменных цветов
Подбирая фирменные цвета, придерживаемся определённой цветовой схемы. Есть несколько основных схем, которые помогут правильно подобрать цвета:
Комплементарная цветовая схема
Основана на использовании диаметрально противоположных цветов. Сочетание таких цветов создаёт ощущение динамичности, вызывая стимулирующий эффект. Подойдёт для смелых ярких экспрессивных проектов.
Такую цветовую схему легко создать на бесплатном сервисе Adobe Color. Для этого нужно выбрать в меню слева тип схемы (комплементарная) и задать основной цвет при помощи цветового колеса. Сервис сам сгенерирует подходящие цвета. После этого просто сохраните палитру е себе на компьютер.
Триадная цветовая схема
Использует 3 цвета на одинаковом расстоянии друг от друга на цветовом круге. Сначала определяем базовый цвет, затем – по триадной схеме – подбираем 2 остальных цвета. Формирует контрастную, но хорошо сочетаемую палитру цветов. При помощи триады можно подобрать как яркие цвета, так и бледные или затемнённые оттенки. Создать триаду для своего проекта также можно на сервисе Adobe Color.
Аналоговая цветовая схема
Использует 2 и больше цветов, расположенных рядом на цветовом круге. Смежные цвета оказывают похожее эмоциональное влияние. Поэтому схему заслуженно считают беспроигрышным вариантом. Такая схема формирует спокойную, однородную, благородную палитру. Подойдёт серьёзным деловым проектам. Создать аналоговую палитру для своего проекта также можно на сервисе Adobe Color.
Монохроматическая цветовая схема
Основана на сочетании оттенков одного цвета. Выбирая эту схему, определяем (помимо основного цвета) 2-3 оттенка, чтобы фирменный стиль не выглядел однообразным. Такая схема подойдёт для небольших проектов, сосредоточенных на одной черте характера. Также схема будет идеальным решением для проектов, которые выбрали для себя минималистический фирменный стиль, или для проектов, у которых ярко доминирует один цвет корпоративного стиля. Создать монохроматическую палитру для своего проекта также можно на сервисе Adobe Color.
Если сомневаетесь или опасаетесь выбрать что-то не то, тогда лучше обратиться к профессионалу. Но не загоняйте себя в рамки правил. Прислушивайтесь к своим внутренним ощущениям. Если хотите изучить цветовые сочетания основательнее, советую найти в свободном доступе книгу Иоханнеса Иттена «Искусство цвета».
Сервисов для создания фирменного стиля много. Просто выберите тот, в котором Вам будет максимально комфортно работать. Например: Swiss Color (бесплатный сервис, при помощи которого за пару минут можно создать палитру фирменных цветов), Canva, Logaster (онлайн сервис по созданию логотипов и других фирменных атрибутов) и т.п.
Создание палитры на основе фотографии
В программе PowerPoint
Что делать, если проект молодой, и у него нет никакого брендбука (в буквальном смысле из всех элементов фирменного стиля – аж один логотип)? А Вас при этом просят оформить презентацию «в фирменном стиле». Подберите фирменные цвета для презентации, вычленив их из того, что есть, – из логотипа компании. Для этого зайдите на сайт компнии, сделайте скриншот её логотипа или всего первого экрана и вставьте в созданный файл PowerPoint. А далее при помощи инструмента «пипетка» выделите основные цвета, какие есть на логотипе, и добавьте их в шаблон презентации. Инструмент «пипетка» есть только в новых версиях программы PowerPoint. Если у Вас более старая версия программы, и пипетки в ней нет, тогда посмотрите, как извлечь нужный цвет без пипетки:
На сервисе Coolors
«Вытянуть» цвета из фотографии можно и на сервисе Coolors. Это – простой бесплатный онлайн генератор цветов. Формирует палитру из 5 цветов. Нажимая на пробел, можно листать палитры. Если какой-то цвет приглянулся, зафиксируйте его, нажав на замок, и тогда при смене палитры он не исчезнет. Или просто выпишите себе код этого цвета.
Если нажать на решётку (вторая сверху функция), то генератор создаст палитру оттенков выбранного цвета.
Если нажать на иконку фотоаппарата, можно будет загрузить своё фото и вычленить цвета с фото.
Фирменный стиль: UI-кит и мудборд
UI-кит для сайта
Если Вы подбираете фирменные цвета для своего сайта, то лучше всего создать так называемый UI-кит сайта. Это – документ, в котором представлены все элементы интерфейса, которые используются на сайте с указанием размеров и кодов цветов. Такая шпаргалка поможет и на стадии создания сайта, и позже – при подборе фотографий для статей или создания фирменных иллюстраций в том же цветовом стиле. Благодаря UI-киту можно будет охватить макет сайта одним взглядом и добиться гармоничного сочетания всех элементов сайта.
- Итак, все элементы сайта должны органично сочетаться друг с другом. Элементы сайта с разными функциями не должны быть одного цвета.
- Не допускайте «цветной каши» на сайте: цвета не должны перетягивать на себя всё внимание и мешать восприятию информации на сайте.
- При вёрстке статей выделение текста цветным шрифтом или использование заливок делайте на основе выбранных фирменных цветов.
- Проверьте, нет ли на сайте грубых ошибок: например, красная кнопка «Купить» и зелёная кнопка «Отмена» (всё должно быть наоборот).
Мудборд для соцсетей
А если Вы готовите фирменный стиль для оформления аккаунта в социальной сети, то лучше создать так называемый мудборд. Приступать к созданию мудборда следует тогда, когда Вы уже определились с основными цветами для фирменного стиля.
Мудборд часто называют палитрой настроения. Это – свободная композиция, составленная из нескольких элементов фирменного стиля (не всех, только некоторых). На одном мудборде может быть несколько фотографий в фирменном стиле, хорошо демонстрирующих основной фирменный цвет, общая палитра фирменных цветов, логотип, фирменные шрифты и что-то ещё. Цель создания мудборда – визуализировать идеи, историю, ценности проекта. Можно создать несколько мудбордов – чтобы глубоко проникнуться и вдохновиться сутью проекта. Некий срез брендбука, лайт-версия брендбука, своеобразная шпаргалка для создания нового элемента бренда. Одного взгляда на мудборд достаточно, чтобы понять, в каком стиле креативить.
Можно поступить и по-другому. Начать создавать мудборд до того, как Вы определили фирменные цвета. Вы подбираете картинки, максимально точно отражающие характер Вашего проекта. Потом загружаете мудборд на любой генератор цветовой палитры и «вытягиваете» из мудборда фирменные цвета.
Заключение
Создание фирменного стиля – увлекательный этап в развитии проекта. Даже самый юный или узконишевый проект стоит того, чтобы потратить немного времени и разработать фирменный стиль, подобрать фирменные цвета, составить пусть не брендбук, но хотя бы мудборд. Вдохновились? Тогда – скорее за творчество! Просто помогите своим любимым проектам набрать скорость! Если статья была полезной для Вас, напишите мне об этом в комментарии под статьёй.
© Ирина Иваськив
Залишити відповідь