[核心提示] Google 為什么要換 logo，這個(gè)新 logo 是以什么樣的理念和思路設(shè)計(jì)出來(lái)的？來(lái)聽聽 Google 設(shè)計(jì)團(tuán)隊(duì)自己的解釋吧~

Google 從來(lái)不是一家循規(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)潔：在白色的頁(yè)面中間是顯眼的搜索輸入框，在它的上方，則是 Google 獨(dú)特多彩的 logo?？萍际遣粩嘞蚯鞍l(fā)展的，頁(yè)面也在不斷改變，輸入方式與用戶需求也在不斷變化。新的用于溝通交流的設(shè)備與途徑正在出現(xiàn)，尤其體現(xiàn)在可穿戴設(shè)備、語(yǔ)音技術(shù)以及智能設(shè)備等方面。用戶們現(xiàn)在使用各種不同的設(shè)備登錄 Google，而我們自己也應(yīng)該在首頁(yè)向用戶傳遞他們所期待的簡(jiǎn)潔有趣的感覺，這樣才可以擁抱不同設(shè)備與平臺(tái)所帶來(lá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)的來(lá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. 通過(guò)動(dòng)態(tài)化與智能化概念的結(jié)合，做到在交流中的每個(gè)階段都可以回應(yīng)用戶的需求；
3. 通過(guò)系統(tǒng)化的方法使我們的產(chǎn)品品牌化，為用戶在日常使用 Google 的過(guò)程中提供一致性的服務(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è)通力合作的過(guò)程終于完成了一個(gè)足夠靈活的、可以被用在不同平臺(tái)的營(yíng)銷材料和產(chǎn)品任務(wù)中的新系統(tǒng)：由3個(gè)基本狀態(tài)構(gòu)成一個(gè)單一的 logo。

新元素

「Google」標(biāo)識(shí)

使用無(wú)襯線字體，同時(shí)保留了 Google 獨(dú)特的顏色使用順序。

Google 圓點(diǎn)

在互動(dòng)性、輔助性及流暢性方面，這個(gè)標(biāo)識(shí)進(jìn)行了動(dòng)態(tài)提升。

Google G

對(duì)于界面較小的使用平臺(tái)，Google 也推出了相應(yīng)的「緊湊」版本的 logo。

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

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

標(biāo)識(shí)

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

最終的標(biāo)識(shí)經(jīng)過(guò)了很多嚴(yán)苛的測(cè)試，其中包括尺寸的問(wèn)題，以及在不同的數(shù)字化場(chǎng)景中呈現(xiàn)的清晰度問(wè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ā)展出來(lái)的，但是增強(qiáng)了在小尺寸界面下使用視覺效果。作為在同一個(gè)網(wǎng)格內(nèi)設(shè)計(jì)的產(chǎn)品形象，圓形的設(shè)計(jì)從光學(xué)角度防止了視覺上「過(guò)于集中在一點(diǎn)」的問(wè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)作看起來(lái)是同步發(fā)生的，但它的運(yùn)動(dòng)基于一致的路徑和時(shí)間。

色彩

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

實(shí)施過(guò)程

印刷

為了配合新標(biāo)識(shí)的開發(fā)，我們創(chuàng)造了一個(gè)幾何無(wú)襯線的自定義字體，以此來(lái)補(bǔ)充產(chǎn)品的標(biāo)識(shí)識(shí)別及設(shè)計(jì)材料，我們叫它「Product Sans」。字體設(shè)計(jì)的靈感來(lái)自相似的教科書字體風(fēng)格，但是采用的是無(wú)襯線中性化的一致風(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)志以及一些諸如拉丁語(yǔ)、希臘語(yǔ)在內(nèi)的擴(kuò)展語(yǔ)種完整組成。

產(chǎn)品

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

更廣的分布

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

這幫助我們做出了在每一個(gè)方面都像素完美的設(shè)計(jì)，并且讓我們可以優(yōu)化這些資源的尺寸和延遲時(shí)間，其中包括開發(fā)一個(gè)只有 305 個(gè)字節(jié)的全彩 logo 變體（過(guò)去使用的全彩 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)潔與樂(lè)趣—無(wú)論新的科技將會(huì)把我們帶向何處。

編者注：本文全文翻譯自 Google Design 官方博客，原文標(biāo)題為「Evolving the Google Identity」（https://design.google.com/articles/evolving-the-google-identity/）。轉(zhuǎn)載務(wù)必注明本文和原文鏈接。

來(lái)源：http://www.geekpark.net/topics/213332