質感設計(英語:Material Design,又譯為材質設計材料設計),研發代號:量子紙張(英語:Quantum Paper[6],是由Google開發的設計語言 。擴充於Google即時的「卡片」設計,材質設計基於網格的布局、回應動畫與過渡、填充、深度效果(如光線和陰影)。設計師馬蒂亞斯·杜爾特英語Matías Duarte解釋說:「與真正的紙張不同,我們的數位材質可以智慧型地擴大和變形。材質具有實體的表面和邊緣。接縫和陰影表明組件的含義。「Google指出他們的新設計語言基於紙張和油墨。」[7][8][9]

Quick Facts 開發者, 首次發布 ...
質感設計
Thumb
Thumb
開發者Google
首次發布2014年6月25日,​10年前​(2014-06-25
目前版本
  • 124.2.0(2021年4月26日;穩定版本;IOS、GitHub)[1]
  • 14.0.0(2022年4月28日;穩定版本;網頁瀏覽器)[2][3]
  • 1.8.0-rc01(2023年1月6日;最終測試版本;Android)[4]
  • 1.11.0(2023年12月14日;穩定版本;Android)[5]
編輯維基數據鏈結
原始碼庫
程式語言HTMLCSSSass (v4)、JavaScriptAngularJSAngularJavaObjective-C, SwiftDart
平台AndroidiOS網頁WindowsLinuxmacOS
類型設計語言軟體
許可協定
網站material.io
Close

質感設計於2014年6月25日的Google I/O大會上宣布。質感設計可藉助v7 appcompat庫用於Android 2.1及以上版本,支援幾乎所有2009年以後製造的Android裝置。材質設計將逐步擴充到Google的網路和行動產品陣列,提供一致的跨平台和應用程式體驗。Google還為第三方開發人員發布了API,開發人員可將質感設計應用到他們的應用程式中。[10][11][12]

網路應用程式的質感設計介面的規範實現被稱為「Polymer紙張元素」。[13]它包括Polymer庫、一個墊片,為不原生支援Web Components標準的瀏覽器提供了API,以及「紙張元素集合」。[14]

中文名稱

Google於2014年11月6日推出iOS版Google地圖程式4.0版時於程式更新敘述中稱呼Material Design為質感設計,在1.3.1版中的YouTube創作工作室iOS版程式更新敘述中也採用此名詞。[15]

但是,Google在developer.android.com的官方文件(簡體中文和繁體中文譯本)中,均稱之為材料設計[16][17]。現簡體中文譯本稱之為素材設計

版本更新

Thumb
Material Design
Thumb
Material Design 3

Material Design 2 (Google Material Theme)

Material Design 3 (Material You)

在2021年5月的Google I/O大會上,Google宣布了一個名為「Material You」(也被稱為Material Design 3)的新設計語言,計劃在Pixel 6系列和Android 12中使用。Material You設計擁有全新的動畫,更大的按鈕以及根據桌布動態配色功能。在接下來的數月里,Material You已逐漸更新到各種Google程式中,以及更多Android裝置。

參見

參考資料

外部連結

Wikiwand in your browser!

Seamless Wikipedia browsing. On steroids.

Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.

Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.