Googirl Design：谷歌的少女心(=?ω?)?

時(shí)間：2023-09-20 16:18:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-20 16:18:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

Googirl Design：谷歌的少女心(=?ω?)?：我一直覺(jué)得，谷歌的設(shè)計(jì)文化里有對(duì)于稚拙、幼萌的追求，一些簡(jiǎn)樸而又天真的趣味感。大概源于它的工程師文化，在代碼的邏輯世界里，請(qǐng)來(lái)點(diǎn)甜點(diǎn)吧。早期的設(shè)計(jì)里，以最簡(jiǎn)單地圖形，配以紅黃藍(lán)綠的四色。比如一些網(wǎng)頁(yè)設(shè)計(jì)，包括Gmail，還有首頁(yè)Logo的Doodle插畫(huà)等等。

當(dāng)我注意到早期Android風(fēng)格后，我曾經(jīng)自造了一個(gè)詞來(lái)形容它給我的感覺(jué)：

Electronic Pop（電子波普）。

（后來(lái)才知道在流行樂(lè)里已經(jīng)存在同名的風(fēng)格分類）

“波普”來(lái)自于前面說(shuō)的稚拙和色彩感，“電子”則來(lái)自于動(dòng)態(tài)桌面給我的感覺(jué)。黑色的主題，電子般穿梭的動(dòng)態(tài)壁紙，包括后來(lái)Holo的設(shè)計(jì)源頭：菜單盡頭的光暈……多么符合代碼給我的感覺(jué)……黑暗里的一束光！




Material Design出來(lái)后，我發(fā)現(xiàn)Electronic Pop的提法又需要修正?，F(xiàn)在的感覺(jué)像是又回到了早期，根本就不電子嘛，因?yàn)榧炔豢犰?，也不閃耀。反而是源于設(shè)計(jì)和音樂(lè)文化 的Apple，根骨里帶有搖滾精神，往往更“電子”一些，比如iOS和Watch UI里的天體空間所蘊(yùn)含的科技感，還比如Apple Watch的Activity應(yīng)用。



Android L的正式版相比之前的版本，有兩個(gè)東西讓我感到新意，一個(gè)是壁紙，留待下次再說(shuō)，本文主要目的是談?wù)剤D標(biāo)。


谷歌終于有了拿得出手的圖標(biāo)設(shè)計(jì)了！結(jié)合Material Design新增補(bǔ)的章節(jié)，我們可以主要在三方面觀察：1、網(wǎng)格，2、折紙風(fēng)格，3、配色。





谷歌的不拘外形導(dǎo)致了泛濫的圖標(biāo)設(shè)計(jì)，有多少App是直接搬過(guò)iOS的圖標(biāo)，在Google Style里顯得又笨又蠢。對(duì)此羅永浩曾經(jīng)表示，圖標(biāo)應(yīng)追隨所指代實(shí)體的形狀。錘子OS的解決思路是增加圖標(biāo)距離，并用分割線的秩序來(lái)替代圖標(biāo)形狀的秩序。這些想法都是合理的，但并沒(méi)有從根本上解決問(wèn)題。

根本的解決方法還是設(shè)計(jì)一套在個(gè)性和秩序之中獲得平衡的網(wǎng)格。我一度以為，魅族的圖標(biāo)在這一點(diǎn)上解決得最好，它將外形約束在方、圓兩種圖形中。但整體上還是有些單調(diào)，也很難協(xié)調(diào)第三方。Android L的圖標(biāo)在方圓之外還引入了兩種矩形，其中垂直的矩形顯然適用于文檔、表格這類應(yīng)用，另外一種則給相機(jī)、郵件等應(yīng)用留下了設(shè)計(jì)空間。最關(guān)鍵的是，這幾種圖形通過(guò)一種聰明的方法被統(tǒng)一在一個(gè)網(wǎng)格之下，在豐富性之中獲得秩序的呼吸感。




接下來(lái)觀察新圖標(biāo)的第二個(gè)特征：折紙風(fēng)格。具體來(lái)說(shuō)，可劃分為拼貼、褶皺和陰影這三種形式要素。


物理原型




光照研究


物料原型




色彩研究




