質感設計
| File:Google Material Design Logo.svg | |
| File:Material you light.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））[1]是由 Google 開發的一種設計語言 。擴展於 Google 即時的「卡片」設計，材質設計基於網格的布局、響應動畫與過渡、填充、深度效果（如光線和陰影）。設計師馬蒂亞斯·杜爾特解釋說：「與真正的紙張不同，我們的數位材質可以智能地擴大和變形。材質具有實體的表面和邊緣。接縫和陰影表明組件的含義。」此即指出他們的新設計語言基於紙張和油墨。[2][3][4]
Material Design 最初於 2014 年 6 月 25 日的 Google I/O 大會上發布，適時可藉助 v7-appcompat 庫應用於 Android 2.1 及以上版本，支持幾乎所有 2009 年以後製造的 Android 設備。此後，該設計語言進一步擴展到Google的網絡和移動產品陣列，提供一致的跨平台和應用程序體驗。Google 還為第三方開發人員發布了 API，開發者可將其應用於各自應用程序之中。[5][6][7]
Web 應用程序的 Material Design 界面的規範實現被稱為「Polymer 紙張元素」，[8]包括Polymer庫、一個為不原生支持 Web Components 標準的瀏覽器提供 API 的 墊片，以及「紙張元素集合」。[9]
Google 於 2014 年 11 月 6 日推出 iOS 版 Google 地圖程式 4.0 版時於程式更新敘述中稱呼 Material Design 為質感設計，在 1.3.1 版中的 YouTube 創作工作室 iOS 版程式更新敘述中也採用此名詞。[10]值得一提的是，現行 Android 開發文檔的中文版本機器譯文中有少數地方仍譯作「質感設計」。[11][12]
版本更新[編輯]
Material Design 2 (Google Material Theme)[編輯]
2018年改造後，谷歌開始根據 Android Pie 上出現的一套名為「Material Design 2」的更新原則和指南重新設計大部分應用程序。[13]它更加注重定製基本的 Material Design 組件，以適應使用它的產品的品牌。[14]更新後的指南進一步強調了留白、圓角、彩色圖標和底部導航欄。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設備。
參見[編輯]
參考資料[編輯]
- ^ 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日）.
- ^ Android質感設計. Android Developer. [2026年4月4日].
- ^ Android 的 Material Design. Google Developer. [2026-04-05] （中文（中國大陸））.
- ^ 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） （en-US）.
- ^ How Google created a custom Material theme. Material Design. [2025-03-19]. （原始內容存檔於2026-02-23） （English）.
外部連結[編輯]
- Module:Official_website第90行Lua錯誤：attempt to index field 'wikibase' (a nil value)
