визуализация логотипа что это

Брендбук: визуализация миссии компании

Аспирант направления «Дизайн» Роман Егоров рассказал блогу Нетологии, из чего состоит «правильный» брендбук и зачем он нужен компании.

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

Основа — миссия компании. Другая составляющая бренда — визуализация. Логотип, шрифт, корпоративные цвета, макеты для полиграфии.

Обучение в онлайн-университете: профессия «Дизайнер коммуникаций»

Зачем нужен брендбук

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

Пример брендбука. Источник: Behance

Ингредиенты правильного брендбука

Давайте пройдемся по основным элементам брендбука:

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

Миссия компании Microsoft. Полная версия по ссылке

Юридические особенности. Здесь регламентируются авторские и смежные права на интеллектуальную собственность в отношении элементов бренда.

Гайдлайн логотипа, то есть правила работы с ним. Логотип — главный элемент визуализации бренда, подпись компании. Для того чтобы не искажался его размер, цветовая гамма и не менялась форма, в брендбуке подробно описывается, как работать с логотипом. Какие цвета использовать, как изобразить лого в черно-белом формате, горизонтальные и вертикальные варианты — описывается в этом разделе.

Особенности логотипа бренда Pepsi. Полная версия по ссылке

Цветовая гамма. Публичные компании, такие как Coca-Cola или Яндекс, часто ассоциируются с определенным цветом. Брендбук определяет, какие оттенки для бренда использовать в публичном пространстве.

Цветовая гамма «Яндекс.Такси». Источник: архив студии DS.INDSD

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

Теглайны компании Walmart: «Сохраняйте свои деньги. Живите лучше». Полная версия брендбука по ссылке

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

Особенности применения фирменного шрифта для сети ресторанов. Источник: архив агентства Superbig Creative

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

Как писать для социальных сетей компании Mailchimp

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

Инструкция «Модульбанка» по подбору изображений. Автор — Люда Сарычева

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

Описание правильной страницы интернет-магазина в гайдлайне для реселлеров Apple

Политика PR. Брендбук содержит правила работы по каждому рекламному каналу, будь то социальные сети или печатные СМИ.

Правила коммуникации компании «Подряд» в разных каналах

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

Как применять логотип компании Skype. Полная версия брендбука по ссылке

Для кого создается брендбук

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

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

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

СМИ. Брендбук дает журналистам четкое представление о стилистике бренда и миссии компании, необходимых для написания статей и новостей о компании.

Примеры хороших брендбуков

Medium — платформа для социальной журналистики. В брендбуке уделено много внимания цветовой гамме, типографике, целям и принципам проекта.

Презентация брендбука компании на Behance

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

Mini — производитель городских автомобилей. В брендбуке нет ярких цветов и рекламных слоганов, зато есть строгий стиль и множество деталей.

Полная версия брендбука по ссылке

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

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Источник

Айдентика: зачем бренду нужно визуальное «лицо» и как его создать

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

Что такое айдентика

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

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

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

Зачем нужна айдентика

Айдентика бренда выполняет сразу несколько функций.

1. Выделяет бренд среди других, уникализирует его присутствие на рынке. Помогает «впечатать» образ компании в сознание покупателя, чтобы из конкурирующих марок человек выбирал ту, которая помечена айдентикой знакомого бренда.

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

Логотипы медицинских брендов. Источник

3. Объединяет сотрудников компании, помогает создать принадлежность к одному сообществу, мотивирует.

Как создать свою айдентику

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

Определение идеи

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

И так далее. Выберите несколько основных, чтобы мысль не расплывалась.

Сбор референсов

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

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

Во-вторых, площадки с дизайн-контентом. Есть целые сайты, где дизайнеры выкладывают свои работы: сайты, логотипы, анимации, рекламные баннеры, иллюстрации. Самые популярные и крупные — Behance и Dribbble.

Искать лучше на английском, все же это англоязычные ресурсы. Что было удобно, здесь есть дополнительные возможности поиска. Например, ниже на скриншоте — результаты поиска по запросы «identity», а сайт еще предложил связанные запросы.

Behance выдает результаты поиска и связанные запросы

Почти каждый пост на Behance — это целый кейс с описанием целей, задач и процесса разработки.

Часть описания поста на Behance

На Dribbble можно найти работу по цвету: заходите, открываете палитру цветов в нижнем левом углу изображения и кликаете на нужный.

Поиск работ по цвету на Dribbble

В-третьих, соцсети. Идите туда, где упор идет на визуал: в Instagram и Pinterest. В Instagram ищите по тематическим хештегам, в Pinterest есть обычный поиск. И там, и там лучше тоже использовать английский.

Популярные посты по хештегу #logo в Instagram

Создание мудбордов

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

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

Пример мудборда. Так красиво делать необязательно, просто соберите все референсы в одном месте

Логотип

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

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

Современный дизайн тяготеет к анимации вместо сложных рисунков в логотипах. Пример такого лого — Австралийская опера. Их лого состоит всего из двух букв: O | A (Opera Australia), но на его анимации построена вся айдентика бренда. Посмотрите это короткое видео:

Австралийская опера использует один и тот же лого почти 10 лет. Это еще раз показывает, что стильный минималистичный логотип может быть безвременным.

О чем помнить, когда работаете с логотипом:

