維基百科

質感設計

谷歌研发的设计语言

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

質感設計
開發者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]
編輯維基數據鏈接
源代碼庫
編程語言HTML、CSS、Sass (v4)、JavaScript、AngularJS、Angular、Java、Objective-C, Swift、Dart
平台Android、iOS、網頁、Windows、Linux、macOS、
類型設計語言軟體
許可協議
網站material.io

質感設計於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]。現簡體中文譯本稱之為素材設計。

版本更新

 
Material Design
 
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設備。

參見

參考資料

  1. ^ Release 124.2.0. 2021年4月26日 [2021年5月18日]. 
  2. ^ Release 14.0.0. 2022年4月28日 [2022年10月28日]. 
  3. ^ https://registry.npmjs.com/material-components-web; 檢索日期: 2023年3月3日.
  4. ^ https://github.com/material-components/material-components-android/releases/tag/1.8.0-rc01.
  5. ^ Release 1.11.0. 2023年12月14日 [2023年12月19日]. 
  6. ^ Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple. Techcrunch. [11 June 2014]. （原始內容存檔於2018-11-23）. 
  7. ^ Google's new 'Material Design' UI coming to Android, Chrome OS and the web. Engadget. [26 June 2014]. （原始內容存檔於2014-06-27）. 
  8. ^ Google's New, Improved Android Will Deliver A Unified Design Language. Co.Design. [26 June 2014]. （原始內容存檔於2014-07-29）. 
  9. ^ Google Reveals Details About Android L at Google IO. Anandtech. [26 June 2014]. （原始內容存檔於2014-06-28）. 
  10. ^ Chris Smith. Google's Material Design is about to change the way we look at the worldwide web. BGR. 30 July 2014 [2015-07-24]. （原始內容存檔於2014-08-01）. 
  11. ^ We just played with Android's L Developer Preview. Engadget. AOL. [26 June 2014]. （原始內容存檔於2014-06-26）. 
  12. ^ Google's next big Android redesign is coming in the fall. The Verge. Vox Media. [26 June 2014]. （原始內容存檔於2014-07-27）. 
  13. ^ Polymer paper elements. Google. [2015-07-24]. （原始內容存檔於2015-02-14）. 
  14. ^ Material design with Polymer. Google. [2015-07-24]. （原始內容存檔於2014-08-20）. 
  15. ^ iOS版YouTube創作工作室. iTunes Store. [2015年8月5日]. （原始內容存檔於2019年6月3日）. 
  16. ^ 面向开发者的材料设计. [2016-09-23]. （原始內容存檔於2017-08-25）. （簡體中文）
  17. ^ 開發人員材料設計. [2016-09-23]. （原始內容存檔於2017-07-16）. （繁體中文）

外部連結

 
維基共享資源上的相關多媒體資源：質感設計
取自「https://zh.wikipedia.org/w/index.php?title=质感设计&oldid=84515889」