Ваш бизнес - От идеи до реализации

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 как базовый набор, было автоматически создано тысячи векторных вариантов, которые могли бы соответствовать требованиям к размеру, цвету и фону.

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

15 сентября свой день рождения празднует помощник всего человечества, который открывает перед нами бесконечные возможности. Google - поисковая система , детище Ларри Пейджа и Сергея Брина, о котором мы не раз уже писали в нашем блоге, отмечает своё 19-ти летие. Мы поздравляем корпорацию с этим великим днём и надеемся на дальнейшее её развитие. Кстати, о развитии. Все 19 лет компания не только неустанно совершенствуется, но и меняется внешне.

Эволюция логотипа Google

Сентябрь 1998

Логотип был составлен с помощью Google-букв. Идея их создания принадлежит Сергею Брину. В конце слова создатели поставили восклицательный знак, как символ компании Yahoo!.

Май 1999

Восклицательный знак удалили, а заглавную букву «G» перекрасили в зелёный цвет (обратите внимание, до этого момента буква была синей).

Май 2010

Буква «G» вернула свой первоначальный цвет. Создатели логотипа также «поиграли» с шрифтами, подогнав логотип под современный стиль.

Сентябрь 2013

Вариант этого логотипа начали разрабатывать в 2009 году. Особых изменений слово «Google» не претерпело, если не считать «более оранжевый» цвет буквы «o».

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

Дудлы

Дни рождения известных людей, праздничные дни, крупные события не остаются незамеченными в Google. В такие особенные дни компания заменяет свой стандартный логотип на «doodle» - с английского означает «каракули». Мы уверены, что вы замечали анимации, иллюстрации, мини-игры на месте привычного «Google» над строкой поиска. За всю историю корпорации было создано более 2 000 дудлов, которые удивляли своим интересным дизайном и анимацией.

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

Google is the most popular search engine in the world with the broadest language support. It was created by Sergey Brin and Larry Page – Stamford University students. Another designer – Ruth Kedar – made a great contribution to the evolution of the Google logo, as it came up with a dozen of ideas, which have become encrypted in the logo.

Meaning and history


The prototype of today’s Google symbol appeared in 1997. Since that time, it has gone through countless tweaks and modifications, and the concept has wonderfully remained the same. In 1998, Larry Page used GIMP – a free cross-platform graphics editor, and produced a new font for the Google logo. The 1998 logo had a green capital “G”, red and yellow “Os”, blue “G”, green “L”, and red “E”. In October 1998, the logo took on its current color palette. It is the same as the previous one except the first “G” is blue.
The Google symbol has always been a wordmark, whose letters have tried on a variety of fonts and color iterations, as well as design elements. In 1999 alone, the logo changed about eight concepts, as Ruth Kedar, a renowned designer, went on a protracted search for an idea to express the company’s global reach and innovativeness. The team tries interlocking “Os”, a crossed “O” with the second one coming in the shape of a magnifying glass and, later, a smiling handglass. The final version of the 1999 series featured an exclamation mark to mimic the .


This version was written in Catull typerface, and it was in use from May 1999 until May 2010. Its letters had a characteristic shadow, and the exclamation mark was removed. The next modification had the same color sequence, and the shadow got a little lighter, and the hues were different. In the 2013-2015 version, the shadow was gone completely.

The Google logo is subject to Google Doodles – temporary modifications, which appear on the platform’s home page on holidays or to celebrate major events and/or historic achievements. The first Google Doodle appeared in 1998 to celebrate the Burning Man Festival. First Goodle Doodles were primitive, and it was not until 2010 that the first animated Google Doodle was introduced.
Doodles are generated by a team of designers, who hold regular discussions to decide upon events to be marked with doodles. Ideas come from a variety of sources, and many of them belonged to ordinary users. Some doodles are displayed globally, while others appear only in one or several countries. So far, over two thousand doodles have been created.
Google has evolved so far that one of the Google logo modifications undermine its identity, and the brand retains its consistency and attractiveness regardless of changes. It is a kind of achievement that few brands can boast.

