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

В этой статье мы взглянем на некоторые дизайнерские решения, которые сделали Google таким, какой он есть сегодня.

Совместный дизайн

Ранее в этом году дизайнеры со всех просторов США, включая команды Creative Lab и Material Design, встретились в Нью-Йорке для интенсивного дизайн-спринта длиной в неделю. Они набросали бриф, отображающий четыре цели:

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

Процесс начался с дистиллирования бренда – четыре цвета на белом фоне. По истечению сотен часов дизайнерской работы было выбрано несколько направлений.

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

Элементы:

Логотип

Sans Serif логотип, который содержит классическую последовательность цветов Google.

Точки

Динамическая дистилляция логотипа для интерактивных, вспомогательных и переходных моментов.

Буква G

Компактная версия логотипа, которая работает в маленьких масштабах.

Понимание системы

Логотип

Логотип Google всегда имел простой и дружественный стиль. Компания хотела сохранить эти качества, комбинируя математическую чистоту геометрических форм с детской простотой букв в школьных книгах. Новый логотип выполнен с кастомном геометрическом Sans Serif шрифте, и содержит в себе цветную игривость и повернутую букву “е” – напоминание, что Google всегда будет необычным.

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

Создание буквы G

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

Точки

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

Цвет

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

Типографика

Вместе с логотипом был создан кастомный геометрический Sans Serif шрифт, который бы соответствовал логотипу в паре с продуктами и поддерживал бы айдентику. Google назвали этот шрифт Product Sans. Дизайн шрифта берет основы все из того же печатного стиля детских книг, но также использует и нейтральную последовательность, которую мы все ожидает увидеть в геометрических шрифтах. Это позволяет связать логотип Google и название продукта.

Продукты

Многие продукты Google будут выпускать обновления, но для многих людей первым опытом была поисковая строка. Команда UX и инженеров работала довольно тяжело, чтобы предоставить воплощения текста и голоса, продемонстрировать полный спектр выражений айдентики.

Широкое распространение

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

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

Новый логотип. Новый знак можно видеть на главной странице поиска, её фавиконе, в социальной сети Google+ и других сервисах. Look At Me собрал 11 радикальных и неофициальных редизайнов логотипа компании, которые появились как до, так и после презентации нового логотипа.

Логотип компании обновили в трёх формах. Во-первых, это полная версия со словом “Google”. Во-вторых, сокращённая с прописной “G”; её будут использовать на малых экранах и там, где для логотипа нет места (например, на фавиконе). В-третьих, это динамические точки, иллюстрирующие общение с человеком. Сейчас их используют только в голосовом поиске. Например, точки показывают, когда Google слушает запрос, анализирует его, отвечает или не понимает смысла.

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

Два рабочих варианта дизайнеров из Google, Claes Källarsson и Eike Drescher

В Google считают, что старый логотип создавали только для настольной версии поиска. Но за 17 лет сервисами компании начали пользоваться на разных платформах и устройствах. «Вы ждёте, что Google поможет, где и когда нужно: на смартфоне, ТВ, часах, приборной панели в машине и, да, даже на настольном компьютере», - аргументируют директор по UX Бобби Нэт и вице-президент по управлению продуктом Тамар Йехошуа.

Для нового логотипа создали гарнитуру Product Sans. За основу взяли шрифт для букв из школьных учебников. Похожий можно увидеть, например, на сайте Alphabet, Google. Шрифт сделали для латиницы, кириллицы, греческого алфавита и в двух начертаниях. Второе - более тонкое - будут использовать для названия продуктов (например, Google Maps).

«Логотип всегда был выполнен в простом, дружелюбном и доступном стиле. Мы хотели сохранить эти качества, объединив математическую чистоту геометрических форм и по-детски непосредственную простоту букв из учебника. Новый логотип - это геометрический шрифт без засечек, многоцветная игривость и повёрнутая “e” из нашего предыдущего знака, как напоминание, что мы всегда будем немного нетрадиционными».

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

Один из первых редизайнов нового логотипа, Mark Malstrom
Функциональный логотип с поисковой строкой, Dana Kim
Попытка «арабизировать» знак для веба, Ahmed Genaidy
Логотип с принципиально новым начертанием, Stefano Perrone
Ещё менее очевидный вариант, Kha Meng
Попытка сделать объёмную версию,

Ежедневно сайт Google обрабатывает около 3 500 000 поисковых запросов. При такой статистике весьма вероятно, что каждый из нас видит логотип Google где-то от одного до 30 раз в день.

Логотип Google является культовым и легко узнаваемым уже на протяжении двух десятилетий.

Фактически у компании было два «первых» логотипа. В 1996 году он представлял собой изображение руки и оригинальное название компании, BackRub, в красном цвете. После ребрендинга в Google, компания представила в 1998 году более простой логотип в виде разноцветной надписи Google!.

Чего многие не знают, так это то, что у самого известного дизайна в Интернете есть захватывающая предыстория. А началось все в 1996 году.

1996: первый логотип Google

Самый первый логотип поисковой системы на самом деле предшествует названию Google. Изначально Ларри Пейдж (Larry Page) и Сергей Брин (Sergey Brin) назвали свой веб-сканер BackRub. Выбор такого названия был продиктован тем, что основной функцией движка был поиск по обратным ссылкам (или бэклинкам, backlinks).

К счастью, к 1997 году они изменили название компании на Google — неправильное написание googol (латинский термин, означающий число 10 в сотой степени, то есть единица со 100 нулями). Идея заключалась в том, что поисковая система Google могла быстро предоставлять пользователям огромное количество, или гуголов, результатов.

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

Хотите еще один забавный факт? Восклицательный знак предположительно был включен в ребрендинг Google только потому, что он был на логотипе Yahoo! Казалось бы, все технологические компании следовали примеру друг друга.

