新的品牌標(biāo)識(shí)使Google對(duì)我們的用戶更加方便和有用
由Alex Cook瘦材,Jonathan Jarvis和Jonathan Lee
Google不是一個(gè)傳統(tǒng)的公司矩动。我們的使命是把世界的信息脂信,使其普遍可及和有用 - 不斷發(fā)展唇兑。去年锨并,我們引入了材料設(shè)計(jì)厦坛,幫助設(shè)計(jì)師和開(kāi)發(fā)人員擁抱擴(kuò)展的多設(shè)備多屏幕世界五垮。考慮到這些考慮杜秸,我們很高興分享一個(gè)新的品牌標(biāo)識(shí)放仗,旨在使Google更容易訪問(wèn)和使用用戶,無(wú)論他們遇到什么撬碟。
自創(chuàng)立以來(lái)诞挨,Google.com首頁(yè)顯得非常簡(jiǎn)單:古怪的多彩多姿的標(biāo)志位于一個(gè)干凈的白色畫(huà)布上的單一莉撇,平易近人的投入領(lǐng)域之上。但是隨著技術(shù)向前發(fā)展惶傻,畫(huà)布本身正在發(fā)生變化棍郎,投入和需求變得越來(lái)越多樣化。新一代的設(shè)備和互動(dòng)方式已經(jīng)出現(xiàn)在我們周圍世界的可穿戴設(shè)備银室,語(yǔ)音技術(shù)和智能設(shè)備上涂佃。用戶現(xiàn)在可以通過(guò)使用一組設(shè)備與Google進(jìn)行互動(dòng),而我們的品牌應(yīng)該在我們的主頁(yè)上表達(dá)同樣的簡(jiǎn)單和喜悅蜈敢,同時(shí)充分接受每個(gè)新設(shè)備和表面提供的機(jī)會(huì)辜荠。
這里有一些設(shè)計(jì)考慮,充分利用了人們對(duì)Google的了解和喜愛(ài)抓狭,并將品牌發(fā)展為繼續(xù)像我們一直努力的動(dòng)態(tài)和非常規(guī)品牌伯病。
設(shè)計(jì)在一起
今年初,來(lái)自全球各地的設(shè)計(jì)師否过,包括創(chuàng)意實(shí)驗(yàn)室和材料設(shè)計(jì)團(tuán)隊(duì)午笛,在紐約召開(kāi)了一個(gè)激烈的一周的設(shè)計(jì)沖刺。我們起草了一個(gè)簡(jiǎn)要說(shuō)明叠纹,確定了我們想要解決的四個(gè)挑戰(zhàn):
可擴(kuò)展的標(biāo)記季研,可以傳達(dá)在限制空間中的完整標(biāo)識(shí)的感覺(jué)敞葛。
結(jié)合動(dòng)態(tài)誉察,智能的動(dòng)作,在互動(dòng)的所有階段響應(yīng)用戶惹谐。
在我們的產(chǎn)品中進(jìn)行品牌化的系統(tǒng)化方法持偏,以提供人們?nèi)粘S龅紾oogle的一致性。
將我們的網(wǎng)站的優(yōu)化結(jié)合在一起氨肌,結(jié)合用戶所熟悉和喜愛(ài)的品牌鸿秆,以及他們的需求如何變化的深思熟慮。
我們從干凈的白色背景開(kāi)始怎囚,將我們品牌的精華放在四色之上卿叽,并將其重新構(gòu)建起來(lái)。粘性物質(zhì)被卡住恳守,引腳被推動(dòng)考婴,而塞子是動(dòng)畫(huà)的。隨著切割房間鋪滿了數(shù)百小時(shí)的設(shè)計(jì)工作催烘,我們開(kāi)始了幾個(gè)令我們興奮的方向沥阱。
我們與組織中的團(tuán)隊(duì)分享了這一想法。工程伊群,研究考杉,產(chǎn)品和營(yíng)銷測(cè)試了這些想法策精,并評(píng)估了其可行性,因?yàn)槲覀冎貜?fù)了設(shè)計(jì)和推廣策略崇棠。這個(gè)合作過(guò)程導(dǎo)致系統(tǒng)靈活性足以在任何平臺(tái)上使用我們的營(yíng)銷材料和產(chǎn)品工作:構(gòu)成單一標(biāo)志的三個(gè)基本狀態(tài)咽袜。
元素
從左到右:Google徽標(biāo)使用無(wú)襯線,保留了我們獨(dú)特的多色序列枕稀。點(diǎn)是動(dòng)態(tài)蒸餾交互式酬蹋,輔助性和過(guò)渡時(shí)刻的標(biāo)識(shí)。Google G是Google徽標(biāo)的緊湊型版本抽莱,適用于小型環(huán)境范抓。
了解系統(tǒng)
思維和設(shè)計(jì)的發(fā)展比核心要素深得多,而且開(kāi)發(fā)了一個(gè)規(guī)范來(lái)幫助各種應(yīng)用程序的團(tuán)隊(duì)保持一致食铐。以下示例不全面匕垫,但顯示了進(jìn)入系統(tǒng)的一些想法。
打印商標(biāo)
Google徽標(biāo)始終具有簡(jiǎn)單虐呻,友好和平易近人的風(fēng)格象泵。我們希望通過(guò)將幾何形式的數(shù)學(xué)純度與教科書(shū)信打印的童心簡(jiǎn)單相結(jié)合來(lái)保留這些素質(zhì)。我們的新標(biāo)識(shí)設(shè)置在一個(gè)自定義的幾何無(wú)襯線字體中斟叼,并保持多色的俏皮感和旋轉(zhuǎn)“e”我們以前的標(biāo)記 - 提醒我們永遠(yuǎn)是一個(gè)非常規(guī)的偶惠。
在所有新的數(shù)字環(huán)境中,最終的標(biāo)識(shí)都以不同的尺寸和重量進(jìn)行了徹底的測(cè)試朗涩,以獲得最大的可讀性忽孽。為了指導(dǎo)屏幕和打印的使用,我們制定了涵蓋標(biāo)識(shí)的所有方面的標(biāo)準(zhǔn)谢床,包括間隔兄一,清除規(guī)則,產(chǎn)品鎖定和產(chǎn)品處理的紅線規(guī)范识腿。
Google G建設(shè)
Google G直接來(lái)源于標(biāo)識(shí)“G”出革,但是使用增加的視覺(jué)重量可以在需要與其他元素共享空間的小尺寸和上下文中站起來(lái)。設(shè)計(jì)在與我們的產(chǎn)品圖像相同的網(wǎng)格上渡讼,圓形形狀被光學(xué)精制骂束,以防止圓形遇到橫梁時(shí)的視覺(jué)“偏斜”。顏色比例傳達(dá)標(biāo)識(shí)的全譜成箫,并進(jìn)行排序以幫助圍繞字母形狀的眼睛運(yùn)動(dòng)展箱。
Google Dots in Motion
Google點(diǎn)是標(biāo)志的動(dòng)態(tài)和永恒的移動(dòng)狀態(tài)。它們代表Google的工作情報(bào)伟众,并指出Google正在為您工作析藕。我們認(rèn)為這些獨(dú)特的魔法時(shí)刻。開(kāi)發(fā)了一系列表達(dá)方式,包括聽(tīng)力账胧,思維竞慢,回答,不理解和確認(rèn)治泥。雖然他們的動(dòng)作似乎是自發(fā)的筹煮,但是他們的動(dòng)作植根于一致的路徑和時(shí)間,點(diǎn)數(shù)沿著幾何弧線移動(dòng)居夹,并遵循標(biāo)準(zhǔn)的快速松弛曲線败潦。
顏色
谷歌標(biāo)識(shí)受益于字母之間的空格,但是當(dāng)顏色相鄰時(shí)准脂,就像Google G的情況一樣 - 它們被光學(xué)混合劫扒,并且可能導(dǎo)致原始值的變暗和變暗。我們調(diào)整并推動(dòng)紅色狸膏,綠色和黃色的活力沟饥,以保持飽和和流行。
履行
活版印刷
在開(kāi)發(fā)標(biāo)識(shí)的同時(shí)湾戳,我們創(chuàng)建了一種定制的幾何無(wú)襯線字體贤旷,以補(bǔ)充產(chǎn)品鎖定中的徽標(biāo)和支持身份資料。我們稱之為產(chǎn)品類砾脑。字體設(shè)計(jì)采用同樣的教科書(shū)信紙打印風(fēng)格的提示幼驶,但采用了幾何無(wú)襯線的中性一致性。這使我們能夠在Google標(biāo)識(shí)和產(chǎn)品名稱之間保持適當(dāng)?shù)膮^(qū)別韧衣。字符集包含數(shù)字盅藻,標(biāo)點(diǎn)符號(hào),口音和備用字符汹族,分?jǐn)?shù)萧求,符號(hào)和支持?jǐn)U展拉丁語(yǔ)其兴,希臘語(yǔ)和西里爾字體顶瞒。下載類型標(biāo)本更多細(xì)節(jié)。
產(chǎn)品
Google的許多產(chǎn)品將會(huì)發(fā)布更新元旬,但對(duì)于大多數(shù)人來(lái)說(shuō)榴徐,新品牌的第一次體驗(yàn)將是通過(guò)搜索。搜索UX和工程團(tuán)隊(duì)努力提供文本和語(yǔ)音查詢的第一個(gè)實(shí)例匀归,展現(xiàn)了身份的全面表達(dá)坑资。
更廣泛的分銷
隨著設(shè)計(jì)的發(fā)展,工程開(kāi)發(fā)了一種獨(dú)特的方法穆端,用于資產(chǎn)生成袱贮,版本控制和我們代碼庫(kù)中的自助服務(wù)分發(fā)。使用像素完美SVG作為基礎(chǔ)資產(chǎn)体啰,我們自動(dòng)生成數(shù)千個(gè)基于矢量的變體攒巍,以滿足大小嗽仪,顏色和背景要求。然后柒莉,這些變體在規(guī)范的位置檢查到我們的源代碼控制中闻坚,以避免重復(fù),并確保每個(gè)團(tuán)隊(duì)都使用最正確的最新資產(chǎn)兢孝。
這有助于我們使設(shè)計(jì)像素在任何地方都可以完美使用窿凤,并且允許我們優(yōu)化這些資產(chǎn)的尺寸和延遲,包括構(gòu)建一個(gè)僅305字節(jié)的全彩色標(biāo)志的特殊變體跨蟹,與現(xiàn)有標(biāo)志相比雳殊,約為14,000字節(jié)。舊的標(biāo)志窗轩,其復(fù)雜的內(nèi)容和更大的文件大小要求我們?yōu)榈蛶掃B接提供基于文本的標(biāo)識(shí)近似相种。新標(biāo)識(shí)縮小的文件大小避免了這種變通方法,當(dāng)您考慮我們的目標(biāo)是讓Google對(duì)世界各地的用戶(包括下一個(gè)十億)更易于訪問(wèn)和有用的時(shí)候品姓,一致性就會(huì)產(chǎn)生巨大的影響寝并。
超越設(shè)計(jì)
設(shè)計(jì)只是努力的一部分。實(shí)現(xiàn)新的身份要求對(duì)數(shù)百名Google員工進(jìn)行集體工作和勤奮工作腹备,不同角色衬潦,跨越整個(gè)組織。他們應(yīng)該得到巨大的信譽(yù)植酥,建立和實(shí)施系統(tǒng)到最后一個(gè)像素镀岛。
隨著我們推動(dòng)創(chuàng)造新的產(chǎn)品和經(jīng)驗(yàn),我們希望這項(xiàng)工作將繼續(xù)為您提供Google期望的簡(jiǎn)單和高興 - 無(wú)論新技術(shù)可能帶給我們什么友驮。