質感設計(英語:Material Design,又譯為材質設計、材料設計),研發代號:量子紙張(英語:Quantum Paper)[6],是由Google開發的設計語言 。擴充於Google即時的「卡片」設計,材質設計基於網格的布局、回應動畫與過渡、填充、深度效果(如光線和陰影)。設計師馬蒂亞斯·杜爾特解釋說:「與真正的紙張不同,我們的數位材質可以智慧型地擴大和變形。材質具有實體的表面和邊緣。接縫和陰影表明組件的含義。「Google指出他們的新設計語言基於紙張和油墨。」[7][8][9]
開發者 | |
---|---|
首次發布 | 2014年6月25日 |
目前版本 | |
原始碼庫 |
|
程式語言 | HTML、CSS、Sass (v4)、JavaScript、AngularJS、Angular、Java、Objective-C, Swift、Dart |
平台 | Android、iOS、網頁、Windows、Linux、macOS、 |
類型 | 設計語言軟體 |
許可協定 |
|
網站 | material |
質感設計於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
版本更新
在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.