Material Design 是Google開發的設計語言。它於 2014 年首次亮相,作為 Android 和Google網頁產品的統一系統。系統運用深度、動態和網格佈局。表面和邊緣提供視覺提示。陰影指示高度。元素投射陰影以顯示它們與下方表面的關係。這種設計模仿了實體材料,因此得名。但它並非擬物化設計。它並不模仿皮革或木材。它將紙張和墨水的特性抽像到數位系統中。
Material Design 為佈局、顏色、字體、圖示和動態效果提供了指導原則。網格基於 8dp 間距系統。組件具有定義好的狀態:預設、懸停、聚焦、按下和停用。動態效果是有意義的。動畫展示了元素的出現和消失,引導用戶注意力並提供回饋。該系統不斷發展演進。 Material Design 2 優化了組件。 Material Design 3 引入了動態顏色,可根據使用者的桌布產生調色板。該系統是開源的,開發者和設計師可以免費使用。它已被谷歌產品以外的許多應用採用。許多應用程式使用 Material 組件,因為它們熟悉且經過充分測試。該系統並非完美無缺。批評者認為它看起來很普通,所有遵循該系統的應用看起來都大同小異。但這種權衡帶來了一致性。 Material Design 為團隊提供了一種共享語言。由於決策已經確定,他們可以更快地進行開發。
材料設計原則
- 材質隱喻-表面和邊緣提供線索
- 大膽的圖形-精心設計的色彩和影像
- 動態-動畫引導和告知
- 自適應-適用於各種設備和螢幕尺寸
- 基於網格的 8dp 間距系統
Material Design 是一個系統。它透過提供預設設定來簡化設計決策。用戶可以遵循這些預設設置,也可以對其進行覆蓋。這個系統是一個起點,而不是束縛。
Comments
No comments yet. Be the first to share a thought.
Leave a comment