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

Quick Facts 开发者, 首次发布 ...
质感设计
Thumb
Thumb
开发者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]
编辑维基数据链接
源代码库
编程语言HTMLCSSSass (v4)、JavaScriptAngularJSAngularJavaObjective-C, SwiftDart
平台AndroidiOS网页WindowsLinuxmacOS
类型设计语言软体
许可协议
网站material.io
Close

质感设计于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]。现简体中文译本称之为素材设计


版本更新

Thumb
Material Design
Thumb
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设备。

参见

参考资料

外部链接

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.