质感设计

**质感设计**
開發者	Google
首次发布	2014年6月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];
源代码库	網頁: 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、網頁、Windows、Linux、macOS、
类型	設計語言軟體
许可协议	Android、iOS: Apache-2.0授權條款; Flutter: BSD-3授權條款; 網頁: MIT授權條款;
网站	material.io

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

质感设计于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 3 (Material You)

在2021年5月的Google I/O大会上，Google宣布了一个名为“Material You”（也被称为Material Design 3）的新设计语言，计划在Pixel 6系列和Android 12中使用。Material You设计拥有全新的动画，更大的按钮以及根据壁纸动态配色功能。在接下来的数月里，Material You已逐渐更新到各种Google程序中，以及更多Android设备。

参见

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

参考资料

. 2021年4月26日 [2021年5月18日].
. 2022年4月28日 [2022年10月28日].
https://registry.npmjs.com/material-components-web; 检索日期: 2023年3月3日.
https://github.com/material-components/material-components-android/releases/tag/1.8.0-rc01.
. 2023年12月14日 [2023年12月19日].
. Techcrunch. [11 June 2014]. （原始内容存档于2018-11-23）.
. Engadget. [26 June 2014]. （原始内容存档于2014-06-27）.
. Co.Design. [26 June 2014]. （原始内容存档于2014-07-29）.
. Anandtech. [26 June 2014]. （原始内容存档于2014-06-28）.
Chris Smith. . BGR. 30 July 2014 [2015-07-24]. （原始内容存档于2014-08-01）.
. Engadget. AOL. [26 June 2014]. （原始内容存档于2014-06-26）.
. The Verge. Vox Media. [26 June 2014]. （原始内容存档于2014-07-27）.
. Google. [2015-07-24]. （原始内容存档于2015-02-14）.
. Google. [2015-07-24]. （原始内容存档于2014-08-20）.
. iTunes Store. [2015年8月5日]. （原始内容存档于2019年6月3日）.
. [2016-09-23]. （原始内容存档于2017-08-25）.（简体中文）
. [2016-09-23]. （原始内容存档于2017-07-16）.（繁體中文）

外部链接

官方网站

This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.

[wikidata-356421091ad32f17d257e272a63ea529ffc28fb2-v3-1] . 2021年4月26日 [2021年5月18日].

[wikidata-3b2628c22e6b69c9d2eea0055985362f4346172e-v3-2] . 2022年4月28日 [2022年10月28日].

[wikidata-3b1bbffd0bdf5878fca4c04b7e8df4d4d20fbf13-v3-3] ttps://registry.npmjs.com/material-components-web; 检索日期: 2023年3月3日.

[wikidata-6b4484b493b13dd9f9b2df28141585f904d1b094-v3-4] ttps://github.com/material-components/material-components-android/releases/tag/1.8.0-rc01.

[wikidata-91c6b180d7c167aa0917d259e82bc9130a7500a8-v3-5] . 2023年12月14日 [2023年12月19日].

[6] . Techcrunch. [11 June 2014]. （原始内容存档于2018-11-23）.

[7] . Engadget. [26 June 2014]. （原始内容存档于2014-06-27）.

[8] . Co.Design. [26 June 2014]. （原始内容存档于2014-07-29）.

[9] . Anandtech. [26 June 2014]. （原始内容存档于2014-06-28）.

[10] Chris Smith. . BGR. 30 July 2014 [2015-07-24]. （原始内容存档于2014-08-01）.

[11] . Engadget. AOL. [26 June 2014]. （原始内容存档于2014-06-26）.

[12] . The Verge. Vox Media. [26 June 2014]. （原始内容存档于2014-07-27）.

[13] . Google. [2015-07-24]. （原始内容存档于2015-02-14）.

[14] . Google. [2015-07-24]. （原始内容存档于2014-08-20）.

[15] . iTunes Store. [2015年8月5日]. （原始内容存档于2019年6月3日）.

[16] . [2016-09-23]. （原始内容存档于2017-08-25）.（简体中文）

[17] . [2016-09-23]. （原始内容存档于2017-07-16）.（繁體中文）