Material Design设计模式

Material Design，中文名译为材料设计，是由Google开发的设计语言，于2014年6月25日的Google I/O大会上宣布。Material Design基于网格的布局、响应动画与过渡、填充、深度效果（如光线和阴影）。

与真正的纸张不同，我们的数字材质可以智能地扩大和变形。材质具有实体的表面和边缘。接缝和阴影表明组件的含义。
-设计师马迪亚斯·杜阿尔特

本文主要简明阐述Material Design的优点-给UX/IxD领域带来的用户体验优化，及其主要设计规范。

Google指出他们的新设计语言基于纸张和油墨。下图为部分Material UI设计控件展示。

Material Design设计原则

实体感就是(通过设计方式来表达)隐喻
Material Design力图构建跨平台和超越设备尺寸的统一体验。
遵循基本的移动设计定则，同时支持触摸、语音、鼠标、键盘等输入方式。

鲜明、形象、深思熟虑
实体的表面和边缘提供基于真实效果的视觉体验，熟悉的触感让用户可以快速地理解和认知。实体的多样性可以让我们呈现出更多反映真实世界的设计效果，但同时又绝不会脱离客观的物理规律。

光效、表面质感、运动感这三点是解释物体运动规律、交互方式、空间关系的关键。真实的光效可以解释物体之间的交合关系、空间关系，以及单个物体的运动。

有意义的动画效果新的视觉语言，在基本元素的处理上，借鉴了传统的印刷设计—排版、网格、空间、比例、配色、图像使用—这些基础的平面设计规范。在这些设计基础上下功夫，不但可以愉悦用户，而且能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白，力求构建出鲜明、形象的用户界面，让用户沉浸其中。Material Design 设计语言强调根据用户行为凸显核心功能，进而为用户提供操作指引。

有意义的动画效果
动画效果可以有效地暗示、指引用户。动效的设计要根据用户行为而定，能够改变整体设计的触感。动效应当在独立的场景呈现。通过动效，让物体的变化以更连续、更平滑的方式呈现给用户，让用户能够充分知晓所发生的变化。动效应该是有意义的、合理的，动效的目的是为了吸引用户的注意力，以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰。

材料

Material design中，最重要的信息载体就是魔法纸片。纸片层叠、合并、分离，拥有现实中的厚度、惯性和反馈，同时拥有液体的一些特性，能够自由伸展变形。

环境

三维世界

光影关系

三维世界,具备 x，y 和 z 轴的 3D 空间,Material 环境是一个三维的空间，这意味着每个对象都有 x ， y ， z 三维坐标属性，z 轴垂直于显示平面，并延伸向用户视角,每个 material 元素在 z 轴上占据一定的位置并且有一个 1dp 厚度的标准。在网页上，z 轴被用来分层而不是为了视角。3D 空间通过操纵 y 轴进行仿真。