點(diǎn)擊按鈕總結(jié)全文核心內(nèi)容，讓你的閱讀更高效率。

谷歌在北京時(shí)間9月2日凌晨宣布啟用新LOGO標(biāo)識(shí)，新LOGO采用無襯線字體，同時(shí)字母“G”采用四種顏色，整體更加動(dòng)態(tài)。新LOGO的推出是為了更好的適用不同的智能終端，包括智能手機(jī)、電視、手表、汽車等。谷歌副總裁、產(chǎn)品經(jīng)理塔馬爾·約書亞(Tamar Yehoshua)表示，谷歌Logo和商標(biāo)，它們最初的設(shè)計(jì)被用于單一臺(tái)式電腦的瀏覽器頁面，之后不斷更新，以期能在無以計(jì)數(shù)的設(shè)備和不同種類的輸入方式（如觸屏、打字和對(duì)話）中適應(yīng)無縫連接的世界。

多年來，谷歌一直在對(duì)Logo進(jìn)行小幅調(diào)整。谷歌曾在Logo后面加入感嘆號(hào)，并在字母G上使用綠色替代藍(lán)色。不過，自1999年以來，谷歌Logo的基本設(shè)計(jì)沒有發(fā)生太大變化。Google在其官方博客中表示，這不是Google第一次更新LOGO，也不是最后一次，不過，這是16年以來風(fēng)格變化最大的一次。

google LOGO演變歷史

1998年
Larry Page 和Sergey Brin 在史丹佛大學(xué)畢業(yè)的專題中首次將成果命名為”Google”，是Google 的一個(gè)標(biāo)志。

1998年8月30日
Google 創(chuàng)辦人在參加火人祭(Burning man) 時(shí)制做的圖示，也是Google 的第一個(gè)Doodle，主要是告訴大家目前人不在辦公室。

1998年9月
Google 正式使用Google.com 這個(gè)網(wǎng)址，也向全世界使用者公開測(cè)試。

1999年5月
變化了字型，也取消了Google 后面的驚嘆號(hào)，字型的選擇上則是讓活潑好動(dòng)的Google 能也有沉穩(wěn)的表現(xiàn)。

2010年5月
將文字的亮度調(diào)高，陰影的面積也變得更小、更清楚。

2013年9月
平面化設(shè)計(jì)正夯，Google Logo 也搭上這波??風(fēng)潮，將Google 壓扁處理。

以下內(nèi)容翻譯自Google Design 官方博客，原文標(biāo)題為“Evolving the Google Identity”

Google 從來不是一家循規(guī)蹈矩的公司，我們的目標(biāo)是幫助人們可以充分利用世界上的信息并從中獲益，并且不斷向前進(jìn)步。去年，我們就開發(fā)了 Material Design 去幫助設(shè)計(jì)師與開發(fā)者們進(jìn)入一個(gè)廣闊的、多設(shè)備的、多屏的世界中去。因?yàn)橛羞@些想法在心中，所以我們非常高興地與你分享 Google 新的品牌形象：不管你身在何方，我們都希望可以幫助你更輕松、更有效地使用 Google。

從一開始，Google 的官網(wǎng)設(shè)計(jì)就非常簡(jiǎn)潔：在白色的頁面中間是顯眼的搜索輸入框，在它的上方，則是 Google 獨(dú)特多彩的 logo?？萍际遣粩嘞蚯鞍l(fā)展的，頁面也在不斷改變，輸入方式與用戶需求也在不斷變化。新的用于溝通交流的設(shè)備與途徑正在出現(xiàn)，尤其體現(xiàn)在可穿戴設(shè)備、語音技術(shù)以及智能設(shè)備等方面。用戶們現(xiàn)在使用各種不同的設(shè)備登錄 Google，而我們自己也應(yīng)該在首頁向用戶傳遞他們所期待的簡(jiǎn)潔有趣的感覺，這樣才可以擁抱不同設(shè)備與平臺(tái)所帶來的機(jī)會(huì)。

現(xiàn)在，我們要向你介紹一下我們的設(shè)計(jì)理念，那就是：了解用戶熟悉和喜愛 Google 的地方，在此基礎(chǔ)上發(fā)展我們的品牌，努力成為一家有活力的、不墨守成規(guī)的公司。