Цвета

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

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

Чтобы скачать палитру, нажмите на значок скачивания справа от нее

Pinterest тоже можно использовать для поиска цвета. Вот, например, результаты поиска по запросу «color palette» — множество изображений, разложенных на основные цвета. Смотрите, с какими предметами, настроениями, пейзажем могут ассоциироваться разные наборы.

На Pinterest можно найти много цветовых сочетаний

Начать подбор можно со сравнения с другими компаниями в вашей отрасли. Например, ниже результаты по запросу «law firm design» том же Pinterest. Сразу видно, что юридические компании предпочитают темные спокойные цвета: оттенки серого, синего, коричневого.

Примеры тематического дизайна для юридических фирм

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

Вот сервисы, в которых можно составить цветовое сочетание, разобрать картинку на основные цвета и даже проверить, как люди с дальтонизмом будут видеть выбранную палитру:

Шрифты

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

Например, для верстки сайта вам понадобятся такие шрифты:

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

Автоматизация email рассылок

Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.

Паттерн

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

Покажу примеры паттернов в айдентике. Первый — французское издательство Corps Reviver, оно переиздает старые книги. Две перевернутые V используются и в названии, и в логотипе, и в паттерне как символ движения, стремления к новому. Так паттерн выглядит в статике на печатной продукции:

Паттерн из повторяющегося логотипа Corps Reviver на флаерах

А так — в динамике на главной странице сайта. Я вижу в этом дыхание, перелистывание книжных страниц:

Анимированный паттерн из логотипа на главной странице сайта Corps Reviver

Еще пример — музей Ван Гога в Амстердаме. Здесь в качестве паттерна выбрана имитация мазков художника, его узнаваемый стиль:

Паттерн, имитирующий манеру письма Ван Гога

Ну и пример, который известен практически всем в СНГ — оператор сотовой связи «Билайн» и его неповторимый цветовой паттерн в черно-желтую полоску. Очень сложно в шарфе ниже видеть просто шарф, а не рекламу «Билайна». Это и есть основная задача айдентики, чтобы в любом носителе сразу узнавали компанию.

Фирменный паттерн «Билайна» ложится на любые носители

Отрисовка на фирменных носителях

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

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

Стиль графики

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

Например, вот иллюстрации на блоге компании Dropbox. Картинки разные, но чувствуется один стиль отрисовки:

Узнаваемый пиксельный стиль иллюстрации на блоге Dropbox

И собственный блог SendPulse, на котором вы сейчас читаете эту статью:

Все заглавные иллюстрации к статьям SendPulse выполнены в одном стиле

Айдентика: что стоит запомнить

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

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

Не забудьте внедрить айдентику во все свои рассылки! Регистрируйтесь в SendPulse и делайте крутой дизайн писем без дизайнера с нашим простым drag-and-drop конструктором.

Рассказываю, как делать по-настоящему крутые email рассылки. Помогаю найти баланс между заботой о клиенте и успешными продажами.

Источник

Как сделать анимированный логотип бесплатно

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

Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.

В современном бизнес пространстве значительное внимание уделяется фирменному стилю компании, а логотип – неотъемлемая его часть.

Виды логотипов

Сегодня принято подразделять логотипы на несколько самостоятельных видов. Далее подробнее про каждый из них.

Аббревиатура. Вариант достаточно сдержанный. В таком случае на эмблеме расположено только название компании, представленное из нескольких букв. При этом использование сокращённой формы наименования уже много лет пользуется популярностью. Примерами таких логотипов являются фирменные знаки РЖД, НТВ, МТС и многие другие. Такое сокращение используется преимущественно брендами, имеющими длинное или состоящее из нескольких слов наименование.

Текстовый логотип. Этот вид лого отлично подходит для брендов с лаконичным и ёмким названием. В таком случае нет необходимости придумывать необычную запись. Здесь важно подобрать читабельный и узнаваемый шрифт. Также следует при выборе шрифтового стиля учитывать специфику работы бренда и главные преимущества реализуемой продукции или услуг. Примерами таких логотипов являются знаки компаний Google, Netflix, Кока-Кола и другие.

Графические логотипы. Они в свою очередь подразделяются на знаки, символы, логотипы-персонажи. При выборе изображений для логотипа необходимо соотносить их с рекламной политикой и стратегией продвижения. Кроме того, они должны отражать направление работы бренда.

Комбинированные логотипы. Логотипы такого вида содержат различные элементы перечисленных типов вместе.

Анимированный логотип. Он отличается современной, неординарной подачей. Кроме того, анимированная эмблема привлекает повышенное внимание и выглядит нетривиально.

Анимированный логотип

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

Как создать анимированный логотип бесплатно

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

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

Как анимировать логотип онлайн

Анимировать логотип онлайн можно на следующих сервисах:

Fastclip.ru – универсальная площадка с десятками простых шаблонов. Сайт особенно полезен для тех, кто не хочет осваивать инструменты самостоятельно и не имеет какой-либо конкретной задумки. Для работы не требуется осуществлять скачивание и установку программы. Кроме того, разработка предоставляется абсолютно бесплатно.

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

Renderforest.com. Как анимировать логотип здесь? Просто выберите те части статичного изображения, которые должны двигаться. Затем решите, каким именно будет стиль анимации.

Заключение

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

Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.

Источник