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 презентовала новый логотип для своей поисковой системы. В нем название поисковика выглядит плоским и выполнено с помощью нового шрифта. По мнению представителей Google, в таком виде логотип больше соответствует современным «веяниям », которые стремятся к минимализму во всем.
Корпорация Google сменила логотип своей поисковой системы на новый. Кроме этого поменялись иконки поисковика, как в его веб-версии, так и в мобильном приложении. Они полностью соответствуют новому логотипу, поэтому их цветовая гамма состоит не из одного, а из четырех основных оттенков. В старой версии иконки использовался лишь один цвет – синий.
Вслед за этим компания модифицировала «экстерьер» мобильной версии поиска, а также внешний вид карточек в Google Now . По мнению Google, все эти изменения помогут полностью отобразить новый «визуальный язык » поисковой системы.
Как отметил один из дизайнеров продуктов компании Кай Конраган , уже скоро все пользователи поисковой системы Google по всей планете смогут оценить ее новый логотип, иконку. А также кардинально новый дизайн мобильной поисковой выдачи, где для оформления логотипа были использованы «анимированные точки ».
Кроме этого Кай подчеркнул, что Google уже не первый раз меняет дизайн и логотип своей поисковой системы. Но в этот раз обновление является более важным, потому что оно полностью отражает разнообразие и философию сервисов компании.
Благодаря этому теперь всех сервисы объединяет общий «образ », для создания которого были использованы лучшие черты «характера » Google: простота, дружелюбие и лаконичность. Новый логотип является символом не только сегодняшнего уровня развития компании, но и ее достижений в будущем.
После обновления на главной странице поисковой системы отображается дудл с эффектом анимации. Он показывает, как рукой стирается старый логотип поисковика и создается новый.
Также был изменен внешний дизайн и функционал в мобильном поисковом приложении для устройств, работающих на базе операционной системы Android. Благодаря этому пользователи смогут ознакомиться с различными видами контента (в том числе и видео ) не выходя из поиска путем нажатия на него и пролистывания.
Теперь в Google Now все карточки отсортированы по категориям, чтобы пользователи могли легче и быстрее найти нужные данные. На протяжении дня карточки будут менять свой порядок в зависимости от того, информация из какой категории более востребована среди пользователей в конкретный момент времени.
Хорошо Плохо
Корпорация Yahoo представила новый интерфейс своей поисковой системы. Стоит отметить, что на данный момент он доступен исключительно пользователям из США.
История происхождения логотипа Google переплетается с созданием наименования этой интернет компании. Разработчики были людьми образованными и достаточно продвинутыми, поэтому они решили создать логотип, который бы подчёркивал их могущество. Слово Google представляет из себя слегка видоизменённое английское слово "googol". Оно олицетворяет число десять в сотой степени , то есть другими словами показывает всю мощь этой технологической корпорации. Интернет общественность узнала о появлении новой поисковой системы в 1997 году под именем Гугл. Было также зарегистрировано и доменное имя google .com.
Данный логотип стал разрабатывать один из руководителей корпорации по имени Сергей Брин . Через некоторое время не совсем удовлетворённый результатом он просит помощи у Рут Кедар , которая работала в 1999 году преподавателем дизайна в Стенфордском Университете. Принято считать, что всем известный логотип Google разработала именно эта леди.
Руководители интернет проекта поставили перед Рут серьёзную задачу. Их компании требовался логотип, который бы выделял их молодой проект среди конкурентов. Было создано несколько вариантов эмблемы, и было проведено заседание, на котором выбрали победителя. Выбранный логотип отвечал всем заявленным правилам, а именно:
Очень простая надпись;
Некая воздушность и объёмность букв;
Шрифт, который используется в лого, называется - Catull (он использует элементы старинного стиля, что призвано олицетворять связь поколений, который поможет в поиске);
Простота и игривость стиля;
Оригинальное применение цветовых оттенков не учитывая правила цветового круга.
Действительно у этой эмблемы была надпись без всяких излишеств и пёстрых цветов. Кроме того она имела символичный подтекст, которая показывала всё удобство использования данной поисковой системой и подчёркивала неординарность корпорации.
Читайте ещё: что такое Мем
В наше время лого Google является не просто отражением политики корпорации, но и событий произошедших в реальной истории. Многие вероятно обратили внимание, что внешний вид надписи изменяется во время каких-либо знаменательных дат. В компании Google такие небольшие рисуночки называют дудлами (doodle), что можно перевести, как рисовать без всякого старания, выписывать каракули. Со временем все пользователи привыкли к такому нововведению и оно стало частью всемирной паутины, что безусловно не может не вызывать уважение.
История компании Гугл
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
От меня: Первые версии сайта можно найти на