Первый логотип Google создан в 1997 году Сергеем Брином в бесплатном графическом редакторе GIMP, основанном в 1995 году.

Учредители Google: Eric Schmidt, Larry Page, Sergey Brin"s

Googles Billionaire Sergey Brin, 8, with the family dog, Boss, in Maryland, two years after the Brins left the Soviet Union for the United States. Photo: NY Times

Первый логотип Google в исполнении Сергея Брина

Позднее к логотипу Google добавили восклицательный знак, такой же у Yahoo!

Идея логотипа Google — искаженное слово Googol, что означает десять в сотой степени и характеризует бесконечную производительность новой поисковой системы. В 1999 году Сергей Брин обратился за помощью к профессору Стэнфорда, Рут Кедар.

Рут Кедар

Задача заключалась в том, чтобы создать уникальный логотип, который бы выгодно выделил новую поисковую систему из ряда конкурентов, таких как Excite, HotBot, LookSmart, Lycos и Yahoo и воплощал бы уникальное видение работы с поиском в интернете.

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

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

Первый вариант логотипа Google. Typeface: Adobe Garamond. Шрифт: Adobe Garamond

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

Второй вариант логотипа Google. Typeface: Catull Шрифт: Catull

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

Третий вариант логотипа Google. Typeface: ITC Leawood. Шрифт: ITC Leawood

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

Четвертый вариант логотипа Google. Typeface: Catull. Шрифт: Catull

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

Пятый вариант логотипа Google. Typeface: Catull. Шрифт: Catull

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

Шестой вариант логотипа Google. Typeface: ITC Leawood. Шрифт: ITC Leawood

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

Седьмой вариант логотипа Google. Typeface: Catull. Шрифт: Catull

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

Последний вариант логотипа Google. Typeface: Catull. Шрифт: Catull

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

Таблица с логотипами компании с 1997 по 1999 гг.

Новый логотип. Новый знак можно видеть на главной странице поиска, её фавиконе, в социальной сети 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 – нетрадиционная компания. Их миссия – сделать информацию универсально достижимой и полезной – постоянно эволюционирует. В прошлом году 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 как базовый набор, было автоматически создано тысячи векторных вариантов, которые могли бы соответствовать требованиям к размеру, цвету и фону.

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

Ruth Kedar создала логотип Google в том варианте, который стал знаменитым и известен каждому в мире (первоначально попытки создать логотип были предприняты одним из основателей компании Сергеем Брином, по слухам, с использованием Gimp’а). Я спросил Рут, как же изначально появился логотип и вот что она ответила Я преподавала дизайн в Стенфордском Университете (Stanford University) в 1999 когда наш общий друг из Стенфорда представил меня Ларри Пэйджу (Larry Page) и Сергею Брину (Sergei Brin). Они искали дизайнера, который создаст им дизайн логотипа и сайта, и меня попросили представить некоторые предварительные идеи. Им понравился мой подход и дизайн, в итоге я была принята на работу.Google хотел создать уникальный логотип, который отличал бы его от других поисковиков на то время (Yahoo, Excite, HotBot, LookSmart and Lycos), а также воплощать их уникальное видение поиска.Эти другие поисковики были прежде всего коммерческими порталами и только потом поисковыми системами. Google хотел указать на то, что в первую очередь это поисковая система. Он предлагал быстрые, всеобъемлющие и, прежде всего, надежные поисковые результаты. Это был новаторский, алгоритмически сложный, но простой в использовании поисковик. Кроме того, Google как бренд должен был отвергать все корпоративное, обычное. На этих принципах было создано много различных версий логотипов, отличающихся по направлению и стилю. При каждой новой встрече мы брали лучшее из всех вариантов логотипа, что в итоге привело нас к финальной версии дизайна.В конце концов был выбран известный всем логотип, потому что он достигает цели на многих уровнях:

• Он игрив и обманчиво прост. Логотип создан таким образом, что кажется почти не обработанным и легко читается. Цвета напоминают детскую игру, однако ярко отличаются от структуры и правил цветового круга. Текстуры и тени каждой буквы сделаны в ненавязчивой манере, которая поднимает их над страницей и в то же время дает ощущение объемности. Они твердые, но в то же время в них присутствует эффект воздушности.
• Times-Roman был главным шрифтом Интернета на то время, а sans-serif шрифты широко использовались в печати. Я хотела удобочитаемости шрифта и искала такой, который бы отвечал тем требованиям, которые нужны нам – достаточно сложный, но в то же время с юмором и беспорядочностью. Выбранный шрифт был основан на шрифте Catull, старый шрифт из serif-семейства. Catull заимствует элементы инструментов для традиционного написания такие как иглы и долото с современным завихрением. Поиск - это то, что требует нас заглянуть в прошлое. Поэтому исторические связи шрифта Catull показались нам целесообразными, так как они создавали некий мост между старым “аналоговым” миром и новым “цифровым”.
• На тот момент было две точки зрения: либо следовать за невеб-гигантами, например, Sun и SGI (все буквы из семейства sans-serif, прописные и жирные), либо за Yahoo, чей необработанный логотип мало кому нравился как лого для веба. Дизайн Google должен был сломать эти точки зрения и привести к чему-то новому, чего Google и хотел.

Сегодня Google является гораздо большей организацией – он изменился и вырос за пределы нашей фантазии – кто знал что он станет одним из самых популярных и узнаваемых мировых брендов и что слово google станет существительным и глаголом?Меня очень радует то, что дизайн пережил изначальные цели, которые преследовались основателями Google и что сегодня он так же востребован, как и тогда. Кроме того, сегодня логотип стал холстом, на котором время от времени что-то цветет:)
Первый логотип с “выросшими цветами”: Burning Man Festival 1998

От меня: Первые версии сайта можно найти на

Компания Google провела ребрендинг. Несколько минут назад был в официальном блоге опубликовано объявление и представлен новый логотип.

«За последние 17 лет в Google менялось многое – появлялись новые сервисы, улучшалось их качество и внешний вид. Пришла пора для новых изменений», - сказано в официальном блоге.

Сообщение в корпоративном блоге полдписали вице-президент по управлению продуктами Google Тамар Иегошуа и UX-директор Бобби Нэт:

«Почему мы собираемся это сделать сейчас? Когда-то зайти на сайт Google можно было только со стационарного компьютера. Сегодня люди пользуются нашими продуктами на различных платформах и устройствах - иногда всеми в течение одного дня!

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

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

«Это не первый раз, когда мы меняем оформление и, скорее всего, не последний. Однако это обновление особенно важно, ведь оно отражает нашу философию и разнообразие наших сервисов. Теперь их всех - Поиск, Gmail, Карты, Chrome и многие другие, объединяет образ, для которого мы взяли лучшее от Google - простоту, лаконичность, яркость и дружелюбие. Он символизирует не только нынешний этап развития Google, но и её будущее».

При разработке нового дизайна рассматривались несколько вариантов логотипа (см. фото), но победил именно этот. В нём используется шрифт, похожий на Helvetica. Логотип будет хорошо смотреться и на большом дисплее, и на маленьком экранчике наручных часов Android Wear.