Прежде чем погружаться с головой в разработку айдентики (логотипа, цветов, типографики), важно определиться с общим тоном вашего бренда и перенести его в визуальную плоскость.
Идеальный инструмент для этого — мудборд!
Вы читаете перевод статьи «Creating A Mood Board And Exploring Brand Visuals». Переводы — это один из моих способов исследовать возможности в творческом мире. Над переводом работали Настя Никсен и Оля Жолудова.
Для начала подберите набор слов, которые передают тон вашего бренда
Слова, которые отражают тон вашего бренда, служат мостиком между чем-то очень абстрактным (всей информацией в вашем Brand Canvas*) и чем-то визуальным (готовым мудбордом и, как результат, айдентикой бренда).
*Brand Canvas — «канва бренда», визуальный фреймворк для детальной проработки бренда в плоскостях истории (story), символов (symbols) и стратегии (strategy).
Итак, представьте, что вам нужно описать весь ваш бизнес: различные концепции работы, различные тематики и сферы, историю бренда и прочее — лишь в пяти словах. Что это будут за слова?
Например, мы в Wandering Aimfully пришли к таким словам:
прикольный (funky), современный (modern), уверенный (bold), яркий (vibrant), дружелюбный (friendly), всегда в поиске (seeking)
Да, здесь у нас получилось шесть слов. Мы немного смухлевали и решили добавить еще одно определение (всегда в поиске). Мы сошлись на том, что оно не идеально отражает наш бренд, но это самое близкое, что мы смогли найти, чтобы описать нашу тягу к постоянным исследованиям. Был еще вариант «в поиске приключений» (adventurous), но в нем слишком много этакого духа покорения гор, а нам хотелось отразить более осторожные и прицельные исследования. Поэтому мы сошлись на «всегда в поиске» (seeking). Мы понимали, что превратить это определение в визуальные образы — непростая задачка, но трудности нам не страшны!
Шаги по созданию мудборда бренда
Если вы никогда раньше не создавали мудборды, следуйте моей пошаговой инструкции — и у вас все получится:
Шаг 1: Прикалывайте (pin) на свою доску всё подряд!
Быстрый вопрос: у вас бывают сложности с принятием решений по брендингу? Бывает, что вы буксуете на этапе принятия решения и не можете пойти дальше? Если да — не переживайте, вы не одиноки!
У меня в арсенале есть один ментальный инструмент, который помогает не застревать при принятии решений. Я называю его «три сети».
Представьте, что у вас есть три сети: большая, средняя и маленькая. Никто не требует, чтобы вы сразу подобрали 10 идеальных изображений для мудборда своего бренда. Вместо этого, достаньте свою большую сеть и «выловите» много разного материала на выбор. Потом сделайте доску в Pinterest и приколите (pin) туда ВСЁ. Я прикалываю на свою доску любой визуал, который мне откликается и соответствует хотя бы одному определению из моего списка. Вот, к примеру, наша доска в Pinterest, которую мы наполняли на этом шаге:
Мне было важно, чтобы мой партнер Джейсон тоже поучаствовал и приколол на доску какие-то картинки — хотя ему этот процесс не очень по душе. Тем не менее, если вы работаете в паре, СУПЕР важно, чтобы оба человека поучаствовали в процессе — так вы синхронизируетесь в визуальном плане!
Формируйте свою визуальную лексику
Если поиск визуальных референсов дается вам сложно, или вы не понимаете, как связать ваши определения с визуальными образами, рекомендую вам развивать и расширять свою «визуальную лексику».
Визуальная лексика — это ваша способность передавать определенные эмоции и чувства посредством визуальных элементов.
Это ваша ментальная библиотека, где хранятся связи между разными настроениями и визуальными образами, которые им соответствуют.
К примеру, посмотрите на четыре изображения (ниже) и попробуйте сопоставить их с определениями, передающими тон и настроение: трендовый, романтичный, морской и модный.
А теперь ответы (надеюсь, вы угадали!): 1 = морской; 2 = модный; 3 = романтичный; 4 = трендовый.
Вот на какие сигналы мы опираемся при сопоставлении:
- красный, белый и синий + полоски и простота дизайна первого изображения навевают морскую тему;
- сочетание черного и белого, курсивный шрифт с засечками и тонкие линии делают второе изображение модным;
- розовые цветы и рукописный шрифт делают третье изображение романтичным;
- и, наконец, четвертое изображение выглядит трендово за счет неонового цвета, потертой текстуры и жирного шрифта.
Видите, как отдельные элементы дизайна задают общий тон всего изображения? В следующий раз, когда увидите какое-нибудь изображение (рекламу в журнале, пост в инстаграме и т.п.), задумайтесь: какие чувства оно вызывает? Какие определения сразу приходят в голову (счастливый, позитивный, хмурый, свежий, уютный и т.п.)? Попробуйте уловить, какие конкретные визуальные элементы вызывают у вас такие чувства? Так вы постепенно разовьете свою визуальную лексику и расширите свою ментальную библиотеку разных образов и настроений.
Шаг 2: Ищите общие мотивы и сужайте свою подборку в пределах этих мотивов
Теперь самое время достать среднюю сеть! Изучите свою подборку изображений и выделите среди них какие-то общие мотивы. Начните удалять из подборки изображения, которые выпадают из этих мотивов.
Мне нравится создавать так называемый «спектр настроения». Я создаю доску в Adobe Illustrator и размещаю на ней свои пять (шесть) слов, а потом начинаю добавлять под каждым словом изображения, которые соответствуют ему по настроению. Иногда одно изображение соответствует двум словам: тогда я размещаю его на границе между словами.
Это помогает более явно провести параллели между словами и визуальными образами — и убедиться, что я охватила все слова. И если какое-то изображение не вписывается в общий тренд — я его удаляю.
К примеру… ниже я разместила «спектр настроения» под свою подборку из шести слов. Среди изображений, подобранных в ходе первого шага, было одно, которое казалось прикольным и ярким, но в сравнении с остальными оказалось слишком темным и загадочным. Я заметила, что оно выбивается, и убрала его.
Шаг 3: Еще сократите подборку изображений и создайте мудборд
Создайте мудборд на базе своего «спектра настроения». Раньше я создавала мудборды с очень четкой сеткой. Сейчас я предпочитаю размещать изображения на доске более естественным образом. Мне нравится когда они слегка наслаиваются друг на друга, словно это настоящая, физическая доска.
Йух-ху! Отпразднуем!
Погрузитесь в вайб своего мудборда и вытащите из него конкретные шрифты, цвета и графические элементы
Теперь пора поиграть!
Формирование айдентики бренда может быть очень непростой задачей, даже если у вас на руках уже есть мудборд. Поэтому я включила в свой рабочий процесс этап «исследования», в ходе которого даю себе полную свободу экспериментировать и исследовать разные элементы своего мудборда. Это такой визуальный мозговой штурм, разминка!
Первым делом я выношу на отдельную палитру все цвета из мудборда, которые меня цепляют. (Обычно оказывается, что многие цвета в изображениях мудборда повторяются — это происходит неосознанно). Далее я открываю документ в Adobe Illustrator и размещаю выбранные цвета вверху доски. Забегая вперед, скажу, что палитра цветов скорее всего будет сужаться и меняться в процессе, но в основе ее будет лежать именно мудборд.
Кроме того, я вытаскиваю из мудборда шрифты, которые кажутся мне достойными внимания. Жирный шрифт на изображении ниже я как раз взяла из одной картинки в своем мудборде: мне нужен был какой-то акцентный шрифт, а этот показался мне достаточно современным, и в то же время он вполне уместно смотрелся бы на обложке какого-нибудь скрапбука — а это хорошо соответствует моей истории бренда (Brand Story).
На этом этапе я еще раз сверяюсь с «канвой бренда» (brand canvas), чтобы убедиться, что я двигаюсь в правильном направлении. Я спрашиваю себя: моя палитра и мудборд соответствуют истории бренда (Brand Story), которую мы прописали в канве? Отвечает ли этот визуал нашим ценностям, нашей истории происхождения, нашему бизнесу в целом?
В данном случае подобранная палитра мне понравилась: она получилась достаточно яркой, энергичной и не слишком приглушенной — за счет присутствия синего, голубовато-зеленого и оттенков серого/черного.
А еще мне понравился баланс мужских и женских энергий в палитре: теплые оттенки и розовые тона несут в себе настроение женственности, а синий, мятный и черный выглядят мужественно и круто. По сути это отражает наш дуэт: меня и Джейсона. Кроме того, Wandering Aimfully как бизнес тоже сочетает в себе много дуальных аспектов.
Повторюсь: палитру и мудборд потом можно будет скорректировать и сузить, но на данном этапе нам важно иметь какие-то отправные точки. Так нам будет проще прорабатывать брендинг.
В завершение этого шага, я изучаю свой мудборд и вытаскиваю из него разные визуальные элементы, с которыми можно поиграть на стадии исследований и экспериментов. Вот какие визуальные элементы я выбрала из своего мудборда:
- Коллаж/слои
- Рукописный шрифт
- Рваная бумага
- Совмещение фотографий и рисованных элементов
- Обработка фото в стиле дуотон
Проведите тест-драйв элементов бренда
Чтобы понять, как элементы бренда сочетаются между собой, мне нужно поместить их в реальную среду. Поэтому я обычно использую в своих экспериментах реальные лейауты сайта или блога, графику из дизайна сайта и картинки из соц.сетей. В конечном счете визуальный образ, который мы проработаем, будет транслироваться именно на сайте и в блоге — так почему сразу не протестировать отдельные элементы бренда?
Вот несколько моих скриншотов из Adobe Illustrator. Повторюсь: я не преследую цели задизайнить сайт — мне нужно просто посмотреть, как потенциальные шрифты цвета и графические элементы будут выглядеть в сочетании друг с другом в реальной онлайн-среде.
Вот собственно и всё!
В заключение о брендинге
Мне бы хотелось коснуться еще одной важной вещи относительно брендинга. У вас ВСЕГДА будут сомнения, всё ли вы правильно делаете. Вы всегда будете спрашивать себя: я точно двигаюсь в правильном направлении? Моей аудитории это понравится? Достаточно ли это [вставьте слово, каким вы хотите, чтобы это было]?
Призываю вас помнить одну важную мысль: сделанное — лучше идеального. Не используйте брендинг как отговорку, чтобы не реализовывать свои идеи. Не стоит тратить три недели на подбор идеального оттенка зеленого. За эти три недели вы можете сделать столько важных шагов по запуску своего бизнеса и привлечению клиентов!
В рамках примера, который я описывала в этой статье, я потратила на проработку брендинга всего два дня. По моим меркам это НЕСЛЫХАНО! Но знаете что? Я ощутила такое чувство свободы! Я двигалась интуитивно, и у меня просто не было времени думать о бесконечных «что если».
Доверяйте интуиции! Принимайте решения. И помните: ничто не вечно. Поэтому — только вперед! У вас все получится.