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
Перевод: Say-Hi
Читайте также: