质感设计

质感设计
開發者Google
首次发布2014年6月25日​（2014-06-25）
当前版本
  • 124.2.0（2021年4月26日；穩定版本）[1]
  • 14.0.0（2022年4月28日；穩定版本；网页浏览器）[2][3]
  • 1.8.0-rc01（2023年1月6日；最终测试版本）[4]
  • 1.12.0（2024年5月2日；穩定版本）[5]
源代码库
编程语言HTML、CSS、Sass (v4)、JavaScript、AngularJS、Angular、Java、Objective-C、Swift、Dart
平台Android、iOS、網頁、Windows、Linux、macOS
类型設計語言軟體
许可协议
网站material.io

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

Material Design 最初于 2014 年 6 月 25 日的 Google I/O 大会上发布，适时可借助 v7-appcompat 库应用于 Android 2.1 及以上版本，支持几乎所有 2009 年以后制造的 Android 设备。此后，该设计语言进一步扩展到Google的网络和移动产品阵列，提供一致的跨平台和应用程序体验。Google 还为第三方开发人员发布了 API，开发者可将其应用于各自应用程序之中。[10][11][12]

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

Google 於 2014 年 11 月 6 日推出 iOS 版 Google 地圖程式 4.0 版時於程式更新敘述中稱呼 Material Design 為質感設計，在 1.3.1 版中的 YouTube 創作工作室 iOS 版程式更新敘述中也採用此名詞。[15]值得一提的是，現行 Android 開發文檔的中文版本机器译文中有少数地方仍译作“质感设计”。[16][17]

版本更新

Material Design
Material Design 3

Material Design 2 (Google Material Theme)

2018年改造后，谷歌开始根据 Android Pie 上出现的一套名为“Material Design 2”的更新原则和指南重新设计大部分应用程序。[18]它更加注重定制基本的 Material Design 组件，以适应使用它的产品的品牌。[19]更新后的指南进一步强调了留白、圆角、彩色图标和底部导航栏。Google 开始使用其专有 Product Sans 字体的特殊尺寸优化版本，称为 Google Sans。

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.12.0. 2024年5月2日 [2024年5月23日]. 
  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. ^ Android質感設計. Android Developer. [2026年4月4日]. 
  17. ^ Android 的 Material Design. Google Developer. [2026-04-05] （中文（中国大陆））. 
  18. ^ Hall, Stephen. What exactly is this so-called ‘Material Design 2,' and what will it look like?. 9to5Google. 2018-04-26 [2025-03-19]. （原始内容存档于2020-08-10） （美国英语）. 
  19. ^ How Google created a custom Material theme. Material Design. [2025-03-19]. （原始内容存档于2026-02-23） （英语）. 

外部链接

维基共享资源上的相关多媒体资源：质感设计
This article is issued from Wikipedia. The text is available under Creative Commons Attribution-Share Alike 4.0 unless otherwise noted. Additional terms may apply for the media files.