早在2015年9月，Google就揮別了多年以來為其服務(wù)的圖標(biāo)。取而代之的是一系列幾何無襯線字體設(shè)計，并在其產(chǎn)品中廣泛使用了字母“G”為首的符號。

盡管我們熟悉新標(biāo)識并不需要太長時間，但這款幼齒的“G”字母設(shè)計logo卻遭到許多設(shè)計師的詬病。

今天我們就本著以學(xué)術(shù)之精神，為你深度拆解Google的“G”字母logo設(shè)計！

一：要圓不圓

畫出參考線后logo右側(cè)向內(nèi)收縮，相差如此多足以逼死強迫癥？！

內(nèi)外圈的圓形被向內(nèi)壓縮

正如上圖所示，'G'字母并不像第一眼所見的一樣為正圓。其右側(cè)的曲線在靠近轉(zhuǎn)角時向內(nèi)縮進。

二：角度不一

兩兩顏色交界處連接上輔助線并延長后，發(fā)現(xiàn)紅色部分的末尾段內(nèi)側(cè)竟多出一部分。WHAT?! 這并不符合規(guī)則圖形的原理啊...

調(diào)整后我們砍掉了那塊多余部分的效果呈現(xiàn)在右圖，你認(rèn)為效果如何？

三：寬度不一

一個連貫的圖形保持一致的寬高似乎理所因當(dāng)，而Google的logo設(shè)計也反其道而行。從圖片中能很明顯的看到子母中藍(lán)色部分的寬度比綠色部分明顯窄了很多像素。這樣的寬度差又是否是有意為之？

四：答案揭曉

發(fā)現(xiàn)了這些bug后你一定想問，改變了這些bug后“完美的”Google logo又長成什么樣？

哪個更加和諧？左？右？

從網(wǎng)格理論和黃金比例原理中，我們了解到建立一套元素在布局中規(guī)則的定位方式，可以極大程度上創(chuàng)造視覺的和諧，能有效幫助用戶更好的了解設(shè)計。

而問題在于，這類經(jīng)常被設(shè)計評論家共同認(rèn)可作為評價作品好壞的標(biāo)準(zhǔn)，現(xiàn)實情況往往并非想象的那般。一個設(shè)計即便是服從了所有的設(shè)計邏輯，也并不能保證它100%完美。

五：光學(xué)原理vs度量

字體設(shè)計的關(guān)鍵點在于處理現(xiàn)實（眼睛看到的東西）和光（眼睛認(rèn)為它看到的東西）之間的不一致。以Helvetica字體的'H'為例，橫筆畫的實際位置其實稍高于中心點，但它“看起來”就像是在整個字母的中心位置。

這是因為同等長寬的線段，水平線看起來永遠(yuǎn)比垂直線更“重”。如果您將Helvetica的橫筆畫放置于數(shù)學(xué)上的中心位置，那么它在眼睛看起來就不像居中而是偏下了。

這也是許多字母表需要進行光學(xué)校正，以便讀者看起來更合理。原則同樣適用于字距調(diào)整。

六：結(jié)論

對于這次的logo改版谷歌官方設(shè)計師是這樣解釋的：

“基于同一設(shè)計網(wǎng)格，圓形形狀經(jīng)過光學(xué)處理，以防止圓形與橫筆畫交匯點處的視覺“咬合”，顏色比例傳達(dá)了logo的全光譜，并按照順序排列以幫助眼睛在字母上完成眼球運動?！?/p>

用人話解釋就是，眼睛會欺騙我們，而設(shè)計師幫助我們的眼睛矯正視覺偏差后，讓不符合數(shù)學(xué)原理的logo看起來反而更加順眼。

調(diào)整后的 logo

符合正圓的藍(lán)色部分外部顯得過于突出

而內(nèi)圓與橫筆畫的夾角過大

去掉多余面積的紅色部分顯得切角過大

整體很不自然...

故這種根據(jù)視覺張力原理作出調(diào)整的設(shè)計并非錯誤，相反是有意為之。其實細(xì)心觀察我們發(fā)現(xiàn)Nintendo Switch也同樣存在對稱性問題，但背后的原因?qū)嶋H上也是為了圖標(biāo)看起來比完全對稱更具說服力。

盡管很多人說不對稱的設(shè)計是一種錯誤，但實際上它是一種視覺補償。比起數(shù)學(xué)上的完美，視覺上的平衡和自然有時比規(guī)則、邏輯更重要。

很多情況下，我們自己要在規(guī)則幾何圖形下繪制logo，而很多情況下符合完美的幾何原理設(shè)計出來的效果給人的感覺是死板、生硬和說不出來的奇怪感。是時候考慮拋棄掉一些條條框框，多研究一些視覺原理才是一個成功logo設(shè)計背后更深刻的道理。

所以話說回來Google的新logo設(shè)計出現(xiàn)bug，其實是我們誤解它了呢...