搜索
APP
起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識
發(fā)布
注冊 | 登錄

聽Google設(shè)計團隊講述新logo是如何被設(shè)計出來的

2 評論 20336 瀏覽 51 收藏 12 分鐘

[核心提示] Google 為什么要換 logo,這個新 logo 是以什么樣的理念和思路設(shè)計出來的?來聽聽 Google 設(shè)計團隊自己的解釋吧~

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

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

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

共同設(shè)計

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

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

g-sprint_meitu_1.jpg

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

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

新元素

「Google」標識

使用無襯線字體,同時保留了 Google 獨特的顏色使用順序。

g-logo.png

Google 圓點

在互動性、輔助性及流暢性方面,這個標識進行了動態(tài)提升。

g-dots.gif

Google G

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

g-letter.png

了解這個系統(tǒng)

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

標識

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

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

Google G 的構(gòu)造

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

運動中的 Google 圓點

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

色彩

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

實施過程

印刷

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

產(chǎn)品

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

更廣的分布

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

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

超越設(shè)計

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

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

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

來源:http://www.geekpark.net/topics/213332

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 今天打開Google首頁的時候剛好看到新logo的動畫,很贊! :mrgreen:

    來自廣東 回復(fù)
2021亚洲中文字幕在线第99,日韩一级无码国产精品,日韩精品无码一级毛片免费丿,免费在线观看毛片黄片