干货丨Material Design 全面解析(一)
Material Design是由Google推出的设计语言，应用于Android平台，旨在解决Android平台设计风格不统一的问题。它的设计风格基于拟物化与扁平化之间，具有丰富的层次感和逻辑性。
Material Design核心思想是将物理世界的体验带进屏幕，去掉杂质和随机性，保留其最纯净的状态、空间关系、变化与过渡，还原贴近真实生活的体验。举个例子：如何使用Material Design的设计语言将现实生活中的白纸带进虚拟的屏幕中去？首先要去掉白纸的杂志、褶皱、不必要的肌理和其他的随机特性，保留一个最原始的、最纯粹的、绝对对称的白色方形；然后将物理世界中的物体的阴影、空间的关系、重力、惯性、运动的时候所产生的变化等特性搭配进来；再加入点击时合理的、贴近生活的、符合预期的动效与过渡，从而达到简约而直观的视觉效果。
首先，在Material Design中的图形和元素都来源于对现实生活的高度提炼与概括，即隐喻的手法，例如上文提到的白纸的案例。
其次，在Material Design中，App里的每个像素都被呈现在一张纸片上，并且根据不同的界面环境可以被缩放。一个界面排版，可能由好几张不同大小的纸片重叠构成，纸片层叠、合并、分离等逻辑和效果都来源于现实生活中的特性和反馈。如下图所示：
适应性很好理解，由于Android设备没有如苹果一样严格的硬件生产规范，导致屏幕尺寸非常杂乱。Material Design在适配上做了规范处理，适配时颜色、元素及元素等级和空间关系保持不变，采用响应式布局网格（Grid Design）自适应屏幕尺寸和方向，确保布局的一致性。响应式布局网格由三种元素组成：列 (Columns) 、槽 (Gutters) 和边距 (Margins) 。网格系统的最小单位是8dp，一切距离、尺寸都应该是8dp的整数倍。
Color／用色：运用色彩学知识原理，采用意想不到且充满活力的颜色，色调和谐且富有张力，强调阴影和高光。颜色不宜过多，可选取一种主色、一种辅助色（非必需），在此基础上进行色彩的明度、纯度和饱和度变化，构成配色方案。
Typeface／字体：Google团队开发出的界面字体Roboto，是Android4.0及以后系统的默认字体。Material Design中的字体基于此也做了改进。下图是官方给出的字体大小：
Icon／图标：简洁友好，清晰易懂。小图标尺寸为24dp x 24dp，图形限制在中央20dp x 20dp区域内，有删格系统，线条、空隙尽量保持2dp宽，圆角半径2dp。特殊情况应进行相应调整。
Image／图片：使用与用户相关的、能够传达信息的图片，色彩和图形令人愉悦。
所有出现在界面的元素都会对用户的行为产生引导作用。Material Design使用直观且可预测的布局，引导用户进行交互和操作。用户进入页面不会感到盲目不适，而是会按照元素的布局和主次关系查看内容。Material Design有19个常用组件，这19个常用组件有各自的标准和设计规范，便于用户理解和操作：
Material Design中的动效具备整理性和连贯性，表现在以下几个方面：
过渡：通过过渡动画，表达界面之间的空间与层级关系，并且可以跨界面传递信息，如下图所示：
层级：从父界面进入子界面，需要抬升子元素的海拔高度，并展开至整个屏幕，反之亦然，如下图所示：
次序：多个相似元素，动画的设计要有先后次序，起到引导视线的作用，如下图所示：
统一：相似元素的运动，要符合统一的规律，如下图所示：
细节：通过图标的变化和一些细节的微妙变化，达到令人愉悦的效果，如下图所示：
Material Design中的动效并不是天马行空，所有的动效都与用户的动作和元素的反馈有着直接的关系，恰当的动效会让反馈更容易被用户理解和接受。下图为Material Design中几个常用的动画效果：
Material Design的体系和逻辑目前已经发展的非常完善，有很多内容值得思考和研究。关于Material Design更多详细内容，会在日后为大家推送，欢迎关注。