质感设计
![本页使用了标题或全文手工转换](http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Zh_conversion_icon_m.svg/35px-Zh_conversion_icon_m.svg.png)
![]() | |
![]() | |
開發者 | |
---|---|
首次发布 | 2014年6月25日 |
当前版本 | |
源代码库 |
|
编程语言 | HTML、CSS、Sass (v4)、JavaScript、AngularJS、Angular、Java、Objective-C, Swift、Dart |
平台 | Android、iOS、網頁、Windows、Linux、macOS、 |
类型 | 設計語言軟體 |
许可协议 |
|
网站 | material |
质感设计(英語:Material Design,又譯為材质设计、材料设计),研發代号:量子纸张(英語:Quantum Paper)[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
版本更新
[编辑]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设备。
参见
[编辑]参考资料
[编辑]- ^ Release 124.2.0. 2021年4月26日 [2021年5月18日].
- ^ Release 14.0.0. 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.
- ^ Release 1.11.0. 2023年12月14日 [2023年12月19日].
- ^ Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple. Techcrunch. [11 June 2014]. (原始内容存档于2018-11-23).
- ^ Google's new 'Material Design' UI coming to Android, Chrome OS and the web. Engadget. [26 June 2014]. (原始内容存档于2014-06-27).
- ^ Google's New, Improved Android Will Deliver A Unified Design Language. Co.Design. [26 June 2014]. (原始内容存档于2014-07-29).
- ^ Google Reveals Details About Android L at Google IO. Anandtech. [26 June 2014]. (原始内容存档于2014-06-28).
- ^ 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).
- ^ We just played with Android's L Developer Preview. Engadget. AOL. [26 June 2014]. (原始内容存档于2014-06-26).
- ^ Google's next big Android redesign is coming in the fall. The Verge. Vox Media. [26 June 2014]. (原始内容存档于2014-07-27).
- ^ Polymer paper elements. Google. [2015-07-24]. (原始内容存档于2015-02-14).
- ^ Material design with Polymer. Google. [2015-07-24]. (原始内容存档于2014-08-20).
- ^ iOS版YouTube創作工作室. iTunes Store. [2015年8月5日]. (原始内容存档于2019年6月3日).
- ^ 面向开发者的材料设计. [2016-09-23]. (原始内容存档于2017-08-25).(简体中文)
- ^ 開發人員材料設計. [2016-09-23]. (原始内容存档于2017-07-16).(繁體中文)
外部链接
[编辑]
|
|