共同設(shè)計(jì)

今年早些時(shí)候，包括創(chuàng)新實(shí)驗(yàn)室 (Creative Lab)、Material Design 團(tuán)隊(duì)在內(nèi)的來自不同公司的設(shè)計(jì)師們，在紐約召開了一個(gè)為期一周的緊張激烈的設(shè)計(jì)會(huì)議，我們起草了 4 項(xiàng)想要去完成的挑戰(zhàn)：

1.創(chuàng)造一個(gè)可以在有限空間內(nèi)傳達(dá)完整標(biāo)識(shí)的可擴(kuò)展性標(biāo)志符號(hào)；
2.通過動(dòng)態(tài)化與智能化概念的結(jié)合，做到在交流中的每個(gè)階段都可以回應(yīng)用戶的需求；
3.通過系統(tǒng)化的方法使我們的產(chǎn)品品牌化，為用戶在日常使用 Google 的過程中提供一致性的服務(wù)；
4.使 Google 的風(fēng)格精致化，并結(jié)合用戶熟悉和喜愛 Google 的地方，在此基礎(chǔ)上對(duì)用戶需求的變化進(jìn)行周密的分析。

我們從提取 Google 的品牌精華入手，以此找到了關(guān)鍵因素——在一塊白色背景上的四種顏色——并把它們組合在一起。雖然工作室里混亂不堪，膠水粘在一起，圖釘散落一堆，但隨著花費(fèi)在里面幾百個(gè)小時(shí)的設(shè)計(jì)工作，我們找到了幾個(gè)讓我們感到激動(dòng)的新方向。

我們?cè)趫F(tuán)隊(duì)中分享自己的想法，工程部門、研究部門、產(chǎn)品部門與營(yíng)銷部門各自反復(fù)檢驗(yàn)不同的想法，并且測(cè)算不同想法的可行性。這個(gè)通力合作的過程終于完成了一個(gè)足夠靈活的、可以被用在不同平臺(tái)的營(yíng)銷材料和產(chǎn)品任務(wù)中的新系統(tǒng)：由3個(gè)基本狀態(tài)構(gòu)成一個(gè)單一的 logo。

新元素

Google標(biāo)志：logo內(nèi)容并沒有變化，依然是Google幾個(gè)字，但新logo字體經(jīng)過重新設(shè)計(jì)，采用了無襯線風(fēng)格，字體更加圓滑、現(xiàn)代，同時(shí)展現(xiàn)了一種簡(jiǎn)約、友好、平易近人的風(fēng)格。字體進(jìn)行了不斷的測(cè)試以檢驗(yàn)其易讀性，爭(zhēng)取最大限度的完美。

Google動(dòng)態(tài)點(diǎn)：這是是一個(gè)動(dòng)態(tài)的、不斷移動(dòng)的狀態(tài)標(biāo)識(shí)，它指示出谷歌當(dāng)前正在為你工作。這是一個(gè)全新的表達(dá)方式，也見證了一個(gè)獨(dú)特而神奇的時(shí)刻。

Google G：Google G是由谷歌的原LOGO衍生而來，但增加了其視覺效果，因?yàn)樗槐卦傧蛞郧耙粯雍推渌帜笖D在一起。和其他產(chǎn)品的設(shè)計(jì)方法相同，這次相對(duì)圓潤(rùn)的設(shè)計(jì)讓字母的圓形部分和交叉部分良好地融合，呈現(xiàn)優(yōu)雅的視覺效果。色彩部分仍沿用了原有的幾個(gè)色調(diào)，并且按易讀的順序排列。

了解這個(gè)系統(tǒng)

Google 在思維與設(shè)計(jì)方面的發(fā)展比起一些核心元素要走得更遠(yuǎn)，因此開發(fā)出一套規(guī)范可以幫助整個(gè)團(tuán)隊(duì)在不同方面保持一致性。下面的例子并不能完全說明問題，但是也展示了一些我們對(duì)于這個(gè)系統(tǒng)的想法。

標(biāo)識(shí)