New Logo


The current Google logo is based on the sans-serif typerface, and it was unveiled on September 1, 2015. It was chosen because sans-serif tends to be more legible than most other typerfaces when small sizes are used. This version was develop to satisfy users of small-screen mobile devices.
It uses the same color palette as the one introduced in 1998, although the hues are brighter and more consistent. Its colors are arranged according to a so called tetradic color palette, and it adds an optimistic and vigorous feel to the logo design. It is one of the factors that have contributed to Google’s unprecedented success. Apart from the standout factor, bright colors cater to the global cultural diversity and have a kind of unifying power.


On some occasions (usually sad), Google displays a colorless version of the logo. Thus, the light-gray logo was on Google Poland for several days following the plane crash, in which Lech Kaczynski, the President of Poland, was killed. Shortly after that, it appeared on Google hong Kong and Google China in memory of victims of the Quanghai earthquake in China.

Old Logo


In 1996, what we know today as Google was known as BackRub, and it had an absolutely different kind of logo. That was an image of a hand rubbing something like a bare back, and the company name stood for the company’s pioneering practice of boosting a website’s popularity through the use of backlinks. Many users confessed that the logo looked creepy to them. In any away, it did not have the stamina to communicate the company’s greatness and success to the global audience. There had to be a change for something simpler and more hilarious.

Symbol


The earliest favicon was just an uppercase letter “G” in blue placed inside a square frame. In 2008, it was replaced by a lowercase “g” in light blue, while a couple years later a new, multicolored palette was introduced. The 2012 favicon looked like the 2008 one with the colors inverted.
In 2015, simultaneously with the new logo, an updated favicon was introduced. Some designers note than the current Google favicon is slightly reminiscent of the 1993 logotype of the clothes brand Gymboree. The first letter in the Gymboree wordmark had almost the same shape as the one used in the Google favicon, while the color palette was totally different.

“White” emblems


As mentioned above, during times of great tragedy the company often uses a colorless logotype. There have been several “white” logos so far. In each case, the “white” logotype has exactly the same shape as the regular one, the only difference is the color scheme. While the earliest colorless logos featured a 3D effect, the current one, as well as the 2013 version, is flat.

Font


The latest version of the Google logo uses the sans-serif font, which is different from Times New Roman and ornamental fonts, which the wordmark had appeared in before. This font has a bold and streamlined shape, which makes it pixel-friendly, so it suits all resolutions; therefore, the wordmark is legible on all sorts of devices.


The Google Plus logo is based on the uppercase “G” given in the same typeface as in many other Google’s products (for instance, Google Search). The letter itself is white. Next to it, there is the plus sign, also white. They are placed inside a circle with red filler. The logotype looks dimensional due to the shade effect. Interestingly enough, the combination of colors and the “+” sign make the Google Plus logo somewhat similar to the Red Cross emblem, although the colors are inverted there.



The Google Play logo has been modified more than once since the platform’s name was changed from Market to Google Play in 2012. The triangular shape of the emblem has stayed the same, but there has been some playing around with the colors and the wordmark. The icon introduced in April 2016 features brighter, saturated colors. The emblem acquired a flat look.


Both the colors and shape of the Google Drive logo have a symbolic meaning of their own. The Google Drive comprises three options: DOCS (a blue logo), SHEETS (green), and SLIDES (yellow). So, each color of the Google Drive logo represents one of the services it encompasses. The triangle emphasizes the concept “three”, while the fact that it is a closed figure symbolizes that your data is protected.


The wordmark includes the word “Google” looking exactly like the regular Google logo and the word “Maps” in grey. Unlike the 2013 version, the first letter of the name of the service is capitalized. The favicon features a stylized map with two roads (a yellow and a white one) and three fields (blue, green, and grey). Also, there is a red balloon sign with a round dot in a darker shade of red.



