Главное Авторские колонки Вакансии Образование
Выбор редакции:
😼
Выбор
редакции
1 682 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Топ-4 ошибки в дизайне логотипа

Если у вас есть ощущение, что в вашем логотипе что-то не так — статья подскажет, в чём дело.
Мнение автора может не совпадать с мнением редакции

Каждый день на протяжении 7 лет мы делаем сотни логотипов и фирменных стилей, обучаем студентов и проводим аудит дизайна заказчиков. «Логомашина» впитала опыт более 1300 реализованных проектов и выделила 4 основные группы ошибок в логотипах, которые встречаются наиболее часто.


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

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.