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

Преображение логотипа Google

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

googles-new-logo-5078286822539264.2-hp-2

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

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

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

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

google1

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

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

Элементы:

лого

Логотип

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

точки

Точки

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

G

Буква G

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

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

Разработка дизайна уходит гораздо дальше основных элементов. Этот пример показывает мышление, которое стало основой системы.

Логотип

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

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

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

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

Точки

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

Цвет

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

Типографика

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

Продукты

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

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

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

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

Автор: Google

Перевод: Say-Hi

Читайте также:

comments powered by HyperComments
comments powered by HyperComments

Теги

Об авторе: Ольга

Ольга

Главред @ Say-Hi.

Мы Вконтакте

Яндекс.Метрика