质感设计

质感设计（英語：Material Design，又譯為材质设计、材料设计），研發代号：量子纸张（英語：Quantum Paper）^[5]，是由Google开发的设计语言 。扩展于Google即时的“卡片”设计，材质设计基于网格的布局、响应动画与过渡、填充、深度效果（如光线和阴影）。设计师馬蒂亞斯·杜爾特（英语：Matías Duarte）解释说：“与真正的纸张不同，我们的数字材质可以智能地扩大和变形。材质具有实体的表面和边缘。接缝和阴影表明组件的含义。“Google指出他们的新设计语言基于纸张和油墨。」^[6][7][8]

质感设计

開發者	Google
初始版本	2014年6月25日，​8年前​（2014-06-25）
目前版本	124.2.0 (2021年4月26日；穩定版本；iOS、GitHub)^[1] 1.6.0-alpha02 (2022年1月18日；預覽版本；Android、GitHub)^[2] 1.7.0 (2022年10月19日；穩定版本；Android)^[3] 14.0.0 (2022年4月28日；穩定版本；网页浏览器)^[4]
源代码库	網頁: material-components-web頁面 Android: material-components-android頁面 iOS: material-components-ios頁面 Flutter: material-components-flutter頁面
编程语言	HTML、CSS、Sass (v4)、JavaScript、AngularJS、Angular、Java、Objective-C, Swift、Dart
系統平台	Android、iOS、網頁
许可协议	Android、iOS: Apache-2.0授權條款 Flutter: BSD-3授權條款 網頁: MIT授權條款
网站	material.io
設計語言軟體

质感设计于2014年6月25日的Google I/O大会上宣布。质感设计可借助v7 appcompat库用于Android 2.1及以上版本，支持几乎所有2009年以后制造的Android设备。材质设计将逐步扩展到Google的网络和移动产品阵列，提供一致的跨平台和应用程序体验。Google还为第三方开发人员发布了API，开发人员可将质感设计应用到他们的应用程序中。^[9][10][11]

网络应用程序的质感设计界面的规范实现被称为“Polymer纸张元素”。^[12]它包括Polymer库、一个垫片，为不原生支持Web Components标准的浏览器提供了API，以及“纸张元素集合”。^[13]

中文名称

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

但是，Google在developer.android.com的官方文档（简体中文和繁体中文译本）中，均称之为材料设计^[15][16]。现简体中文译本称之为素材设计。

参见

• Android版本历史
• 设计語言
• 用戶界面設計
• 扁平化设计
• Metro UI

参考资料

1. Release 124.2.0. 2021年4月26日 [2021年5月18日]. 
2. Release 1.6.0-alpha02. 2022年1月18日 [2022年2月2日]. 
3. Release 1.7.0. 2022年10月19日 [2022年10月28日]. 
4. Release 14.0.0. 2022年4月28日 [2022年10月28日]. 
5. . Techcrunch. [11 June 2014]. （原始内容存档于2018-11-23）. 
6. Google's new 'Material Design' UI coming to Android, Chrome OS and the web. Engadget. [26 June 2014]. （原始内容于2014-06-27）. 
7. Google's New, Improved Android Will Deliver A Unified Design Language. Co.Design. [26 June 2014]. （原始内容于2014-07-29）. 
8. Google Reveals Details About Android L at Google IO. Anandtech. [26 June 2014]. （原始内容于2014-06-28）. 
9. 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）. 
10. We just played with Android's L Developer Preview. Engadget. AOL. [26 June 2014]. （原始内容于2014-06-26）. 
11. Google's next big Android redesign is coming in the fall. The Verge. Vox Media. [26 June 2014]. （原始内容于2014-07-27）. 
12. . Google. [2015-07-24]. （原始内容存档于2015-02-14）. 
13. . Google. [2015-07-24]. （原始内容存档于2014-08-20）. 
14. iOS版YouTube創作工作室. iTunes Store. [2015年8月5日]. （原始内容于2019年6月3日）. 
15. 面向开发者的材料设计. [2016-09-23]. （原始内容于2017-08-25）. （简体中文）
16. 開發人員材料設計. [2016-09-23]. （原始内容于2017-07-16）. （繁體中文）

外部链接

维基共享资源中相关的多媒体资源：质感设计

• 官方网站