The wordmark itself has been built in the same way as those of other Google services: the first word is the regular Google wordmark, while the second word is the name of the service given in grey.
The Google Analytics logo as seen on its icon features a graphic representation of an up-and-down trend. The palette includes two shades of orange as well as the white color.

Первый логотип 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, неординарность, которую не вписать в рамки и правила.

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

История логотипа Google

Главная страница Гугл - образец минимализма и простоты. Однако так не было задумано. Дело в том, что основатели компании Сергей Брин и Ларри Пейдж, будучи студентами, плохо разбирались в HTML.

Это видно по первому логотипу, который создал Сергей для тогда еще научного проекта в Стэнфорде. Смешно, но он нарисовал его в бесплатной «рисовалке», которых сейчас тысячи в Сети.

Очевидно, что, когда студенческий проект перерос в перспективную компанию, такой вариант никого не устроил. Поэтому Сергей попросил преподавательницу дизайна Рут Кедар создать новый логотип.

Ей поставили четкую задачу - выделить Google среди конкурентов и отразить в лого бесконечные возможности поисковой системы.

Примечание: название Google происходит от английского числа googol (единица с сотней нулей). Такая ассоциация отражает то, как создатели видели работу с информационными запросами.

За время работы над проектом Рут представила восемь эскизов. Надо сказать, что этот путь был нелегким. Шаг за шагом создавался логотип, который в последующем задал тренд в дизайне интернет-площадок.

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

Сергею и Ларри понравился ход мыслей Рут. Переплетение букв «О» напомнило им китайскую головоломку. Однако дизайнер буквально восприняла фразу «оставить текст без изменений». Логотип оказался слишком прост. Через какое-то время она презентовала второй эскиз.

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

Третий вариант серьезно отличался от предыдущих эскизов. Дизайнер поменяла шрифт Catull на ITC Leawood, добавила цвета, изменила регистр и переплела центральные буквы. В целом идея понравилась, однако метафора с олимпийскими кольцами не пришлась основателям по вкусу.

При работе над четвертым эскизом Рут добавила больше цветов. Написала слово в верхнем регистре и создала два графических элемента - стилизованную под увеличительное стекло букву «О» и их пересечение. Из-за этого логотип вышел перегруженным и слишком строгим. Что ж, хозяин - барин. Пришлось работать дальше.

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

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

В седьмом варианте логотипа изменили порядок цветов и вернулись к шрифту Catull. В целом дизайн был близок к идеалу, однако приподнятая буква «О» вызвала вопросы. Во время презентации решили избавиться от дополнительных графических объектов, поскольку в будущем лишний ассоциативный ряд мог ограничить компанию. Как мы знаем, это решение было правильным, поскольку Google сегодня - это больше, чем поисковая система.

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

Это лого появилось на главной странице компании в 1999 году. После этого в 2013-м и 2015-м годах были созданы еще два варианта дизайна.

Дудлы Гугл

Знаете ли вы, что такое «дудл»? ‘Каракули’ - именно так переводится это слово с английского языка. Подобное направление в творчестве возникло из обычных рисунков на полях тетрадей. Для них характерны мультяшность и толстые, ровные обводки.

Вы спросите: причем здесь Google? При том, что на заре компании, когда Сергей Брин и Ларри Пейдж были студентами, они отправились на фестиваль в Мексику. Чтобы сообщить об этом пользователям, программисты поместили на логотип «горящего человека» со ссылкой на событие.

Эта идея пришлась по душе и со временем стала традицией. Подобными открытками в 1999 году компания поздравила людей с Днем благодарения и Хеллоуином. В последнем случае центральные буквы «О» заменили на два «светильника Джека».

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

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

Кроме того, если у человека есть Gmail-ящик с заполненными личными данными, Google поздравит пользователя с днем рождения простеньким дудлом. Таким, как этот ▼.

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

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter
ПОДЕЛИТЬСЯ:
Ваш бизнес - От идеи до реализации