5月18日 Google I/O 大會(huì)上發(fā)布的 Andorid 12 ，采用了全新的 Material You 設(shè)計(jì)語(yǔ)言。作為一個(gè)專(zhuān)業(yè)的、某種意義上定義移動(dòng)端設(shè)計(jì)的一個(gè)設(shè)計(jì)系統(tǒng)，Material Design 是意義非凡的。它和蘋(píng)果的 HIG 一樣，是設(shè)計(jì)師、開(kāi)發(fā)者、設(shè)計(jì)機(jī)構(gòu)乃至于廠商的必修課。和以往的發(fā)布會(huì)略有不同的一點(diǎn)在于，這次新系統(tǒng)和新系統(tǒng)背后，有一些非常值得探討的點(diǎn)，比起功能更新更重要。

這次我們聊聊這個(gè)。

變化：Android 12 的新功能

一年一度，Android 系統(tǒng)更新。和 iOS 系統(tǒng)更新，macOS 系統(tǒng)更新，Windows 10 系統(tǒng)更新一樣，Android 在視覺(jué)和功能上的變化總能牽動(dòng)著設(shè)計(jì)師、廠商以及無(wú)數(shù)用戶(hù)的心。先看看它的新功能。

全新設(shè)計(jì)語(yǔ)言

Android 12 這次最抓人眼球的更新，是視覺(jué)風(fēng)格上的個(gè)性化。全新推出的 「Material You」不僅僅是將基礎(chǔ)的 UI 控件的設(shè)計(jì)上全部更新了，而且提供了全新的、以用戶(hù)感知為核心的全套設(shè)計(jì)邏輯、交互和用戶(hù)體驗(yàn)設(shè)計(jì)機(jī)制。目前在官方網(wǎng)站 Material.io 中并未提供全套設(shè)計(jì)的邏輯和規(guī)范，應(yīng)該是在本次 Google I/O 大會(huì)之后再行更新。

全新的 UI 控件比起以往更加圓融柔和，色彩更加跳脫活潑（也更加適宜自定義），搭配無(wú)處不在的微交互/動(dòng)畫(huà)，Material You 設(shè)計(jì)語(yǔ)言相較目前的 Material Design 更為自主和靈活，有著更強(qiáng)的「用戶(hù)驅(qū)動(dòng)」的味道，留下了極大的創(chuàng)造空間，幾乎是走到以審慎和嚴(yán)格為代表的 iOS 系統(tǒng)的另一面。

完全個(gè)性化配色的機(jī)制

這是本次 Android 12 系統(tǒng)的更新的核心。系統(tǒng)可以從用戶(hù)選用的壁紙取色，借助一套基于色彩科學(xué)、交互邏輯以及工程學(xué)的算法，來(lái)生成一套具備良好可訪問(wèn)性和可用性的配色，而這套配色是可以完美地覆蓋整個(gè) Android 12 系統(tǒng)。

而借助Google的帳號(hào)同步系統(tǒng)，這套配色應(yīng)該是可以保存下來(lái)并且同步到用戶(hù)所用的其他的硬件和系統(tǒng)當(dāng)中。

全新設(shè)計(jì)的 UI 控件

整個(gè) Android 12 的 UI 控件全部進(jìn)行了更新，用戶(hù)日常使用最多的下拉菜單控制中心和快捷菜單全部翻新，按鈕更大，定制化空間更大，易用性進(jìn)一步提升。

這種強(qiáng)調(diào)易用性的 UI 控件設(shè)計(jì)邏輯深入到整個(gè)設(shè)計(jì)系統(tǒng)當(dāng)中，進(jìn)一步強(qiáng)化了全局控件的觸摸交互易用性。

這種靈活的 UI 定義和適配性還在細(xì)節(jié)層面上，將自主權(quán)交給用戶(hù)，用戶(hù)可以自定義按鈕的描邊粗細(xì)，進(jìn)度條的寬窄，標(biāo)簽樣式的變化，等等等等。