談及褶皺，Material Design新增補(bǔ)的章節(jié)談及了Material應(yīng)該具有的特性，其中一條是“Material never bends or folds.”（物料永遠(yuǎn)不會(huì)彎曲和對(duì)折）。

但這條敕令并沒(méi)有體現(xiàn)在圖標(biāo)設(shè)計(jì)上，大概是因?yàn)閳D標(biāo)設(shè)計(jì)相對(duì)應(yīng)用內(nèi)部設(shè)計(jì)，它的展現(xiàn)信息的效率性讓位于識(shí)別度的形式訴求。而且，的確也沒(méi)有太多手段來(lái)表達(dá)Material的理念，以至于在陰影處理上采用了在Dribbble上濫俗的斜陰影設(shè)計(jì)[為什么dribbble上突然出現(xiàn)眾多“斜陰影”風(fēng)格的圖標(biāo)設(shè)計(jì)？]。

我得說(shuō)我本來(lái)非常討厭這種小資產(chǎn)階級(jí)趣味的設(shè)計(jì)風(fēng)格，因?yàn)椤把b飾即罪惡”，因?yàn)?b>我理解的圖標(biāo)設(shè)計(jì)，它的符號(hào)感更應(yīng)該接近于柏拉圖的理念，是實(shí)體的“原型”，應(yīng)該排除審美上的日常性。

但在這里，實(shí)體感本身就是Material Design的追求，并因?yàn)槔砟钪敢@得更高的審美價(jià)值。圖標(biāo)設(shè)計(jì)的理念非常重要，iOS 6的擬物和“舔一舔”是一種理念，Modern UI來(lái)自于地鐵路牌的Metro語(yǔ)言是一種理念，iOS 7的“How it works”是一種理念，那么，Material Design的來(lái)自于紙墨的實(shí)體感也當(dāng)然是一種理念。

于是，折紙風(fēng)格獲得了理念上的支撐，但在視覺(jué)上，卻意外地獲得另外一種效果，讓我一下子把它和兒童賀卡、折紙動(dòng)畫(huà)、“小小大星球”這類游戲風(fēng)格聯(lián)系起來(lái)。類似于“相冊(cè)”的圖標(biāo)設(shè)計(jì)，更是借用了風(fēng)車(chē)這樣的童年玩具符號(hào)，怎么樣也難以逃脫賣(mài)萌的嫌疑。





尤其當(dāng)它們和某種統(tǒng)一的配色結(jié)合起來(lái)時(shí)。

幾種主色調(diào)，包括黃色和綠色配得都不錯(cuò)，鮮而不艷，清新可人，飽和度相對(duì)iOS 7稍微降了一些，放棄了一些酷感，而追求更多的舒適度。

Gaypple扮酷，Googirl賣(mài)萌，谷歌的審美大體上要比蘋(píng)果保守得多。看看《生活大爆炸》就知道了，這哪是一幫極客，分明是一窩死宅，“Nerd Pop”用來(lái)形容他們的審美大概才恰當(dāng)?？萍己驼幕嗤?，或者說(shuō)，程序員比我們想象的更善于賣(mài)萌?？纯碅ndroid的機(jī)器人Logo，你說(shuō)是日本人設(shè)計(jì)的我也相信。還有每一代版本的名字，什么甜甜圈、凍酸奶、 奇巧巧克力，以及這一代的，Lo!——lli!!——pop!!!科技文化的公司卻追求反科技的的幼稚文化，就像Cherry鍵盤(pán)旁堆滿了花里胡哨的零食，黑帽子下叼著心理代償?shù)哪套臁aterial Design是不是也是這樣，在代碼的失重空間里飄久了，需要一些能夠提供Affordance的實(shí)體來(lái)踩上去……



Android L版本號(hào)里模仿Flappy Bird的彩蛋游戲




程序員們，請(qǐng)對(duì)著這樣的配色跟我念：

Lo-li-pop，我生命之光，我欲念之火。我的罪惡，我的靈魂……

在建設(shè)中的、Google世界的天空中，在宏偉的Android大廈前，漂浮著蛋糕一樣蓬松，少女乳房一樣柔軟的實(shí)體。程序員們，在噴射你們的激情和代碼之時(shí)，請(qǐng)?jiān)賮?lái)點(diǎn)奶油吧！