Монохромный логотип. Эволюция известных брендов

Рассуждения о визуальном упрощении графического дизайна от агентства ADN Digital studio.

В закладки

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

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

Вот еще немного примеров для сравнения. Три популярных сервиса заказа такси в России и их иконки:

Проанализируем все три знака по нашей уже проверенной шкале «эстетика и содержание»:

Эстетика

Первые два знака - минимализм, геометрия, чёткие формы. Третий - cилует человека со множеством мелких деталей (волосы на голове, ворот рубашки). Внешне в выигрыше иконки «Яндекс.Такси» и Uber. Кроме того, «Яндекс» тут всех обставил - недавно компания провела ребрендинг, сменив иконку-геотег на то, что вы видите выше.

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

Смысл

У «Яндекса»: использована традиционная цветовая гамма такси - жёлтый и чёрный. Прямоугольники собираются в букву «Т» (то есть «такси»), очень хорошая находка.

У Uber: знак символизирует автомобиль с построенным маршрутом. Круг - это область поиска на карте в приложении.

У Gett: человек с поднятой рукой - это классический жест «голосующего» на обочине (хотя поза больше похожа на «сейчас я достану тебе Луну с неба, дорогая»). Возможно, растопыренными пальцами бренд хотел сказать о том, что «у нас всё на пятерочку», но это не точно.

Резюме

Самое крутое смысловое наполнение у «Яндекса», визуальное - у «Яндекса» и Uber. Мы лично придерживаемся мнения, что «Яндекс.Такси» всех обошёл в плане брендинга. По крайней мере, на сегодня.

Ну, хватит уже, закругляемся

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

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

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

В нашем сообществе Вконтакте есть рубрика #logomachine_help, в ней мы рассказываем про самые частые ошибки в дизайне и показываем, как их можно исправить. В этом выпуске мы объединили ошибки в несколько групп, чтобы на их примере показать, чего делать с логотипами не стоит.

Залипание по цвету

1. SledHelp

Нам в паблик прислали вот такой лого:



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


Из-за этого формы сливаются, композиция превращается в кашу:


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

Но есть и хорошая новость - проблему легко исправить. Достаточно увеличить контраст между элементами и она решена - хаски читается в любом цвете. Опять тестируем на монохром:


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

2. Visa with love

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


В рисунке текстуры много светлых пятен, из-за чего она сливается с самолетом. Это хорошо видно, если логотип перевести в монохром - самолет практически теряется на фоне светлой текстуры:


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


Теперь в монохромном варианте видно, что текстура не сливается с фоном, а элемент в центре не теряет свою форму:


3. Рашн Традишн

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


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

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


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

Убираем звезду из текста - она тут лишняя, дает странные ассоциации и мешает читать название:


Переводим в монохром:


Из-за правильно подобранного контраста, медведь остается медведем, даже если цвета исчезают. Текст теперь читается без проблем.

Залипание по форме

1. Кит-кот

Но, так как мы даем экспресс-советы, пойдем по простому пути: сделаем кита, но с кошачьими ушками и усами. Идея не сложная, но и читать ее просто, даже если не видеть или не знать название компании:


Форма читается, соответствует названию - и никаких случайных линий.

2. Облако.рф

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


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

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


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


Теперь неприятные ассоциации ушли, а облако остается облаком, элементы внутри не превращают всю форму во что-то непонятно-неприятное.

3. Aviator

И вновь - слишком много элементов! Зачем столько деталей? Если логотип уменьшить - например представить, что логотип будет фавиконом (значок сайта во вкладке браузера), становится вообще непонятно, что происходит:


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


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


После изменений форма самолета перестала теряться, а название легко прочитать.

4. Ананас

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


В знаке множество мелких форм и огромное, нет, ОГРОМНОЕ количество цветов. Здесь мало воздуха, плохой контраст и наложение элементов друг на друга:


Идеальным решением было бы полностью переделать знак, но можно попробовать упростить и этот.

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


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

Лишние элементы

1. Готти

Логотип, который прислали на стрим:


Что за Франкенштейн? Тут все: название, сайт, слоган в одном логотипе. К чему такое насилие?
Не нужно стараться поместить в логотип всю информацию о компании. Делаем косметический ремонт:


Лучше будет, если оставить название и, например, одну интересную деталь - букву «G» в углу.

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

Плохая читаемость

1. Lative и Комнатка музы