靈活且更加完善的小插件體系

Android 12 當(dāng)中，桌面小插件系統(tǒng)的自適應(yīng)功能也進(jìn)一步得到了強(qiáng)化，一方面在尺寸管理上更加嚴(yán)謹(jǐn)，更加自然也更加統(tǒng)一，并且這個(gè)部分會(huì)作為 Android 12 提升可訪問(wèn)性的一個(gè)關(guān)鍵要點(diǎn)來(lái)進(jìn)行設(shè)計(jì)，應(yīng)該能夠在給我們超越 iOS 14 桌面小插件的體驗(yàn)和驚喜。

更強(qiáng)的跨屏幕自適配的設(shè)計(jì)

以往在 Material Design 上，跨屏幕的設(shè)計(jì)已經(jīng)相當(dāng)?shù)娜媪?，?Android 12上，控件、配色針對(duì)屏幕的響應(yīng)式設(shè)計(jì)也全面的強(qiáng)化，設(shè)計(jì)師應(yīng)當(dāng)可以在新的規(guī)范協(xié)助下更好地完成相應(yīng)的 UI 界面自適配。

基于用戶(hù)感知的動(dòng)效交互系統(tǒng)

動(dòng)效設(shè)計(jì)在 Android 12 當(dāng)中被作為一種底層功能提供了出來(lái)，按照發(fā)布會(huì)上的說(shuō)法，動(dòng)效既是幫助用戶(hù)理解空間關(guān)系，也是進(jìn)行品牌呈現(xiàn)（Convey Brand）的重要手段。無(wú)處不在的動(dòng)效將作為一項(xiàng)基本的元素加入到系統(tǒng)當(dāng)中，這將會(huì)更加考驗(yàn)設(shè)計(jì)者的「敘事能力」。

在動(dòng)效層面上，不止在光影上更加快速自然，而且加入了不同類(lèi)型的粒子特效，玩起來(lái)舒適，經(jīng)得起審視。

隱私和安全更新

在新的 Android 12 系統(tǒng)當(dāng)中，用戶(hù)不僅可以對(duì)于 APP 的使用權(quán)限有全面的了解，還可以直接在控制中心當(dāng)中來(lái)管理關(guān)鍵性的權(quán)限，而這主要是圍繞著GPS、攝像頭、麥克風(fēng)三個(gè)部分。

換句話(huà)來(lái)說(shuō)，用戶(hù)可以不用針對(duì)每個(gè) APP 進(jìn)行權(quán)限管理，而有了一刀切的能力，可以選擇當(dāng) APP 申請(qǐng)?zhí)囟?quán)限的時(shí)候，再打開(kāi)。

在絕大多數(shù)時(shí)候，操作系統(tǒng)更新都呈現(xiàn)出一種小步快跑的狀態(tài)的。但是去年的 iOS 14 和 macOS 11 不是，今年的 Android 12 也不是，有些改變的意義是不一樣的。

更迭：進(jìn)入全新的階段的 Android

Android 經(jīng)歷了很有意思的幾個(gè)發(fā)展階段。簡(jiǎn)單回顧一下吧。

階段1：快速迭代

從1.0 到 2.2，背靠 Google 的 Android 系統(tǒng)在 Andy Rubin 的推動(dòng)下，緊隨當(dāng)時(shí)尚且沒(méi)有正式稱(chēng)謂的 iOS 系統(tǒng)（當(dāng)時(shí)用戶(hù)稱(chēng)之為 iPhoneOS）邯鄲學(xué)步，好在迭代夠快，借助 HTC 為首的廠商快速鋪開(kāi)局面。這是 Android 相對(duì)混亂但是迭代快速的階段。

在快速迭代階段，基礎(chǔ)的功能完善和基本的視覺(jué)設(shè)計(jì)的達(dá)標(biāo)，是團(tuán)隊(duì)的主要任務(wù)。

階段2：融合規(guī)訓(xùn)

