Как разработать стиль дизайна

Создаем фирменный стиль. Пошаговое руководство

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

Если ваш бренд находится на ранних стадиях развития или готовится к ребрендингу, и вы не знаете, с чего начать, эти советы помогут вам сделать все правильно.

Шаг 1: Определитесь со стратегией вашего бренда

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

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

Имея четкую стратегию бренда, утвержденную руководством, вы можете сосредоточиться на создании фирменного стиля.

Шаг 2: Поймите, что такое бренд и что делает его выдающимся

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

Систему презентации визуализации данных

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

Убедитесь, что ваш фирменный стиль:

— Имеет высокую различительную способность — выделяется среди конкурентов и привлекает внимание;

— Запоминающийся — задача вашего фирменного стиля эффективно взаимодействовать с аудиторией даже в условиях, когда название бренда отсутствует в поле зрения;

— Масштабируемый и гибкий — фирменный стиль должен с легкостью расти и развиваться вместе с брендом;

— Органичен — каждый элемент дополняет целостный образ и незаменим;

— Целостен — все элементы фирменного стиля присутствуют и могут быть использованы вашей командой дизайнеров.

Шаг 3: Проведите тщательное исследование

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

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

— Изучите свою аудиторию, ее предпочтения, стиль жизни — ваш бренд должен резонировать с ценностями и ожиданиями аудитории.

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

— Изучите собственный бренд и продукт, каким его видят сотрудники компании и целевая аудитория. Определите, каковы ваши главные преимущества, ценности, миссия, видение, причины верить вашему бренду, каков язык вашего бренда и др.

Шаг 4: Стройте систему айдентика

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

Мы часто используем на этом этапе так называемые карты ассоциаций — помогающие найти наиболее яркие и неожиданные образы для будущего фирменного стиля среди ассоциаций второго и третьего порядка.

Логотип

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

Палитра цветов

Когда у вас есть четкие визуальные образы, начинайте экспериментировать с цветов. исследовать цвет. Хорошая цветовая палитра чистая и гибкая, предоставляет дизайнеру достаточно выбора, чтобы быть креативными, но не перегружает.

Обычно палитра бренда включает: один базовый фирменный цвет, два дополнительных цвета, от 3 до 5 вспомогающих цветов, а также до 2 акцентных цветов.

Типографика

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

Старайтесь не использовать более 2-3 шрифтов. Среди них выделите основной фирменный шрифт, а также вспомогательные шрифты, которые будут использоваться для определенных целей, акциденции, либо в случае, когда использование основного шрифта невозможно.

Система дизайна фирменного стиля

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

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

Фотографии и иллюстрации

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

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

Шаг 5: Создайте руководство по фирменному стилю

Худший сценарий — красивый брендбук, который никогда не используется.

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

Источник

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

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

Миссия Ferrari — создавать спортивные автомобили с итальянским дизайном, которые будут одинаково хороши, как на трассе, так и на дороге. Таким образом, Ferrari погружает водителя в атмосферу скорости, пускай даже, если ему большую часть времени приходится скучать в столичных пробках.

Схожая история со многими модными брендами. Например, рюкзак Louis Vuitton — показатель роскоши, о чем говорят не только подобранные цвета (преимущественно золотой и черный), но и общественное мнение (преимущественно ошибочное). Благодаря правильному обрамлению, прикоснувшись к бренду вы ощущаете себя статуснее.

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

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

Большинство дизайнеров не думают о таких вещах, ориентируясь на тренды, случайное вдохновение или смену настроения из-за дождливой погоды или отсутствия поблизости кофейни ДаблБи. Профессионалы же первым делом вникают в суть проекта, пытаясь определить его посыл, и только после этого приступают к поиску вдохновения.

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

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

Я посоветовал молодому дизайнеру выбрать более теплые тона и мягкие шрифты, чтобы правильно передать посыл. Потенциальный покупатель даже не задумается об этом, но в подсознании у него несомненно сформируется определенное впечатление. Задача визуального стиля — чтобы это впечатление было правильным.

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

Красный — опасность, страсть, волнение, энергия.
Оранжевый — свежесть, творчество, авантюра.
Желтый — оптимизм, задор, игривость, счастье.
Зеленый — натуральный, природа, здоровье.
Синий — общение, надежность, спокойствие.
Фиолетовый — величество, духовность, таинственность.
Коричневый — польза, честность.
Розовый — женственность, сентиментальность, романтичность.
Черный — утонченность, формальность, роскошь, печаль.
Белый — чистота, простота, невинность, минимализм.

Но не нужно становится их заложником. Когда вы создаете новый бренд, взять нетипичный цвет или стиль будет отличным маркетинговым ходом. Выбрав в качестве своего логотипа яблоко, Apple выделило себя среди конкурентов, коих и тогда было достаточно. Сами посмотрите, прошло уже более 40 лет, но до сих пор яблочный логотип отличается от большинства ИТ-компаний.

Virgin Group, основанная Ричардом Брэнсоном, выбрала красный цвет и взлетающее вверх написание логотипа, чтобы передать черты эксцентричного основателя. В конгломерат входит множество компаний из различных областей (от издательства до космического туроператора) и все они используют одни цвета и один посыл, потому что ключевую вещь в определении визуального языка играет не сфера деятельности, а философия бренда.

Определившись с посылом, можно приступать к поиску вдохновения. Но, прежде чем перейти к практическим советам, я хочу напомнить одну очень важную вещь.

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

Поэтому те, кто переживают из-за отсутствия вдохновения, непременно проиграют тем, кто его не ждет, а ежедневно оттачивает свое мастерство.

Инновация — это комбинация существующих идей, а не создание новых. Следовательно, лучшие идеи создают дизайнеры, которые умеют использовать накопленный опыт для решения конкретной задачи”

Не переживайте, когда увидите, что первые годы ваши работы будут сильно уступать другим. Засучите рукава и наберитесь терпения. Всему свое время.

Самым популярным способом поиска вдохновения для дизайнеров являются Dribbble и Behance. Это хороший инструмент, но в нем есть одна проблема. Все профессиональные сферы в какой-то момент начинают замыкаться в себе, перелопачивая одни и те же идеи, поэтому, если вы хотите создать что-то уникальное, необходимо смотреть вне привычных источников.

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

Понравившиеся идеи собирайте в отдельную подборку, которую чаще всего именуют мудбордом. Это можно делать в Pinterest или прикрепляя фотографии на доску (отличный способ, так как собранные идеи всегда будут на виду). Помимо этого, вы можете использовать Buckets на Dribbble, Board в InVision и любой другой способ (хоть папку на рабочем столе), который вам покажется удобным.

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

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

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

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

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

Источник