Як створювалася нова айдентіка і логотип google і що за ними стоїть

Google - це не традиційна компанія. Наша місія - збирати інформацію і робити її універсально доступною і корисною - продовжує еволюціонувати. У минулому році ми презентували Material Design, покликаний допомогти дизайнерам і розробникам охопити розширюється, поліустройственний, мультиекранний світ. З тих же міркувань ми представляємо нову айдентику бренду, покликану зробити Google ще більш доступним і корисним користувачам - де б вони не використовували сервіси компанії.

З самого початку свого існування головна сторінка Google.com була аскетично проста: химерний різнокольоровий логотип над єдиному заповнюваних полем на чистому білому тлі. Але технології не стоять на місці, технологічний бекграунд змінюється, потреби і вхідні дані стають все більш різноманітними.

З'явилися нові типи пристроїв і шляхи комунікації та взаємодії: носяться пристрої, голосові технології та інші «розумні» девайси оточують нас з усіх боків. Тепер люди взаємодіють з Google, використовуючи ціле сузір'я пристроїв, і наш бренд зобов'язаний демонструвати ту ж простоту і зручність, до якого наші користувачі звикли при роботі з головною сторінкою. У той же час, ми повинні відповідати можливостям, які доступні кожному з типів пристроїв і екранів.

Нижче представляємо побіжний погляд на деякі дизайнерські рішення, до яких ми прийшли, використовуючи все те найкраще, що люди знають і люблять в Google. Ми еволюціонуємо, залишаючись такими ж динамічними і оригінальними, якими завжди намагалися бути.

створювали разом

Раніше в цьому році дизайнери зі всієї компанії, включаючи команди Creative Lab і Material Design, зібралися в Нью-Йорку для тижневого інтенсивного дизайнерського спринту. Ми створили бриф, який включив чотири завдання, які треба було вирішити:

• Швидка іконка, яка б могла відображати повноту логотипу в стислому просторі;
• динамічна, розумна анімація, яка б взаємодіяла з користувачем на всіх етапах роботи;
• систематичний підхід до брендингу всіх продуктів Google, щоб зробити досвід роботи з нашими сервісами комфортним;
• визначення того, що ж робить наші продукти «гугловських», поєднання кращих рис бренда, які користувачі знають і люблять, з тими змінами, які необхідно внести.

Ми почали з дистиляції суті нашого бренду аж до базових елементів - чотири кольори на чистому білому тлі - і зібрали їх заново. Заваливши підлогу кімнати сотнями годин дизайнерської роботи, ми, нарешті, знайшли кілька напрямків, які нас надихнули.

Ми поділилися ідеями з іншими співробітниками компанії. Інженери, дослідники, продуктовиків і маркетологи протестували наші ідеї і оцінили їх здійсненність. Ми ітерованих стратегію дизайну і його розгортання. Спільна робота привела нас до досить гнучкою системі, яка могла б бути використана в усіх наших маркетингових матеріалах і роботі над продуктами в рамках будь-якої платформи.

Три основних елементи, на яких тримається брендинг.

Логотип без зарубок, який зберігає в собі відмінну багатобарвну послідовність.

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

Компактна версія логотипу, яка буде працювати в контексті малих просторів.

розуміння системи

Ідея та розробка дизайну сягають значно глибше основних елементів. Специфікація була розроблена так, щоб допомогти командам послідовно працювати над широким розмаїттям додатків. Наступні приклади не охоплюють усього, але демонструють те, про що ми думали, коли розробляли систему.

Логотип Google завжди був виконаний в простому, дружньому і доступному дизайні. Ми хотіли зберегти ці якості, поєднавши їх з математичною точністю геометричних форм і дитячою безпосередністю стилю написання букв, ніби зі шкільного підручника. Наш новий логотип написаний спеціальним, геометричним шрифтом без зарубок і містить в собі багатобарвну грайливість, а також трохи перевернуту «е» з нашого попереднього логотипу - нагадування про те, що ми завжди будемо залишатися трохи нетрадиційними.