在 Android 2.2 正式發(fā)布的第二天，曾負(fù)責(zé) webOS 交互和視覺(jué)設(shè)計(jì)的 Matias Duarte 入職Google，負(fù)責(zé) Android 系統(tǒng)的整個(gè)視覺(jué)和體驗(yàn)的規(guī)范化，并很快升任 Google 的高級(jí)副總裁，總領(lǐng)設(shè)計(jì)相關(guān)工作。他在 2.2 的基礎(chǔ)上梳理并一定程度上優(yōu)化了 Android 2.3 的體驗(yàn)，而在平板類(lèi)產(chǎn)品上鋪開(kāi)的 Android 3.0 系統(tǒng)，設(shè)計(jì)是由他主導(dǎo)，并且在 Android 4.0 上規(guī)訓(xùn)并統(tǒng)一了整體體驗(yàn)，Android 自此開(kāi)始有了相對(duì)統(tǒng)一的跨屏幕體驗(yàn)以及規(guī)范化的設(shè)計(jì)。

在 Android 4.0 發(fā)布會(huì)上，Matias 負(fù)責(zé)了系統(tǒng)部分的講解和說(shuō)明，并且提出了他在設(shè)計(jì)整個(gè) Android 系統(tǒng)設(shè)計(jì)規(guī)范背后的主要思考：

「機(jī)器是否可以擁有靈魂？」

在隨后的幾年間，Matias 團(tuán)隊(duì)開(kāi)始在他原有的經(jīng)驗(yàn)（Hiptop OS 與 webOS）和現(xiàn)有的概念基礎(chǔ)上，逐漸完善并發(fā)展出一個(gè)名為「Quantum Paper」的設(shè)計(jì)系統(tǒng)項(xiàng)目，在 Android 系統(tǒng)這塊土地上種植出一套超越這個(gè)平臺(tái)的設(shè)計(jì)體系，這就是 Material Design 。

階段3：紙張隱喻

如果機(jī)器人擁有靈魂，那么它應(yīng)該像是像「量子紙張」一樣「智能地延展和改造，有著形似物理紙張一般的表面和邊緣，而陰影和接縫則為內(nèi)容和交互提供了意義和依據(jù)」。

抽象的「機(jī)器人」抑或是「靈魂」并不容易被人所理解，但是「紙張」可以，Material Design 的成功就在這里。實(shí)際上「紙張」的隱喻不僅成為了當(dāng)前 UI 設(shè)計(jì)最底層的概念和方法，也影響著移動(dòng)端界面之外的諸多領(lǐng)域，比如如今的很多 B 端的 UI 設(shè)計(jì)，以及非 Android 平臺(tái)的 UI 設(shè)計(jì)。

從 Android 5.0 開(kāi)始，Android 的視覺(jué)和交互設(shè)計(jì)基本上是在 Material Design 的范疇內(nèi)發(fā)展，Android 既是 Material Design 的試驗(yàn)田，也是 Material Design 在設(shè)計(jì)應(yīng)用上的主要樣本和載體，而這套設(shè)計(jì)規(guī)范一致沿用到上一代系統(tǒng)，也就是 Android 11。

在這個(gè)發(fā)展的過(guò)程中，移動(dòng)端交互的普及和融合開(kāi)始出現(xiàn)，Android、類(lèi)Android 系統(tǒng)以及 iOS，在基礎(chǔ)的交互手勢(shì)和邏輯上，很大程度上開(kāi)始趨同，觸摸交互界面的設(shè)計(jì)最佳實(shí)踐出現(xiàn)?？ㄆ埠?，紙張也好，屏幕邊緣、觸摸按壓等底層邏輯上，不再有那么明顯的區(qū)別。

但是不論怎么說(shuō)，Material Design 在底層概念上，依然是「形式跟隨功能」的外延。

階段4：回歸感知

在 Google I/O 設(shè)計(jì)講解環(huán)節(jié)，Matias 和以往一樣，在呈現(xiàn)設(shè)計(jì)之前，先把啟發(fā)設(shè)計(jì)背后的那個(gè)問(wèn)題交代出來(lái)：

