[用户资料分享] 【设计资料分享】Material Design(原质化设计)手册

1. Material Design简介

引用维基百科描述: 质感设计

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

质感设计于2014年6月25日的Google I/O大会上宣布。质感设计可借助v7 appcompat库用于Android 2.1及以上版本，支持几乎所有2009年以后制造的Android设备。材质设计将逐步扩展到Google的网络和移动产品阵列，提供一致的跨平台和应用程序体验。Google还为第三方开发人员发布了API，开发人员可将质感设计应用到他们的应用程序中。

网络应用程序的质感设计界面的规范实现被称为“Polymer纸张元素”。它包括Polymer库、一个垫片，为不原生支持Web Components标准的浏览器提供了API，以及“纸张元素集合”。

2. 资料链接

• Material Design 中文版 - v1.1.pdf

  链接：https://pan.baidu.com/s/1ruARLj_7Bs6KzJEHfP9C0Q
  提取码：z7vd

• Material Design官网

  官方英文: https://material.io/design
  第三方中文翻译: https://www.mdui.org/design/material-design/introduction.html#

• Material Design设计案例网站

  Material设计组件：https://material.io/components/backdrop
  Material设计Web: https://themeforest.net/category/site-templates/admin-templates?term=material

3. Material Design与汇川HMI融合

汇川HMI使用的是QT组件，支持QSS自定义样式，Material Design是一种设计理念与规范，我们可以通过编写组件的QSS来应用Material Design。

基于Materail Design的QT组件

https://github.com/laserpants/qt-material-widgets

Material Design QSS

https://github.com/josephspurrier/liteide-material/blob/master/material.qss

4. 其他QSS设计风格案例

一个拥有丰富案例QSS的网站

https://qss-stock.devsecstudio.com/templates.php

QT官方QSS文档

Qt Style Sheets Examples:  https://doc.qt.io/qt-5/stylesheet-examples.html
Customizing Qt Widgets Using Style Sheets: https://doc.qt.io/qt-5/stylesheet-customizing.html