Фінальний логотип був протестований у всіх можливих розмірах і вазі, щоб переконатися, що він впишеться в усі нові цифрові контексти. Для того, щоб уніфікувати використання логотипу на екрані і в пресі, ми розробили стандарти, які покривають собою всі аспекти логотипу: інтервал, відстань між буквами, можливі зазори навколо лого, обмеження по розміщенню елементів поряд з логотипом. Кольорові пропорції відповідають повного спектру логотипу і послідовності, при якій оці зручно ковзати по формі букви.

Конструкція літери G

Буква G (в оригіналі - The Google G) - вирізана прямо з логотипу, але має більший візуальний вагу, для комфортного використання в малих розмірах і контекстах, де доведеться ділити місце з іншими елементами. Створена в тому ж стилі, що і решта іконографія бренду, буква G має круглу форму і була оптично вдосконалена щоб уникнути «змазування» в тих місцях, де буква буде перетинатися з іншими елементами.

Точки Google в русі

Точки Google - це динамічне, що знаходиться в постійному русі стан логотипу. Вони відображають собою інтелектуальність роботи Google і показують, коли Google працює на вас. Ми враховуємо ці унікальні і чарівні моменти. Був розроблений цілий ряд виразних емоцій: слухання, мислення, відповідь, нерозуміння і підтвердження. Незважаючи на те, що може здатися, що руху точок хаотичні, всі вони рухаються по певних шляхах і з певним часовим проміжком. Під кожну емоцію розроблена своя геометрична дуга і химерні криві уповільнення-прискорення.

Логотип Google виграє від порожнього простору між буквами. Однак, коли кольори поєднані - як у випадку з буквою G - вони оптично змішуються і можуть привести до потускнению оригінальної задумки. Ми скоригували і поліпшили резонанс червоного, зеленого і жовтого кольорів, щоб зберегти насиченість і яскравість.

Розробляючи логотип, ми створили кастомний геометричний шрифт без зарубок, який можна використовувати в суміжних продуктах з тієї ж айдентіка. Ми називаємо цей шрифт Product Sans. Він містить в собі все ту ж відсилання до шкільних підручників, проте витриманий в нейтральному стилі, очікуване від геометричного шрифту без зарубок. Це дозволило нам утримати відповідний рівень відмінності між логотипом Google і назвою продукту. Список символів шрифту містить в собі масу цифр, засобів пунктуації, акцентів, альтернативних символів і дробів, а також підтримує латиницю, грецьку мову і кирилицю. Можете скачати специфікацію шрифту, якщо вам цікаві подробиці.

Багато продуктів Google будуть оновлені, але для більшості людей першим досвідом знайомства з новим брендингом стане пошук. Команди по UX пошуку, спільно з інженерами, тяжко працювала над тим, щоб донести всю широту айдентики, яка втілилися в текстових і голосових запитах.

Ширша дистрибуція

Разом з еволюцією дизайну, команда інженерів розробила унікальний підхід до роботи з нашим базовим кодом. Використовуючи ідеально розроблену векторну графіку, ми автоматично згенерували тисячі векторних варіантів під різноманітні вимоги за розміром, кольором і фону. Потім ми перевірили всі ці варіанти, щоб уникнути дублікатів та переконатися, що кожна команда працює з останньою версією даних.

Це дозволило нам створити ідеальні варіанти графіки всюди, де вона використовується і оптимізувати дані за розміром і тривалості, включаючи розробку спеціального варіанту нашого повнокольорового лого, розміром всього в 305 байт, що значно менше в порівнянні з вже існуючим лого розміром десь близько 14 000 байт. Старе лого із зарубками і великим розміром файлу вимагало погіршення якості тексту наближеного логотипу при низкоскоростном інтернет-з'єднанні. Зменшений розмір файлу нового лого вирішує цю проблему і наближає нас до мети зробити Google ще більш доступним і корисним для користувачів з усього світу.

За лаштунками дизайну

Дизайн був тільки частиною нашої роботи. Реалізація нової айдентики вимагає колективних зусиль сотень працівників Google, які виконують найрізноманітніші ролі, і включає в себе роботу співробітників всієї організації. Вони заслуговують на велику повагу за розробку і впровадження нової системи аж до останнього пікселя.

Продовжуючи розробляти нові продукти, ми сподіваємося, що наша робота продовжить захоплювати і радувати простотою, якої ви очікуєте від Google - де б ви не користувалися нашими технологіями.