系統界面風格
“鮮明、形象、深思熟慮”,Material design此次的界面風格設計用這幾個詞語來形容是再合適不過了。Material design為安卓提供了新的視覺語言,在基本元素的處理上,借鑒了傳統的印刷設計、字體版式、網格系統、空間、比例、配色、圖像使用。在這些設計基礎上 下功夫,從而能夠構建出視覺層級、視覺意義以及視覺聚焦。精心選擇色彩、圖像、選擇合乎比例的字體、留白,力求構建出鮮明、形象的用戶界面,使得新的系統 界面是如此的漂亮。
而在色彩的選擇上Material design的原則是“大膽、圖形化、有意義”。在Material Design中,UI配色提倡壹種主色,壹種互補色。在區域較大部分的色彩采用主色的500色調,區域較小的部分例如狀態欄采用深壹點的色調。如此巧妙的 色彩搭配使得應用看起來非常的大膽、充滿色彩感,凸顯內容。
Material design對於界面的排版非常的重視。眾所周知,好的排版會讓界面看起來非常的清爽,不會有雜亂無章的感覺,而要將排版做好,“基線”絕對是必不可少的 壹樣東西。谷歌官方文檔《Material Design排版邊距》中就有提到基線的擺放位置,由下圖中我們可以看出,Material Design將第壹基線放在距離邊界16dp的地方,與文本項對齊的第二基線被擺放到距離左邊界72dp的地方,這種對齊規則讓界面看起來清爽、具有印刷 設計的閱讀節奏感。讓用戶得以快速閱讀信息,比較符合格式塔原則。
整體來說,Material design為安卓帶來壹次改革,系統的界面風格和布局都有了很大的改變,安卓系統自身的風格也漸漸顯露雛形。終於不會在有人說安卓原生系統難看了。
令人愉悅的交互設計
Material design的交互設計上采用的是響應式交互,這樣的交互設計能把壹個應用從簡單展現用戶所請求的信息,提升至能與用戶產生更強烈、更具體化交互的工具。接下來我們選擇幾個簡單的動態圖,來看下Material design獨特的交互設計。