「What if form did not just follow function, but also followed feeling? 」
「如果形式不僅能夠跟隨功能，還能跟隨感知呢？」

這就是 Material You 設(shè)計(jì)的出發(fā)點(diǎn)——在確保功能的前提下，盡可能讓形式也跟隨用戶(hù)的感知。從 Android 12 開(kāi)始，新的設(shè)計(jì)規(guī)范開(kāi)始從基底強(qiáng)調(diào)智能化、感知化、個(gè)性化，這是比「以人為本」、「以用戶(hù)為中心」更為具體的一種倡議——從物品化的思路切換到真正「人」這個(gè)核心身上。

圖片來(lái)自 Theverge

Material You 更像是當(dāng)下設(shè)計(jì)內(nèi)卷困局的一條出路，而這恰恰是 Google 和 Android 最適合做的事情。

趨勢(shì)：立足于認(rèn)知科學(xué)和人的設(shè)計(jì)方向

Android 12 ，或者說(shuō) Material You 選擇的這個(gè)答案絕妙無(wú)比。

即使你不是專(zhuān)業(yè)的設(shè)計(jì)，也很大概率知道設(shè)計(jì)風(fēng)尚經(jīng)歷了「擬物化設(shè)計(jì)」之后進(jìn)入「扁平化設(shè)計(jì)」的階段，而如今走出「扁平化設(shè)計(jì)」的浪潮，開(kāi)始進(jìn)入一個(gè)很難界定的多元化設(shè)計(jì)階段，你很難找到某個(gè)確切的、持久的設(shè)計(jì)風(fēng)格來(lái)定義當(dāng)下的時(shí)代。是新擬物化還是玻璃擬物化？都不是。這就是問(wèn)題。

但是用「多元化設(shè)計(jì)」來(lái)做界定似乎又過(guò)于敷衍，因?yàn)檫@個(gè)答案對(duì)于解決問(wèn)題并沒(méi)有足夠的幫助。那么是不是設(shè)計(jì)無(wú)法解決問(wèn)題了呢？不是，Material You 就是最巧妙的那個(gè)答案。

「Material You 試圖探索一條更加人性化的設(shè)計(jì)方法，借助它來(lái)凸顯設(shè)計(jì)的敏銳度和個(gè)人喜好的張力，去釋放而非回避情感。在不損害 APP 的功能性的前提下，創(chuàng)造多種多樣的風(fēng)格，滿(mǎn)足千變?nèi)f化的需求，讓每個(gè)界面都極具生命力，有著良好的可訪問(wèn)性?！?/p>

這段話(huà)我的理解是這樣的：Material You 和 Android 12 將 UI 和交互做得更加易用自然的大前提之下（形式追隨功能），最大化地利用色彩（用戶(hù)的視覺(jué)感知最快的是色彩）和人工智能算法（智能配色和智能計(jì)算核心）來(lái)賦予 UI 界面以性格，借助無(wú)處不在的動(dòng)效和微交互，來(lái)讓 APP 盡可能「擬人化」（模擬人類(lèi)的反饋方式，用機(jī)器學(xué)習(xí)加入情感化的細(xì)節(jié)）。你想要什么的感覺(jué)，就盡可能給你想要的風(fēng)格，你想要的，就是流行趨勢(shì)。

圖片來(lái)自 Theverge

Material You 和 Android 12 的動(dòng)效設(shè)計(jì)當(dāng)中，有大量的基于認(rèn)知科學(xué)、心理學(xué)、視覺(jué)科學(xué)以及工程學(xué)的設(shè)計(jì)，比如像睜開(kāi)眼睛一樣解鎖的屏幕，借助邊角的動(dòng)畫(huà)效果變化以及格式塔原理，來(lái)告訴用戶(hù)不同的卡片之間的歸類(lèi)和關(guān)系……

圖片來(lái)自 Theverge

