谷歌在北京時間9月2日凌晨宣布啟用新LOGO標識,新LOGO采用無襯線字體,同時字母“G”采用四種顏色,整體更加動態(tài)。新LOGO的推出是為了更好的適用不同的智能終端,包括智能手機、電視、手表、汽車等。谷歌副總裁、產(chǎn)品經(jīng)理塔馬爾·約書亞(Tamar Yehoshua)表示,谷歌Logo和商標,它們最初的設計被用于單一臺式電腦的瀏覽器頁面,之后不斷更新,以期能在無以計數(shù)的設備和不同種類的輸入方式(如觸屏、打字和對話)中適應無縫連接的世界。
多年來,谷歌一直在對Logo進行小幅調整。谷歌曾在Logo后面加入感嘆號,并在字母G上使用綠色替代藍色。不過,自1999年以來,谷歌Logo的基本設計沒有發(fā)生太大變化。Google在其官方博客中表示,這不是Google第一次更新LOGO,也不是最后一次,不過,這是16年以來風格變化最大的一次。
1998年 Larry Page 和Sergey Brin 在史丹佛大學畢業(yè)的專題中首次將成果命名為Google,是Google 的一個標志。
1998年8月30日 Google 創(chuàng)辦人在參加火人祭(Burning man) 時制做的圖示,也是Google 的第一個Doodle,主要是告訴大家目前人不在辦公室。
1998年9月 Google 正式使用Google.com 這個網(wǎng)址,也向全世界使用者公開測試。
1999年5月 變化了字型,也取消了Google 后面的驚嘆號,字型的選擇上則是讓活潑好動的Google 能也有沉穩(wěn)的表現(xiàn)。
2010年5月 將文字的亮度調高,陰影的面積也變得更小、更清楚。
2013年9月 平面化設計正夯,Google Logo 也搭上這波??風潮,將Google 壓扁處理。
以下內容翻譯自Google Design 官方博客,原文標題為“Evolving the Google Identity”
Google 從來不是一家循規(guī)蹈矩的公司,我們的目標是幫助人們可以充分利用世界上的信息并從中獲益,并且不斷向前進步。去年,我們就開發(fā)了 Material Design 去幫助設計師與開發(fā)者們進入一個廣闊的、多設備的、多屏的世界中去。因為有這些想法在心中,所以我們非常高興地與你分享 Google 新的品牌形象:不管你身在何方,我們都希望可以幫助你更輕松、更有效地使用 Google。
從一開始,Google 的官網(wǎng)設計就非常簡潔:在白色的頁面中間是顯眼的搜索輸入框,在它的上方,則是 Google 獨特多彩的 logo。科技是不斷向前發(fā)展的,頁面也在不斷改變,輸入方式與用戶需求也在不斷變化。新的用于溝通交流的設備與途徑正在出現(xiàn),尤其體現(xiàn)在可穿戴設備、語音技術以及智能設備等方面。用戶們現(xiàn)在使用各種不同的設備登錄 Google,而我們自己也應該在首頁向用戶傳遞他們所期待的簡潔有趣的感覺,這樣才可以擁抱不同設備與平臺所帶來的機會。
現(xiàn)在,我們要向你介紹一下我們的設計理念,那就是:了解用戶熟悉和喜愛 Google 的地方,在此基礎上發(fā)展我們的品牌,努力成為一家有活力的、不墨守成規(guī)的公司。
共同設計
今年早些時候,包括創(chuàng)新實驗室 (Creative Lab)、Material Design 團隊在內的來自不同公司的設計師們,在紐約召開了一個為期一周的緊張激烈的設計會議,我們起草了 4 項想要去完成的挑戰(zhàn):
1.創(chuàng)造一個可以在有限空間內傳達完整標識的可擴展性標志符號; 2.通過動態(tài)化與智能化概念的結合,做到在交流中的每個階段都可以回應用戶的需求; 3.通過系統(tǒng)化的方法使我們的產(chǎn)品品牌化,為用戶在日常使用 Google 的過程中提供一致性的服務; 4.使 Google 的風格精致化,并結合用戶熟悉和喜愛 Google 的地方,在此基礎上對用戶需求的變化進行周密的分析。
我們從提取 Google 的品牌精華入手,以此找到了關鍵因素——在一塊白色背景上的四種顏色——并把它們組合在一起。雖然工作室里混亂不堪,膠水粘在一起,圖釘散落一堆,但隨著花費在里面幾百個小時的設計工作,我們找到了幾個讓我們感到激動的新方向。
我們在團隊中分享自己的想法,工程部門、研究部門、產(chǎn)品部門與營銷部門各自反復檢驗不同的想法,并且測算不同想法的可行性。這個通力合作的過程終于完成了一個足夠靈活的、可以被用在不同平臺的營銷材料和產(chǎn)品任務中的新系統(tǒng):由3個基本狀態(tài)構成一個單一的 logo。
新元素
Google標志:logo內容并沒有變化,依然是Google幾個字,但新logo字體經(jīng)過重新設計,采用了無襯線風格,字體更加圓滑、現(xiàn)代,同時展現(xiàn)了一種簡約、友好、平易近人的風格。字體進行了不斷的測試以檢驗其易讀性,爭取最大限度的完美。
Google動態(tài)點:這是是一個動態(tài)的、不斷移動的狀態(tài)標識,它指示出谷歌當前正在為你工作。這是一個全新的表達方式,也見證了一個獨特而神奇的時刻。
Google G:Google G是由谷歌的原LOGO衍生而來,但增加了其視覺效果,因為它不必再向以前一樣和其他字母擠在一起。和其他產(chǎn)品的設計方法相同,這次相對圓潤的設計讓字母的圓形部分和交叉部分良好地融合,呈現(xiàn)優(yōu)雅的視覺效果。色彩部分仍沿用了原有的幾個色調,并且按易讀的順序排列。
了解這個系統(tǒng)
Google 在思維與設計方面的發(fā)展比起一些核心元素要走得更遠,因此開發(fā)出一套規(guī)范可以幫助整個團隊在不同方面保持一致性。下面的例子并不能完全說明問題,但是也展示了一些我們對于這個系統(tǒng)的想法。
標識
Google 的標識一直保持著簡單、友好、親近用戶的設計風格,通過結合 logo 原有的幾何形式與新的、兒童化的教科書字體,我們想要繼續(xù)保持這些特點。我們新的標識設定為自定義的無襯線字體,同時繼續(xù)維持多種色彩的輕松風格,并且將原有標識中的字母「e」進行了旋轉—這是為了表明 Google 永遠追求創(chuàng)新的理念。
最終的標識經(jīng)過了很多嚴苛的測試,其中包括尺寸的問題,以及在不同的數(shù)字化場景中呈現(xiàn)的清晰度問題。同時,為了指導用戶在屏幕上的使用和打印,我們開發(fā)了覆蓋所有領域的關于 logo 的標準,其中包括 logo 的位置、清除 logo 的規(guī)則、以及產(chǎn)品的出版與印刷方法等各個方面。
Google G 的構造
Google G 是直接從 Google 標識中的“G”發(fā)展出來的,但是增強了在小尺寸界面下使用視覺效果。作為在同一個網(wǎng)格內設計的產(chǎn)品形象,圓形的設計從光學角度防止了視覺上“過于集中在一點”的問題,而色彩的比例傳遞出標識的完整光譜,顏色的順序也有利于看這個字母時的視線運動。
運動中的 Google 圓點
Google 圓點是 logo 在動態(tài)的、永恒運動中的狀態(tài)。它們既展現(xiàn)著 Google 在工作當中的聰明才智,又能顯示出 Google 正在為你服務,我們認為這是一種獨特的、奇妙的運動形式。一個完整 Google 圓點的展現(xiàn)形式包括傾聽、思考、回復、不解、以及確認這幾個步驟。也許他們的動作看起來是同步發(fā)生的,但它的運動基于一致的路徑和時間。
色彩
Google 的彩色標識很顯眼,這受益于字母式 logo 之間的空白區(qū)域。但是當顏色很接近時——比如 Google G 的例子——他們從視覺上就容易混淆,并且可能導致最初的想法受到影響。因此,我們調整了顏色的種類,選擇了有活力的紅色、綠色和黃色去維持 logo 的色彩飽和度和流行性。
實施過程
印刷
為了配合新標識的開發(fā),我們創(chuàng)造了一個幾何無襯線的自定義字體,以此來補充產(chǎn)品的標識識別及設計材料,我們叫它「Product Sans」。字體設計的靈感來自相似的教科書字體風格,但是采用的是無襯線中性化的一致風格。這使得我們可以在 Google 的標識與產(chǎn)品名稱之間維持一個恰當?shù)膮^(qū)別。字符集由數(shù)字、標點符號、發(fā)音、備選字符、分數(shù)、標志以及一些諸如拉丁語、希臘語在內的擴展語種完整組成。
產(chǎn)品
盡管 Google 旗下的許多其他產(chǎn)品都將會得到更新,但是對于大多數(shù)用戶來說,他們對于這個新標識的第一印象還是來自于搜索頁面,因此,搜索方面的用戶體驗團隊及工程師團隊努力去提供文本及語音搜索的實施方案,完善了產(chǎn)品的全方位展現(xiàn)。
更廣的分布
隨著設計的發(fā)展,工程方面也根據(jù)我們的代碼庫開發(fā)出了一個面向資源生成、版本控制、及自助服務分布的獨特方法。使用在基礎設置上像素完美的 SVGs,我們自動生成了上千個基于矢量的變體去滿足不同尺寸、顏色和背景的需求。這些變體被放進一個典型的場景當中進行源代碼檢驗,以此來避免重復的情況,并且可以確保每一個團隊都在使用最正確的、最新的資源。
這幫助我們做出了在每一個方面都像素完美的設計,并且讓我們可以優(yōu)化這些資源的尺寸和延遲時間,其中包括開發(fā)一個只有 305 個字節(jié)的全彩 logo 變體(過去使用的全彩 logo 需要 14000 個字節(jié))。舊的 logo,因為其復雜的字體襯線和更大的尺寸,需要我們?yōu)閷拵нB接不暢的用戶提供基于文本的「相似版」logo。但新的 logo 則縮減了文件大小,避免了這種被迫的解決辦法;而當我們面向用戶,想要讓 Google 更加接近他們、更加便于他們使用時,產(chǎn)品的一致性也可以得到完全的發(fā)揮。
超越設計
設計只是我們努力中的一部分而已,新標識的實現(xiàn)需要集體的努力以及上百位不同職能的 Google 員工的智慧。為了建設并實施這個最新的像素系統(tǒng),他們值得充分的信任。
因為 Google 一直致力于創(chuàng)造新的產(chǎn)品和新的用戶體驗,我們希望這一次的工作可以傳遞出你想要在 Google 看到的、感受到的簡潔與樂趣—無論新的科技將會把我們帶向何處。
擴展閱讀:如何評價此次Google新Logo及VI?
在Google Design上關于此次換標的文章上其實已經(jīng)對整個設計有較為詳細的展示。按照我的理解,這次Google換標其實不僅是更換Logotype, 而算是一次VI重設計——雖然可能程度并不想當“顛覆”。
如官方文章所介紹,這次的新標志實際上有三個主要元素——Google 的文字標識(Logotype)、四色動態(tài)圓點以及Google G “1, The Elements一節(jié)”。
新Logotype上使用了新設計的專屬字體 Google Product Sans. 這款字體是較為典型的幾何無襯線體,結合 Google 慣用的四色,還是較有親和力的——這或許是另外有答主提到“感覺很幼齒”的原因之一吧。幾何無襯線體相對原來使用的襯線體 Catull 自然更有“簡潔、現(xiàn)代”之感,而對于一家已成立十多年的科技公司而言,從以往使用的襯線體換為無襯線體,或者也有種更新形象的意味。雖然“無襯線體=新”、“襯線體=舊”這樣的認知未免有些刻板印象,但亦無可厚非。而新Logotype在小字號下的可辨認性相對較好(Catull 作為保持一定書法痕跡的襯線字體,橫向筆畫會偏細),這使得其在功能性上面更有優(yōu)勢,而這點亦是 Google Design 那篇文章提到過的。
Google Product Sans 這款字體目前并未有太多樣張,僅能從 Google Design 文中 Typography 一節(jié)的演示動畫中窺見一些特征。如上文所提到,這是一款幾何無襯線體,不過從使用雙層小寫 a 這一點來看(動畫中還特地演示了這一特征),可能也會在一些長文本場合中出現(xiàn)——畢竟雙層 a 的易認性相對單層 a 較好。從演示頁面中不多的文字樣本來看,這款字體算是不過不失,也沒有特別突出的特征。根據(jù)官方描述,該字體有若干 OpenType 功能,除了拉丁字母,亦覆蓋有希臘字母和西里爾字母——這對于一款“現(xiàn)代”的字體來說,也并不是什么特別的事情了。有了這款定制字體,也意味著先前在 Google 各子服務中 Roboto 和 Open Sans 混用的情況應該會得以改變。
至于 Google G 這個圖標,感覺也是中規(guī)中矩、沒有太過突出的地方。相當幾何化的平面構成、視覺修正、并針對小尺寸的顯示而比 logotype 中的 G 具有更大的字重。這些都是一個經(jīng)過嚴謹設計的標志會有的因素了。不過,生成動畫中關于將顏色構成用以引導視線的那部分還是挺有趣的。將四種顏色用到這個 G 上也是對應了 “A compact version of the Google logo” 這個設計目的,不過,我對于小尺寸下四種顏色的區(qū)別還是略有疑慮,藍色和綠色在小尺寸下感覺已混在一起了。
四種標志色的動態(tài)圓點是我比較喜歡的部分。雖說用圓點動畫表示狀態(tài)這個做法談不上太有獨創(chuàng)性,微軟在 Windows 8 中也是使用了圓點鏈來表示載入。不過,對一個作為標志的東西賦予功能性還是比較有趣的做法,而且根據(jù) Google Design 上的演示,還有多種狀態(tài)的區(qū)分。
除了上面這些,此次更新 VI(嗯,我覺得比起“換標”還是用這個說法比較好)較為著重的應該就是建立一套比較規(guī)范的尺寸秩序了(原文中使用了 system 這個詞)。譬如,產(chǎn)品圖標的尺寸被確定為 logotype 的 x-height 的三倍(估計 x-height 和 em box 的高度也有一個比較“整”的數(shù)量關系,以便于換算字號與圖標尺寸之間的關系)。當然,這對于一個嚴謹?shù)?VI 系統(tǒng)也是正常不過的要求了。
另外,亦提到新 Logo 有助于處于低帶寬環(huán)境的用戶更快速地載入頁面,因為新 Logo 的圖像體積大大減少——得益于一個基于 SVG 來生成不同尺寸場合下使用圖像的新系統(tǒng)。大概,比 Catull 更簡單的形狀亦有些許幫助吧。
要總結的話——雖然在形體上我個人還是更喜歡使用 Catull 的原 logo, 不過這次 VI 更新對于統(tǒng)一 Google 旗下子服務還是有益處的,而且 Motion Dots 的加入亦有別于傳統(tǒng)的 logo. 若僅從 Logo 本身好不好看來評價這次換標,未免也略簡單粗暴了些。(本段轉自知乎作者:Linkzero Tsang)
最后在來個官方制作的小動畫,擦掉了舊版的LOGO,再畫上這個新版的~
下載谷歌矢量新標志
該內容僅限會員查閱操作,請登錄或免費注冊