• Material Design是一個統一的系統，它結合了理論、資源和工具來制作數字體驗。

簡介

創造一種視覺語言，將優秀設計的經典原則與技術和科學的創新和可能性結合起來。
允許在不同平臺和設備大小之間進行統一的體驗。

• 材料是比喻

  
  
  例如現實的照明顯示接縫，分隔空間，指示移動部件。

基于對紙和墨水的研究的啟發而建立在觸覺的現實基礎上，而技術上的進步釋放了想象的空間。

• 大膽，圖形，想象力

  
  

基于打印的設計的基本元素——排版、網格、空間、比例、顏色和圖像的使用——指導視覺處理。這些元素遠遠超過了眼睛的視覺。它們創建層次、意義和焦點。深思熟慮的顏色選擇、邊緣到邊緣的圖像、大規模的字體設計和有意的白色空間，創造了一個大膽而生動的界面，讓用戶沉浸在體驗中。
對用戶操作的強調使核心功能立即變得明顯，并為用戶提供了路徑。

• 有意義的運動

運動是有意義的，也是適當的，它有助于集中注意力和保持連續性。反饋微妙而清晰。過渡有效而連貫。

空間環境

所有的物質對象都有x，y和z維。
所有的物體都有一個z軸的位置。
主要的燈光會產生方向性的陰影，而周圍的光線會產生柔和的陰影。

特性

物質具有某些不可改變的特性和固有的行為。

• 物理屬性

1. 材料有不同的x和y尺寸和均勻的厚度(z)。
2. 材料投下陰影。陰影在物質元素之間的相對海拔(z位置)自然產生。
3. 內容以任何形狀和顏色顯示在材料上。內容不會增加材料的厚度。
4. 內容可以獨立于材料，但在材料的范圍內是盡可展示有限的。
5. 材料是實體。輸入事件不能通過材料。
6. 多重物質元素不能同時在空間中占據相同的位置。
7. 材料不能通過其他材料。
   例如，一層材料在改變高度時不能通過另一層材料。

• 形變

1. 材料可以改變形狀。
2. 物質在它的平面上拉伸和收縮。
3. 不要彎曲或折疊。
4. 材料可以連接在一起，成為一層材料。
5. 當分裂時，物質可以治愈。
   例如，如果你把一塊材料從一塊材料中移走，那么材料的薄片就會變成一整張紙。

• 動態

1. 物質可以自發產生或銷毀于空間中的任何地方。
2. 材料可以沿著任何軸移動。
3. z軸運動通常是用戶與材料交互的結果。

海拔和陰影

在物理世界中，物體可以被堆疊或粘在一起，但不能通過彼此。物體也會投射陰影，反射光線。
材料設計反映了這些品質，形成了一種對用戶來說很熟悉的空間模型，并且可以在應用中一致地應用。

• 海拔

  
  

從一個表面到另一個表面，一個元素的高度表明了表面和它的陰影的深度之間的距離。

1. 靜態海拔
   所有的物質元素都有靜止的高度。雖然組件在不同的應用程序之間有著一致的靜態高度，但它們在不同平臺和設備上可能有不同的靜態高度。
2. 動態的高度補償
   動態海拔偏移量是一個構件相對于靜止狀態的目標提升。

• 陰影

陰影為物體的深度和方向運動提供了重要的視覺線索。它們是唯一的視覺線索，指示出物體表面之間的距離。物體的高度決定了它的影子的外觀。

好了，本篇我們對Material Design的概念有了一個初步的了解，其核心思想就是將物理世界的體驗帶入屏幕的方寸之間，下一篇我們會對Material Design的Motion做詳細介紹。

每星期至少一篇跟新本系列，感興趣可以關注。
一起學習，一起進步。

順便提一句我的個人主頁就是Material Design風格的，不信點點看
DuYang_ZXM(https://duyangs.github.io/)

聲明本文圖片多數取自官網https://material.io/，轉載請注明

下一篇：Material Design之Motion