乃至于在權(quán)限管理上，不再是「以APP為中心」讓你逐個(gè)管理程序，而是改為「以你為中心」，將安全權(quán)限直接集成在控制中心，由你隨時(shí)掌控。

圖片來(lái)自 Theverge

就像 Material You 的名字所昭示的那樣，你喜歡的，就是要它要給你的。這是一種視角和邏輯上的變化：設(shè)計(jì)者不再只是設(shè)計(jì)具備幾個(gè)體驗(yàn)關(guān)鍵點(diǎn)的「數(shù)字產(chǎn)品」，而是要加入動(dòng)畫(huà)敘事、加入自然反饋，讓APP本身成為一個(gè)智能化的「人」。

實(shí)際上，iOS 和蘋(píng)果的神經(jīng)網(wǎng)絡(luò)芯片想要做的事情是類(lèi)似。如果要說(shuō)有一種設(shè)計(jì)趨勢(shì)可以承接「擬物化設(shè)計(jì)」「扁平化設(shè)計(jì)」，那我愿稱(chēng)之為「擬人化設(shè)計(jì)」——讓設(shè)計(jì)模擬人的行為模式和行為邏輯，來(lái)和用戶(hù)面對(duì)面自然地處理需求，張揚(yáng)個(gè)性。

它已經(jīng)不再是一種單一的設(shè)計(jì)風(fēng)格，而更像是一種設(shè)計(jì)邏輯下的思潮。但是這還不是 Android 12 和 Material You 最銳利的地方。

權(quán)利：色彩屬于個(gè)人而不再歸于品牌

這可能是 Android 12 背后稍微有那么一些「細(xì)思恐極」的事情。用戶(hù)可以借由壁紙生成配色方案，而這種配色方案是可以貫穿整個(gè)系統(tǒng)甚至深入到 APP 當(dāng)中的。

如果用戶(hù)自己生成的配色方案，能夠「滲透」進(jìn)APP，那么是否會(huì)出現(xiàn)這樣一個(gè)局面：美團(tuán)的 APP 的主色調(diào)變成餓了么的 藍(lán)色，或者，原本橙色的淘寶 APP 打開(kāi)之后滿(mǎn)眼都是京東 APP 的紅色？

如果某個(gè) APP 堅(jiān)持使用自己的配色而不愿將權(quán)限交還給用戶(hù)，那么是否會(huì)失去「跟隨系統(tǒng)配色變化」這種有趣的玩法，顯得過(guò)于「故步自封」？

如果「配色權(quán)」被下放給用戶(hù)了，那么「品牌色」的意義又何在？

現(xiàn)如今的絕大多數(shù)的 APP 都是一樣的底部導(dǎo)航，一樣的頂部標(biāo)簽，一樣的瓷片區(qū)，系統(tǒng)級(jí)的配色方案壓下來(lái)，大家都一個(gè)樣子，怎么分辨？

另外一方面，Material You 的設(shè)計(jì)當(dāng)中還強(qiáng)調(diào)了「借助動(dòng)效來(lái)進(jìn)行品牌呈現(xiàn)」，那么這個(gè)時(shí)候又有了一個(gè)新的問(wèn)題：你的 APP 當(dāng)中是否有「攜帶你的品牌特征的」交互和動(dòng)效或者敘事邏輯？

當(dāng)然，這或許是一個(gè)極端情況，也許那一天不會(huì)到來(lái)。但是別忘了，這是一個(gè)越來(lái)越個(gè)人化的時(shí)代，個(gè)人品牌價(jià)值越來(lái)越高的時(shí)代，個(gè)人KOL 價(jià)值超過(guò)很多機(jī)構(gòu)，代表個(gè)人權(quán)限的 T2 芯片已經(jīng)是每臺(tái) Mac 的標(biāo)配，新的 iMac 連鍵盤(pán)都帶指紋識(shí)別了，越來(lái)越多的東西開(kāi)始屬于「我」了，Android 12 和 Material You 背后，是整個(gè)時(shí)代往前走的必然趨勢(shì)。