Google 的標(biāo)識(shí)一直保持著簡(jiǎn)單、友好、親近用戶的設(shè)計(jì)風(fēng)格，通過結(jié)合 logo 原有的幾何形式與新的、兒童化的教科書字體，我們想要繼續(xù)保持這些特點(diǎn)。我們新的標(biāo)識(shí)設(shè)定為自定義的無襯線字體，同時(shí)繼續(xù)維持多種色彩的輕松風(fēng)格，并且將原有標(biāo)識(shí)中的字母「e」進(jìn)行了旋轉(zhuǎn)—這是為了表明 Google 永遠(yuǎn)追求創(chuàng)新的理念。

最終的標(biāo)識(shí)經(jīng)過了很多嚴(yán)苛的測(cè)試，其中包括尺寸的問題，以及在不同的數(shù)字化場(chǎng)景中呈現(xiàn)的清晰度問題。同時(shí)，為了指導(dǎo)用戶在屏幕上的使用和打印，我們開發(fā)了覆蓋所有領(lǐng)域的關(guān)于 logo 的標(biāo)準(zhǔn)，其中包括 logo 的位置、清除 logo 的規(guī)則、以及產(chǎn)品的出版與印刷方法等各個(gè)方面。

Google G 的構(gòu)造

Google G 是直接從 Google 標(biāo)識(shí)中的“G”發(fā)展出來的，但是增強(qiáng)了在小尺寸界面下使用視覺效果。作為在同一個(gè)網(wǎng)格內(nèi)設(shè)計(jì)的產(chǎn)品形象，圓形的設(shè)計(jì)從光學(xué)角度防止了視覺上“過于集中在一點(diǎn)”的問題，而色彩的比例傳遞出標(biāo)識(shí)的完整光譜，顏色的順序也有利于看這個(gè)字母時(shí)的視線運(yùn)動(dòng)。

運(yùn)動(dòng)中的 Google 圓點(diǎn)

Google 圓點(diǎn)是 logo 在動(dòng)態(tài)的、永恒運(yùn)動(dòng)中的狀態(tài)。它們既展現(xiàn)著 Google 在工作當(dāng)中的聰明才智，又能顯示出 Google 正在為你服務(wù)，我們認(rèn)為這是一種獨(dú)特的、奇妙的運(yùn)動(dòng)形式。一個(gè)完整 Google 圓點(diǎn)的展現(xiàn)形式包括傾聽、思考、回復(fù)、不解、以及確認(rèn)這幾個(gè)步驟。也許他們的動(dòng)作看起來是同步發(fā)生的，但它的運(yùn)動(dòng)基于一致的路徑和時(shí)間。

色彩

Google 的彩色標(biāo)識(shí)很顯眼，這受益于字母式 logo 之間的空白區(qū)域。但是當(dāng)顏色很接近時(shí)——比如 Google G 的例子——他們從視覺上就容易混淆，并且可能導(dǎo)致最初的想法受到影響。因此，我們調(diào)整了顏色的種類，選擇了有活力的紅色、綠色和黃色去維持 logo 的色彩飽和度和流行性。

實(shí)施過程

印刷

為了配合新標(biāo)識(shí)的開發(fā)，我們創(chuàng)造了一個(gè)幾何無襯線的自定義字體，以此來補(bǔ)充產(chǎn)品的標(biāo)識(shí)識(shí)別及設(shè)計(jì)材料，我們叫它「Product Sans」。字體設(shè)計(jì)的靈感來自相似的教科書字體風(fēng)格，但是采用的是無襯線中性化的一致風(fēng)格。這使得我們可以在 Google 的標(biāo)識(shí)與產(chǎn)品名稱之間維持一個(gè)恰當(dāng)?shù)膮^(qū)別。字符集由數(shù)字、標(biāo)點(diǎn)符號(hào)、發(fā)音、備選字符、分?jǐn)?shù)、標(biāo)志以及一些諸如拉丁語、希臘語在內(nèi)的擴(kuò)展語種完整組成。

產(chǎn)品

盡管 Google 旗下的許多其他產(chǎn)品都將會(huì)得到更新，但是對(duì)于大多數(shù)用戶來說，他們對(duì)于這個(gè)新標(biāo)識(shí)的第一印象還是來自于搜索頁面，因此，搜索方面的用戶體驗(yàn)團(tuán)隊(duì)及工程師團(tuán)隊(duì)努力去提供文本及語音搜索的實(shí)施方案，完善了產(chǎn)品的全方位展現(xiàn)。