Эти логотипы нам прислали в #logomachine_help и показали на стриме. Здесь одна и та же проблема - очень сложно прочитать название компаний.


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


Важно, чтобы название читалась легко и ясно - иначе как потом вспомнить, как называлась компания, если название не прочесть?

Комнатка музы - неправильно использована техника негативного пространства. Нужно добавить больше темных пятен и успокоить надпись - сделать буквы одинаковыми.


Теперь нет сомнений, что Комнатка Музы именно комнатка, а не что-то еще.

Как итог:

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

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

Подготовила Слепчевич Виктория для Логомашины

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

Монохромные логотипы предлагают определенную классичность и достоинство, иногда даже современное или минималистичное чувство. На самом деле черно-белые логотипы предлагают множество стратегических преимуществ:

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

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

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

Итак, откуда вы знаете, что работает, а что нет?

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

Классические монохромные логотипы
—

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

Дизайн логотипа Evergreen CPAs от Dara T

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

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

Великолепные монохромные логотипы работают лучше всего для брендов, которые …

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

Старинные монохромные логотипы
—

Из-за их зернистых иллюстраций и сложных расцветок, старинные монохромные логотипы на самом деле более детализированы, чем современные.

Дизайн логотипа Strong Bold Coffee от CBT

Дизайн логотипа Heritage Canning Co. Tee ™

Винтажный стиль легко узнаваем по его характерным характеристикам:

• Зернистая текстура, напоминающая старые печатные машины
• Изысканные рамки, часто круг, создающие эмблему
• Точки на каждой стороне торговой марки
• Гарниры вокруг слов
• «Установленный» год

Глядя на логотипы от Fat Rabbit, Strong Bold Coffee and Copper Kettle Bakery, вы можете увидеть, как зернистый и нарисованный вручную стиль придает им подлинное «винтажное» ощущение. Пекарня медного чайника также демонстрирует декоративные украшения, характерные для стиля, такие как цветочные гарниры и вторая, меньшая линия в рамке.

Одно из самых больших преимуществ этого стиля — вы можете применить его в разной степени и объединить его с другими стилями. Например, Pint of Tea берет зернистость и структуру старинных логотипов и изобретает их, добавляя фирменное наименование в раму. Сильный Bold Coffee сочетает в себе старинный дизайн с современным шрифтом без засечек, создающим что-то ногу в обоих стилях.

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

Старинные монохромные логотипы работают лучше всего для брендов, которые …

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

Художественные монохромные логотипы
—

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

Дизайн логотипа Buttermilk Southern Kitchen от Dara T

Дизайн логотипа Black Castle Properties от Corne

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

Художественные стили хорошо работают для двойных значений и двойного зацепления, таких как комбинация замочной скважины и лайка Black Castle или сова / хмель совы. Они также подходят для нового подхода к старой концепции, например, как логотип Buttermilk переосмысливает старинный стиль логотипа таким образом, который никогда не был замечен раньше.

Художественные монохромные логотипы лучше всего подходят для брендов, которые …

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

Типографские монохромные логотипы
—

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

Дизайн логотипа Kyber Capital от ludibes

Типографические логотипы делают что-то оригинальное и запоминающееся с письмами, чтобы они обращались к обычным людям. Один из способов — переформатировать их, чтобы сформировать конкретный образ — как штангу в логотипе Нила Хадсона. Другой способ — добавить стильные детали, чтобы сделать логотип более декоративным и бодрящим. Логотип Bashford Design делает это хорошо. Вы также можете комбинировать буквы в творческих целях, например, Antipodes Merino и DTR Partners.

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

Типографские монохромные логотипы лучше всего подходят для брендов, которые …

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

Современные монохромные логотипы
—

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

Дизайн логотипа аварийного страхования csoki

Современный стиль трудно определить, но мы можем идентифицировать его по некоторым общим характеристикам

• Резюме . Формы, подобные логотипу Third Eye, которые не изображают ничего, в частности, являются основным продуктом современного дизайна.
• Угловой или геометрический . Проекты сетки, такие как логотип Northampton, кажутся футуристическими с их многочисленными прямыми линиями, которые автоматически обозначают передний край.
• Творчество . Художественные стили и современные стили имеют много перекрытий; монохромный логотип для Nyrdy может соответствовать любой категории, но угловые формы и минимализм заставляют его немного приспосабливаться к современности.
• Нарушение конвенций . Если в логотипе Jamie Groom не было четверти, отсутствующей в логотипе Jamie Groom, это хорошо вписывалось в другие типографские логотипы, но это недостающая часть, которая придает ей современную и остроумную привлекательность.
• Юмор . В духе нарушающих условные обозначения логотипы также могут вызывать ожидание смешения. Аварийный травматический ресурс играет на знаменитой юридической эмблеме, чтобы не только обмениваться информацией, но и шутить.

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

