Sean's Note: Material Design

2015年10月29日 星期四

Material Design

What is material?

Android 從 5.0 開始,引進了 Material Design 的概念,Material 即為物質之意,
而 Material 所處的環境是一個 3D 的空間。利用光和影 (Light and shadow) 的效果,
可以使 UI 元件看起來更為立體 (圖1)。

圖1. 圖片來源: Google Design

Material properties

Google 對 Material 的屬性提出了幾點規定:
  1. Material 應保持著 1dp 的厚度(高度)。
  2. Material 的陰影效果(Shadow) 應隨其高度而反映。
  3. Input events 不能橫跨 material 與 material 之間。
  4. 兩個 material 不能在同一高度上重疊。
  5. Material 可以改變其大小與形狀 (x, y 軸),但僅限於在原本的高度(z 軸)上。
  6. Material 不能被對摺 (fold)。
  7. 高度上的改變,通常是與使用者的互動所造成的。
  8. 更多詳見 Material properties

Elevation and shadows

Google 也對不同的 UI 元件定義的不同的高度。詳見 Elevation and shadows


沒有留言:

張貼留言