Иллюстрация бренда 101: Визуализация повествования

Иллюстрация дает вам крылья!

Помните те старые рекламные ролики Red Bull начала 2000-х? Анимированные, где небрежно нарисованные персонажи с большими носами пыхтели из тонкой банки, отращивали крылья и весело порхали вверх, вверх и вдаль? Конечно, вы делаете. Стиль и юмор были безошибочны и стали неотъемлемой частью сообщения Red Bull. Во многих смыслах эта дурацкая реклама была предшественником быстро растущей практики в современном мире брендинга.

Что такое система иллюстраций бренда?

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

Система иллюстраций бренда — это набор изображений с единым настроением и стилем, которые разъясняют обещание бренда, часто с намеком на человеческий опыт (юмор, надежда, ирония и т. д.).

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

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

Почему полезна система иллюстраций бренда?

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

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

Второй ответ — постоянство. Последовательный брендинг (т. е. обещание) создает ожидания для бизнеса, и люди вознаграждают оправдавшиеся ожидания лояльностью.

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

Как ведущие бренды успешно внедряют системы иллюстраций?

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

Слабый

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

Элис Ли — талантливый иллюстратор этих изображений, и она отлично справляется с объяснением своего видения созданной ею системы иллюстраций для брендинга: «Мне нравится раскрывать игривость и теплоту «серьезных» концепций, таких как деловое сотрудничество — с ограниченной палитрой, очень энергичное движение и композиционное нарушение сетки».

Shopify

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

С непринужденным подходом к человеческой форме и свободно нарисованными линиями команде иллюстраторов Shopify удалось разработать стиль, который является непринужденным, но визуально динамичным, простым, но сложным. Этот баланс интересен тем, что отражает суть обещания бренда: «Идеально подходит как для новичков, так и для экспертов».

Дропбокс

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

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

Как можно создать систему иллюстраций бренда?

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

1. Знайте бренд.

• Это очевидно, но не следует упускать из виду. Если вы не знаете бренд, маловероятно, что сделанные вами иллюстрации найдут отклик у аудитории, на которую вы пытаетесь повлиять. Знание бренда идет глубже, чем знание визуальной идентичности. Вы должны знать обетование. Кем хочет быть бренд? Как они хотят, чтобы их воспринимали? Кого они пытаются достичь?
• Знать бренд не так уж и сложно. Если вы умеете читать, делать заметки, задавать вопросы и пользоваться поисковой системой, вы найдете все, что вам нужно.

2. Понять, какие иллюстрации нужны и как они будут использоваться.

• Вашему клиенту нужны точечные иллюстрации? Иллюстрации к иконкам? Полнокадровые иллюстрации?
• Иллюстрации для сайта? Для приложения? Обе?
• Будут ли иллюстрации использованы для печати? Для упаковки? А большие форматы?
• Существуют ли идеальные размеры или пропорции, в которые должны вписываться иллюстрации? Должны ли они по-прежнему быть разборчивыми при сверхмалых размерах?

3. Выделите время для достаточного визуального исследования.

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

4. Стремитесь к индивидуальному, но гибкому стилю.

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

5. Рассмотрите возможность создания списка критериев/правил, которым должны соответствовать все иллюстрации.

• Если у вас возникли проблемы с созданием единой коллекции иллюстраций, заведите для себя несколько простых правил. Они могут быть произвольными или однозначно привязанными к визуальной идентичности бренда. Вот краткий список примеров для начала:

  • Я буду использовать только карандаши Conte.
  • Каждая иллюстрация должна включать круг, квадрат и треугольник.
  • Я буду рисовать лица только из бокового профиля.
  • Ни одна иллюстрация не может иметь более двух цветов.

6. Не недооценивайте важность цвета.

• Стратегию использования цвета в системе иллюстраций вашего бренда необходимо учитывать на самых ранних этапах визуального исследования.
• Вот ссылка на увлекательное новое исследование под названием Branded in Memory, в котором людям предлагалось воссоздать десять культовых логотипов по памяти. Исследование показало, что 80% людей смогли вспомнить правильные цветовые схемы бренда, в то время как формы и другие визуальные элементы запомнить было гораздо труднее.

Другие полезные советы

1. Создайте место или мир для системы иллюстраций.

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

2. По возможности работайте в векторном формате.

• Не навязывайте это в любом проекте, но если это соответствует видению, а растровая графика не оказывает существенного влияния, используйте вектор.
• Зачем это делать? Редактировать быстрее. Изменение размера проще (без пикселизации). Цвет более гибкий. Размеры файлов обычно меньше. Более того, дизайнерам, не имеющим навыков рисования от руки, будет легче добавлять новые и согласованные активы по мере развития системы.

3. Будьте осторожны, чтобы не создать персонажа, который непреднамеренно станет талисманом.

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

Что делает систему иллюстрации бренда значимой?

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

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

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт