Material You – 安卓未來的設計語言給我們帶來了什么

Sponsor

前言：Material 是 Google 賦予 Android 的設計語言規范。隨著每年一個大版本的迭代更新，Material Design 也在不斷地演變和進化，今年，Material You 帶來最顯著的亮點是對材質的感知增強，但相應地砍掉陰影系統，由材質和色彩營造層級感。不知你對今年的 Material You 有何看法？

在前幾天Google I/O開發者大會上，Google高調發布了最新的Android 12，并帶來了一個新的設計語言系統Material You，經過幾天的發酵和研究，我斗膽預測這將是未來UI設計風格新的風向標，這次GoogleDesign真的有點挑戰Apple的意思了，今天我就給大家盤點一下關于Android 12和Material You的內容。

Material Design 的一些舊聞

說到Material Design（中文名：材料設計），其實大家并不陌生，Material Design 是谷歌在2014年推出的UI設計語言系統，當時這種設計語言旨在為手機、平板電腦、臺式機和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。

Material Design語言包括了包括界面規范、配色規范、動效規范、組件規范、系統字體Roboto的升級版本等等。Google還基于這種新的設計語言對自己旗艦應用進行了重新設計，包括安卓和網頁端的Gmail和Calendar。這種新界面支持各種新動畫效果，具有內置的實時UI陰影，以及可在不同屏幕之間切換的hero元素。

Material Design官圖

當時Google對這套設計語言的定義是“拿出媲美蘋果的設計”。從這句話可見可以看出Google在UI設計領域的雄心壯志，也能側面聽出Apple在這方面是絕對超于所有其他互聯網公司的，世界排名第一科技公司都這么說了，還有誰能不信呢。

通過現象看本質，其實Google下大決心來做一套設計語言系統，其本質是真的在Android移動端的UI設計上被吐槽之極了，在這之前Android設計是被iOS完全打壓的，“丑、慢、卡”這幾個詞用在Android身上一點都不為過。所以國內用戶大家都知道，當時并且到現在，我們國內的安卓手機都不用原生系統，自己另辟蹊徑做起來了ROM，最著名的就是MIUI，也許現在很多人都已經忘了，小米手機的起步恰恰就是從做安卓ROM開始的！當時包括MIUI在內能夠在國內大賣的安卓手機，設計總結就一個特點：像iOS！誰做的越“像iOS”賣的就越好！

MIUI V2官圖

并且我們知道安卓手機有一個先天缺陷或者也可說是優點，就是價格，價格區間從幾百塊到上萬的都有，巨大的價格差異讓設備之間的硬件配置特別是屏幕差異也是巨大的，都是5.5寸屏幕，有賣999的，有賣6999的，品質能一樣的？999是1280*720分辨率，6999的是2K屏，不同屏幕材質，不同的分辨率下甚至是不同的比例下，UI怎么進行適配和統一化顯示就是一個令設計師和程序員都非常頭疼的問題。

Google當然知道這些問題，所以花了大心思做了Material Design，的確通過這7年時間的驗證，也證明了Material Design是經得起考驗的，的確也解決了剛才說的很多問題。但是畢竟已經過去了7年了，舊的問題解決了，新的問題也在不斷出現了，于是Google在今年I/O大會上正式推出了全新的升級款的Material Design設計語言系統 – Material You。

Material Design 開啟新的材料時代

先看看這次命名Material You，依然延續了Material 這個概念，不得不說當初看到Google這套Material Design的時候就被他的設計概念有所征服了，來源于實際生活物品場景的設計往往是最能打動人的設計，而Material 就是這種理念，在扁平化設計的時代，不缺形狀，不缺色彩、不缺動效、缺的就是對于材質的感知。

“設計不存在好與壞，只有流行于與不流行，只有美和對美的疲勞！”

扁平化設計流行了這么多年了，大眾也早疲勞了，所以材質理所當然的又會開始被人們接受了。

來一起看看Material You的一些設計變化吧！

自動材質色板

新的Material You界面色調將不止是深色和淺色這么簡單。

Material You 的動態材質色板

它可以為每個人生成了專屬的“材質”色板，這些色板來源于個人主題壁紙（用戶照片也可以），系統會分析手機主題壁紙的色調，并自動生成一個“專屬色板”，再將這些色板的色調應用在Android系統整個體驗中，比如計算器、日歷、信息提示、天氣等APP界面都會應用到這個“專屬色板”，真正做到了手機主題的“千人千面”的個性化定制。而且這種定制是完全通過AI算法自動得出的，不得不感嘆Google玩個手機主題都這么的高科技，的確比主題市場換個圖標啥的高級多了！

適應每塊屏幕

隨著這幾年越來越多的智能設備出現的我們的生活中，界面對于不同尺寸形狀屏幕的適配是一個很大的挑戰。當年Material Design的出現就是為了解決多屏適配問題，這幾年不止是手機了，諸如手表、智能家居、智能音箱、智能車載等設備都是大行其道，屏幕適配問題更加復雜了，所以這次Material You一個很重要的使命就是更強的屏幕適配與響應能力，甚至提出了“適應每個屏幕”這樣的口號。