Современные монохромные логотипы работают лучше всего для брендов, которые …

• Целевая молодежь
• Выгода от появления футуристического или режущего края
• Положитесь на юмор или уникальность в их брендинге
• Хотите немного закрутить более традиционный стильный стиль

Черный (и белый) вернулся, детка!
—

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

Мало кто знает, но на фото выше – реальный логотип Apple.

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

Ты точно помнишь старые лого компании? Давай разбираться.

Лого «Ньютон» (1976 - 1977)

Первый логотип Apple далёк от современного лаконичного символа. По большом счёту, он выделялся и в те времена. Лого создал один из основателей Apple - Рональд Уэйн, который быстро продал свою долю в компании. Идея крутая - воспользоваться растиражированной историей об открытии гравитации Исааком Ньютоном. Но её реализация оставляет желать лучшего.

Минимализм? Не, не слышали. Логотип больше похож на герб: щит, геральдическая лента, высокопарная подпись. Абсолютно не пригоден для нанесения на продукцию, а всё из-за своей громоздкой геометрии и обилия мелких деталей. К счастью, просуществовал он недолго.

Радужный логотип (1977 - 1998)

Амбициозной компании жизненно необходим узнаваемый символ. Именно поэтому основатели Apple обратились к дизайнеру Робу Джейноффу из агентства Regis McKenna. Именно он создал широко известное надкушенное яблоко в радужных тонах.

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

• полосы всех цветов радуги говорят о конкурентном преимуществе компьютеров Apple, которые могли показывать цветное изображение;
• неправильный порядок этих цветов обоснован тем, что листик от яблока должен быть зелёным;
• фрукт «надкусили» для того, чтобы не перепутать яблоко с другими плодами;
• созвучные «байт» (“byte”) и «укус» (“bite”) остаются лишь любопытными совпадениями.

Монохромный логотип (1998 - настоящее время)

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

Если размер прошлого логотипа редко превышал 1,5 х 1,5 см, то монохромный вариант, как правило, крупнее, ярче и заметнее. Сейчас «яблоко» рисуют в трёх цветах: чёрном, белом и сером. Но раньше было больше разновидностей, вот самые известные:

Лого iMac G3

Выход iMac G3 в 1998 году ознаменовал возвращение Apple. На стильные моноблоки ставили именно такой логотип, причём он был того же цвета, что и часть корпуса. Вышедшие годом позже PowerMac, Apple Studio Display и iBook получили похожие логотипы.

Логотип “Aqua”

Такой логотип впервые появился на PowerMac G4 Cube и использовался ещё несколько лет в рекламе и баннерах. Плюс его можно было заметить в ранних версиях OS X, ведь лого как нельзя лучше вписывался в концепцию Aqua-интерфейса.

«Стеклянный» логотип

Пользователи настольной ОС от Apple впервые увидели этот логотип в 2002 году при обновлении до OS X Panther. С выходом iPhone в 2007 этот символ переехал на мобильные устройства. Его заменили только в 2013 в связи с релизом iOS 7 и отказом от скевоморфизма.

Металлический логотип

Металлические логотипы - одна из любимых и узнаваемых фишек Apple. Появившись в моноблоках iMac G4, такие лого кочевали по всем категориям продукции Apple. Чехлы для iPhone с дыркой? Всё ради заветного металлического яблока.

Лого “Product.RED”

Apple сотрудничает с Product Red, помогая последним собирать средства для Глобального фонда борьбы со СПИДом, туберкулёзом и малярией. На официальном сайте компании из Купертино можно найти товары, часть выручки от которых идут в данный фонд. Раз в год, первого декабря, во Всемирный день борьбы со СПИДом Apple окрашивает свой логотип в красный цвет.

А что дальше?

Конечно, Apple не изменит форму своего логотипа. Ждать от компании экзотичных цветовых решений тоже не стоит, сейчас в моде минимализм. Возможно, в скором времени мы увидим привычный логотип, выполненный из новых материалов. Может