1999-2010: дизайны логотипа Рут Кедар

Общий друг представил Брин и Пейдж профессору Стэнфордского университета Рут Кедар (Ruth Kedar). Они попросили ее разработать для них несколько прототипов логотипа.

Рут начала с логотипа преимущественно черного цвета и шрифта Adobe Garamond. Также она удалила из оригинального варианта восклицательный знак. Значок посередине напоминал китайскую ловушку для пальцев:

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

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

Восьмой дизайн был самым простым. Кедар хотела показать потенциал Google, способный стать чем-то гораздо большим, чем просто поисковой системой (поэтому она удалила увеличительное стекло). Также она изменила традиционный порядок основных цветов, чтобы подчеркнуть, насколько нетрадиционным был Google:

Финальный дизайн был одним из самых минималистичных. Он являлся официальным логотипом Google с 1999 по 2010 год.

В 2015 году дизайнеры Google собрались в Нью-Йорке для проведения недельного спринта с целью разработать новый логотип и брендинг.

В результате логотип изменился кардинально. Компания сохранила свой характерный цветовой узор, но сменила шрифт Catull на Product Sans.

Одновременно с этим Google также выпустил несколько вариаций своего логотипа, в том числе радужную букву «G», представляющую приложение для смартфона, фавикон для сайтов Google и микрофон для голосового поиска.

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

Шрифты Sans — это шрифты без засечек. Это значит, что разработчикам Google легко адаптировать логотип под разные размеры экрана. По мере расширения продуктовой линейки Google возникает все большая необходимость в .

Логотип Google также стал теперь динамичным. Когда вы запускаете на своем телефоне или планшете, вы видите четыре анимированные разноцветные точки. Во время того как вы говорите, эти точки превращаются в эквалайзер, реагирующий на ваш голос. И как только вы заканчиваете говорить, эквалайзер снова превращается в точки. А пока Google ищет вам результаты, эти точки пульсируют.

Внедрение и развитие Google Doodle

В 1998 году Google начал экспериментировать с Google Doodle — временной модификацией традиционного логотипа Google.

Первый Google Doodle появился в 1998 году. Пейдж и Сергей присутствовали на фестивале Burning Man. Чтобы известить всех о том, где они находятся, они добавили к логотипу символ этого праздника:

В 2000 году Брин и Сергей предложили Деннису Хвангу (Dennis Hwang), на тот момент простому стажеру, создать дудл к Дню взятия Бастилии. Пользователям он так понравился, что они прозвали Денниса «главным дудлером».

Первый логотип Google в исполнении Sergey Brin"s

Самый первый логотип Google разрабатывал соучредитель Сергей Брин (Sergey Brin"s) с помощью бесплатной графической программы. Идея логотипа Google – искаженное слово Googol, что означает десять в сотой степени и характеризует бесконечную производительность новой поисковой системы. В 1999 году Сергей обратился за помощью к Рут Кедар (Ruth Kedar), которая преподавала дизайн в Стенфордском университете.
Задачей Рут было создать уникальный логотип, который бы четко выделял новую поисковую систему из ряда конкурентов, таких как Yahoo, Excite, HotBot, LookSmart и Lycos, и воплощал бы уникальное видение работы с поиском в Интернете.

Дизайнер логотипа Google - Ruth Kedar

Сергей посмотрел предварительные идеи дизайна логотипа и ему понравился стиль работы Рут. После неоднократных обсуждений и доработок эскизов восьмой вариант дизайна логотипа Google был утвержден. Всего через несколько лет логотип Google стал узнаваемым не менее, чем галочка Nike или павлиний хвост NBC. Сегодня логотип Google знает весь мир. А тогда никто и подумать не мог, что Google будет одним из самых узнаваемых брендов во всем мире, что Google станет и существительным и глаголом одновременно!
Рут Кедар создала игривый, и на первый взгляд, простой логотип. Яркие цвета логотипа Google вызывают приятные чувства радости, словно мы играем в детскую игру, когда используем Google. Тонкие линии шрифта легко читаются. Тени букв логотипа сделаны в ненавязчивой форме, что придает логотипу Google легкость, и как бы приподымают его над веб-страницей.

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

Первый вариант логотипа Google

Google logotip №1
Typeface: Adobe Garamond Шрифт: Adobe Garamond

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

Второй вариант логотипа Google

Google logotip №2

Вместо того, чтобы доработать созданный логотип и придать ему пространства, Кедар меняет только одну букву О, делает её многомерной. Идея этого логотипа Google – показать точность результатов поиска при помощи пересекающихся прямых (мишень).

Третий вариант логотипа Google

Google logotip №3

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

Четвертый вариант логотипа Google

G oogle logotip №4
Typeface: Catull Шрифт: Catull

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

Пятый вариант логотипа Google

Google logotip №5
Typeface: Catull Шрифт: Catull

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

Шестой вариант логотипа Google

Google logotip №6
Typeface: ITC Leawood Шрифт: ITC Leawood

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

Седьмой вариант логотипа Google

Google logotip №7
Typeface: Catull Шрифт: Catull

На этом этапе создания логотипа Google и учредители и дизайнер Рут пошли по пути минимализма. Они отказались от любых объектов в начертании логотипа, которые в дальнейшем могли бы их ограничивать. А если Google станет гораздо больше, чем поисковая система? Зачем тогда в логотипе Google увеличительное стекло? Перед Рут стала задача сделать надпись логотипа такой, чтобы она узнавалась и идентифицировалась без дополнительных символов и графических элементов.

Финальный вариант логотипа Google

Google logotip №8
Typeface: Catull Шрифт: Catull

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