更廣的分布

隨著設(shè)計(jì)的發(fā)展，工程方面也根據(jù)我們的代碼庫開發(fā)出了一個(gè)面向資源生成、版本控制、及自助服務(wù)分布的獨(dú)特方法。使用在基礎(chǔ)設(shè)置上像素完美的 SVGs，我們自動(dòng)生成了上千個(gè)基于矢量的變體去滿足不同尺寸、顏色和背景的需求。這些變體被放進(jìn)一個(gè)典型的場(chǎng)景當(dāng)中進(jìn)行源代碼檢驗(yàn)，以此來避免重復(fù)的情況，并且可以確保每一個(gè)團(tuán)隊(duì)都在使用最正確的、最新的資源。

這幫助我們做出了在每一個(gè)方面都像素完美的設(shè)計(jì)，并且讓我們可以優(yōu)化這些資源的尺寸和延遲時(shí)間，其中包括開發(fā)一個(gè)只有 305 個(gè)字節(jié)的全彩 logo 變體（過去使用的全彩 logo 需要 14000 個(gè)字節(jié)）。舊的 logo，因?yàn)槠鋸?fù)雜的字體襯線和更大的尺寸，需要我們?yōu)閷拵нB接不暢的用戶提供基于文本的「相似版」logo。但新的 logo 則縮減了文件大小，避免了這種被迫的解決辦法；而當(dāng)我們面向用戶，想要讓 Google 更加接近他們、更加便于他們使用時(shí)，產(chǎn)品的一致性也可以得到完全的發(fā)揮。

超越設(shè)計(jì)

設(shè)計(jì)只是我們努力中的一部分而已，新標(biāo)識(shí)的實(shí)現(xiàn)需要集體的努力以及上百位不同職能的 Google 員工的智慧。為了建設(shè)并實(shí)施這個(gè)最新的像素系統(tǒng)，他們值得充分的信任。

因?yàn)?Google 一直致力于創(chuàng)造新的產(chǎn)品和新的用戶體驗(yàn)，我們希望這一次的工作可以傳遞出你想要在 Google 看到的、感受到的簡(jiǎn)潔與樂趣—無論新的科技將會(huì)把我們帶向何處。

擴(kuò)展閱讀：如何評(píng)價(jià)此次Google新Logo及VI？

在Google Design上關(guān)于此次換標(biāo)的文章上其實(shí)已經(jīng)對(duì)整個(gè)設(shè)計(jì)有較為詳細(xì)的展示。按照我的理解，這次Google換標(biāo)其實(shí)不僅是更換Logotype, 而算是一次VI重設(shè)計(jì)——雖然可能程度并不想當(dāng)“顛覆”。

如官方文章所介紹，這次的新標(biāo)志實(shí)際上有三個(gè)主要元素——Google 的文字標(biāo)識(shí)(Logotype)、四色動(dòng)態(tài)圓點(diǎn)以及Google G “1, The Elements一節(jié)”。

新Logotype上使用了新設(shè)計(jì)的專屬字體 Google Product Sans. 這款字體是較為典型的幾何無襯線體，結(jié)合 Google 慣用的四色，還是較有親和力的——這或許是另外有答主提到“感覺很幼齒”的原因之一吧。幾何無襯線體相對(duì)原來使用的襯線體 Catull 自然更有“簡(jiǎn)潔、現(xiàn)代”之感，而對(duì)于一家已成立十多年的科技公司而言，從以往使用的襯線體換為無襯線體，或者也有種更新形象的意味。雖然“無襯線體=新”、“襯線體=舊”這樣的認(rèn)知未免有些刻板印象，但亦無可厚非。而新Logotype在小字號(hào)下的可辨認(rèn)性相對(duì)較好（Catull 作為保持一定書法痕跡的襯線字體，橫向筆畫會(huì)偏細(xì)），這使得其在功能性上面更有優(yōu)勢(shì)，而這點(diǎn)亦是 Google Design 那篇文章提到過的。

