Логотип занимает ~0.9% первого экрана нашего сайта, и рассчитывать на то, что пользователи заметят, запомнят и в следующий раз узнают его было бы наивно.

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

Подберем фирменные цвета, отражающие нужное нам настроение:

Теперь наш сайт проще описать: «Студия такая, яркие цвета на сайте, кажется, желтый и синий...»

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

Добавим фирменный элемент — стильные иллюстрации с персонажами:

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

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

Вывод 1: Результат приносит единство стиля, а не логотип или другие элементы по-отдельности.

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

Фрагмент гайдбука для проекта Селедка в Шубе от Логомашины

Точки контакта Логомашины в едином стиле

Вывод 2: чтобы дизайн приносил пользу — брендируйте все точки контакта.

Конспект вместо итога:

• Задачи дизайна компани — быть удобным в использовании, повышать узнаваемость бренда и производить правильное впечатление на потребителя — одним логотипом не решить;

• Люди не помнят детали в логотипах даже гигантских корпораций, но запоминают их цвета и формы;

• Люди не будут запоминать и узнавать вас только по логотипу, пока ваши маркетинговые бюджеты не начнут измеряться миллионами;

• Результат приносит единство стиля, а не логотип или другие элементы по-отдельности;

• Чтобы дизайн приносил пользу — брендируйте все точки контакта.

Если нравится наш полезный контент — подпишитесь на «Логомашину» в соцсетях:

«ВКонтакте»

Instagram

Facebook

1. Устаревшие приемы

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

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

Вот топ-3 устаревших приема, которые легко распознать в логотипе. Возьмем в качестве примера логотип Burger King:

1.1. Тень

Тень — крайне неуместный прием в логотипе: зачем симулировать отбрасывание объектом тени в ненатуральных для этого сценариях?

1.2. Свечение

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

1.3. Иллюзия 3D / тиснение

Все та же логика относится и к симуляции 3D в логотипе — использовать такой вариант на различных носителях будет крайне неудобно:

Исключения

Конечно, встречаются случаи, когда тень, иллюзия 3D или свечение смотрятся уместно в логотипах, но только если эти приемы дополняют концепцию и использованы с умом:

Pragmatika on Dribbble / Dmitry Lepisov on Dribbble / Logomachine on Logomachine.ru

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

2. Неудачный подбор цветов

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

Вот несколько самых частых ошибок, связанных с подбором цветов в логотипе на примере Chupa Chups:

2.1. Слишком насыщенно

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

Слишком насыщенные цвета раздражают глаза пользователя, людям тяжело на них смотреть:

2.2. Мало контраста

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

Чтобы проверить свой логотип на контрастность, примените эффект ч/б — менее контрастные цвета станут ближе друг к другу по уровню серости:

2.3. Грязные градиенты

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

Исключения

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

Broklin Onjei for Creative Invention Studio on Behance / Chase Turberville for Focus Lab on Dribbble / Mihai Dolganiuc on Dribbble

3. Перегруженность

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

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

Возьмем в качестве примера логотип NETFLIX:

3.1. Много графических элементов

Если графика не помогает, а мешает воспринимать информацию, её нужно чистить:

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

3.2. Много шрифтов

Вторая причина, по которой в логотипе возникает перегруженность — большое количество использованных шрифтов:

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

Лучше ограничиться одним шрифтом либо сочетающейся шрифтовой парой.

Исключения

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

4. Слабая композиция

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

4.1. Ошибки в пропорциях

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

4.2. Плохое выравнивание

Равновесие элементов в логотипе нарушено, если возникает ощущение того, что композиция «завалена» в какую-то из сторон — логотип сразу кажется «неустойчивым», вызывая диссонанс:

4.3. Мало воздуха

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

4.4. Много воздуха

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

Исключения

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

Финальный чеклист — проверьте графику в своем логотипе:

1. Используются устаревшие графические приемы: тень, свечение, 3D?

2. Цвета слишком насыщенные для человеческих глаз? В ч/б варианте слишком мало контраста? В градиентах есть грязь?

3. Слишком много лишних графических элементов или шрифтов?

4. Есть проблемы с пропорциями или выравниванием? Между элементами слишком мало или много воздуха?

Если нравится наш полезный контент — подпишитесь на «Логомашину» в соцсетях:

ВКонтакте | Instagram | Facebook