這次的Material You除了可以輕松適應不同的屏幕尺寸和類型外，還通過動效來幫助用戶理解空間，傳達品牌！

因為目前更多是從官方視頻和手機設備看到這方面介紹，更多案例還有待于真機檢驗，期望看到更多設備的真機案例，我個人特別關注車載這塊，希望看到與Apple CarPlay一些不同的設計方案的出現。另外插一下，這次Android 12可以用手機當車鑰匙了，這點與iOS保持了技術同步。

更好的可用性設計

提升可用性是Google的核心使命，在新的UI系統上，Google繼續增強了這一點，

可用性更多會體現在界面的視覺、交互、動效等層面，通過這次的Google公布的一些視頻和一些海外安卓12手機評測來看，這次視覺設計創新的確非常多。

色彩

首先看色彩，色彩往往是我們能看到UI后最先能感知到的，這次除了剛才說的自動材質色板外，我們能看到這次Material You的推薦色彩較之前有了很明顯變化，更加的溫和和寧靜，很多人說有那么點莫蘭迪色的感覺，我看也的確是這樣。這種色彩給人的感覺是舒服和自由，也許在當下疫情這樣的環境下，我們的確也需要這樣的情緒來調整自己吧。

形狀

再來看一下形狀，我們還在新的宣傳片和真機演示中，看到了很多新的圖示形狀，新的UI已經不止是局限在圓形、矩形、圓角矩形這樣的形狀上了，諸如星形、多邊形、飛翼形、斜矩形等更多的形狀會Material You中。

看到這里其實我是非常驚喜的，在之前很長一段時間里，也許Apple設計給我們帶來太多的深刻的印象，我們在UI中看到的形狀更多是矩形 圓形 圓角矩形，似乎UI就應該是這樣的，而這次Material You突破了這個界限，除了色彩其實形狀在UI中也是可以不受約束的。

并且多種形狀應用范圍也可以在控件、圖標、信息框、甚至是動畫上，交互操作將會綜合反饋在形狀、色彩、對比度，大小、甚至是線寬上，這種自由的搭配應用，給我們帶來的視覺體驗也是非凡的。

這些看似不同的形狀其實形狀之間也是存在關聯性

界面

界面布局上這次也有了很大的改變，就目前的資料來看（等待后續真機驗證），Material You取消了陰影系統，沒錯很多人喜歡的陰影這次真是的沒有了。

MaterialDesign的Z軸層級規范（陰影）

陰影曾經是UI中表現層級關系的一種主要方法，iOS在扁平化設計后取消了陰影，但之前的Material Design是很強化陰影的，并且對于陰影的應用還專門做了很詳細的分級。

Material You的層級方式

那么沒有了陰影的Material You該如何區分界面信息層級呢？

在Google官方特別說明了這次設計“沒有過度依靠陰影，相反，使用了色彩和其他方法，將前景與背景內容加以區分”，從實際效果看是采用了遮罩和色塊留白的方法，Google選擇更簡潔的方法去實現。

動效

UI的動效趨勢是非常明顯的，設計師經?？吹讲⑾矏鄣氖荄ribble風格的概念動效，看起來炫酷絲滑，但是往往實際應用起來卻是影響用戶操作響應體驗的。這次Material You 動效走的是實用的微動效路線，微動效是未來UI動效的趨勢，微動效的特點是在在不影響用戶操作和系統響應的前提下，快速獲得一個完整操作閉環，迅速開始也迅速結束，與用戶操作同步反饋響應。

不得不說，Material You 這次給了我們一個很好的微動效樣板工程。

比如被稱為“漣漪微光”動畫，能發聵自然操作和色彩

息屏動效

信息框動效

按鈕動效

充電狀態動效

字體

除了此之外，這次Material You還對字體做出了比較大的改善，

在Google Sans基礎上又推出GS Text，新的字體系統更加適合移動端，更加適合小字閱讀，讓閱讀變得更加優雅順暢，相信后續中文思源黑體也會進行相應升級。

并使用了可變字體技術，讓字體也可以有效參與到界面視覺中。

可變字體在鬧鈴的應用

Material You 思考和總結

不知道大家發現沒有，Material You 是由兩個的單詞構成的，而剛才說的更多是Material，其實這次Google升級的核心思想其實是在 You，而 Material You 的簡稱是MY，這并不是完全的巧合。

Google在2014年推出Material Design時，就說了他們的愿景是幫助每個人的使技術變得簡單而美好，并使移動端使用體驗更好。而今天，這種挑戰已經擴大了范圍，隨著越來越多的屏幕出現在我們生活更多領域，計算技術也在迅猛增長。用戶對個人設備需要有更強的表現力和控制力，尋求的不僅是實用和功能上的體驗，更是通過使用體驗喚起人們的情感化共鳴，Material You的這次升級無一不是在強化這點。

情感化設計將是后產品時代的設計核心思想，打造觸動人心的設計，并把每一次的接觸都轉化為長期關系，設計思維延申為服務思維，這將是未來交互體驗設計的新風口。

Material You & MY 帶給我們最大的啟示也正是如此！

作者 | 殘酷de樂章

來源： https://www.zcool.com.cn/article/ZMTI1NDE3Ng==.html

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。