Google Product Sans 這款字體目前并未有太多樣張，僅能從 Google Design 文中 Typography 一節(jié)的演示動(dòng)畫中窺見一些特征。如上文所提到，這是一款幾何無襯線體，不過從使用雙層小寫 a 這一點(diǎn)來看（動(dòng)畫中還特地演示了這一特征），可能也會(huì)在一些長(zhǎng)文本場(chǎng)合中出現(xiàn)——畢竟雙層 a 的易認(rèn)性相對(duì)單層 a 較好。從演示頁面中不多的文字樣本來看，這款字體算是不過不失，也沒有特別突出的特征。根據(jù)官方描述，該字體有若干 OpenType 功能，除了拉丁字母，亦覆蓋有希臘字母和西里爾字母——這對(duì)于一款“現(xiàn)代”的字體來說，也并不是什么特別的事情了。有了這款定制字體，也意味著先前在 Google 各子服務(wù)中 Roboto 和 Open Sans 混用的情況應(yīng)該會(huì)得以改變。

至于 Google G 這個(gè)圖標(biāo)，感覺也是中規(guī)中矩、沒有太過突出的地方。相當(dāng)幾何化的平面構(gòu)成、視覺修正、并針對(duì)小尺寸的顯示而比 logotype 中的 G 具有更大的字重。這些都是一個(gè)經(jīng)過嚴(yán)謹(jǐn)設(shè)計(jì)的標(biāo)志會(huì)有的因素了。不過，生成動(dòng)畫中關(guān)于將顏色構(gòu)成用以引導(dǎo)視線的那部分還是挺有趣的。將四種顏色用到這個(gè) G 上也是對(duì)應(yīng)了 “A compact version of the Google logo” 這個(gè)設(shè)計(jì)目的，不過，我對(duì)于小尺寸下四種顏色的區(qū)別還是略有疑慮，藍(lán)色和綠色在小尺寸下感覺已混在一起了。

四種標(biāo)志色的動(dòng)態(tài)圓點(diǎn)是我比較喜歡的部分。雖說用圓點(diǎn)動(dòng)畫表示狀態(tài)這個(gè)做法談不上太有獨(dú)創(chuàng)性，微軟在 Windows 8 中也是使用了圓點(diǎn)鏈來表示載入。不過，對(duì)一個(gè)作為標(biāo)志的東西賦予功能性還是比較有趣的做法，而且根據(jù) Google Design 上的演示，還有多種狀態(tài)的區(qū)分。

除了上面這些，此次更新 VI（嗯，我覺得比起“換標(biāo)”還是用這個(gè)說法比較好）較為著重的應(yīng)該就是建立一套比較規(guī)范的尺寸秩序了（原文中使用了 system 這個(gè)詞）。譬如，產(chǎn)品圖標(biāo)的尺寸被確定為 logotype 的 x-height 的三倍（估計(jì) x-height 和 em box 的高度也有一個(gè)比較“整”的數(shù)量關(guān)系，以便于換算字號(hào)與圖標(biāo)尺寸之間的關(guān)系）。當(dāng)然，這對(duì)于一個(gè)嚴(yán)謹(jǐn)?shù)?VI 系統(tǒng)也是正常不過的要求了。

另外，亦提到新 Logo 有助于處于低帶寬環(huán)境的用戶更快速地載入頁面，因?yàn)樾?Logo 的圖像體積大大減少——得益于一個(gè)基于 SVG 來生成不同尺寸場(chǎng)合下使用圖像的新系統(tǒng)。大概，比 Catull 更簡(jiǎn)單的形狀亦有些許幫助吧。

要總結(jié)的話——雖然在形體上我個(gè)人還是更喜歡使用 Catull 的原 logo, 不過這次 VI 更新對(duì)于統(tǒng)一 Google 旗下子服務(wù)還是有益處的，而且 Motion Dots 的加入亦有別于傳統(tǒng)的 logo. 若僅從 Logo 本身好不好看來評(píng)價(jià)這次換標(biāo)，未免也略簡(jiǎn)單粗暴了些。（本段轉(zhuǎn)自知乎作者：Linkzero Tsang）

最后在來個(gè)官方制作的小動(dòng)畫，擦掉了舊版的LOGO，再畫上這個(gè)新版的~

下載谷歌矢量新標(biāo)志