质感设计

**质感设计**
开发者	Google
首次发布	2014年6月25日，9年前
源代码库	网页: 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

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

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

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

中文名称

Google于2014年11月6日推出iOS版Google地图程序4.0版时于程序更新叙述中称呼Material Design为质感设计，在1.3.1版中的YouTube创作工作室iOS版程序更新叙述中也采用此名词。^[10]

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

参见

参考资料

↑ Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple. Techcrunch. [11 June 2014].
↑ Google's new 'Material Design' UI coming to Android, Chrome OS and the web. Engadget. [26 June 2014].
↑ Google's New, Improved Android Will Deliver A Unified Design Language. Co.Design. [26 June 2014].
↑ Google Reveals Details About Android L at Google IO. Anandtech. [26 June 2014].
↑ 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].
↑ We just played with Android's L Developer Preview. Engadget. AOL. [26 June 2014].
↑ Google's next big Android redesign is coming in the fall. The Verge. Vox Media. [26 June 2014].
↑ Polymer paper elements. Google. [2015-07-24].
↑ Material design with Polymer. Google. [2015-07-24].
↑ iOS版YouTube创作工作室. iTunes Store. [2015年8月5日].
↑ 面向开发者的材料设计. [2016-09-23]. （简体中文）
↑ 开发人员材料设计. [2016-09-23]. （繁体中文）

外部链接

官方网站

[1] Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple. Techcrunch. [11 June 2014].

[2] Google's new 'Material Design' UI coming to Android, Chrome OS and the web. Engadget. [26 June 2014].

[3] Google's New, Improved Android Will Deliver A Unified Design Language. Co.Design. [26 June 2014].

[4] Google Reveals Details About Android L at Google IO. Anandtech. [26 June 2014].

[5] 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].

[6] We just played with Android's L Developer Preview. Engadget. AOL. [26 June 2014].

[7] Google's next big Android redesign is coming in the fall. The Verge. Vox Media. [26 June 2014].

[8] Polymer paper elements. Google. [2015-07-24].

[9] Material design with Polymer. Google. [2015-07-24].

[10] OS版YouTube创作工作室. iTunes Store. [2015年8月5日].

[11] 面向开发者的材料设计. [2016-09-23]. （简体中文）

[12] 开发人员材料设计. [2016-09-23]. （繁体中文）

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]