質感設計
開發者 | |
---|---|
首次發佈 | 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).(繁體中文)