【转】G3 5.0系统中的 Material Design 之美

而本质上，Google的Material Design设计语言可以概括为由两部分组成：
Material
动效
Material
这里，Material指的是“材质”。材质的表面和边界都蕴含了视觉线索。
对比一下真实世界，我们清楚一间房间有多大，是因为能看到房间的墙壁。同时，房间的内部布置也告诉了我们房间的用途。比如厨房跟浴室看起来就大不相同。
同样道理，好比真实世界中房间的墙壁和内部布置，Material Design的风格和内容在数字空间里也为用户提供了视觉线索。这种视觉线索使得用户能更好地理解UI界面的作用和运动方式。

动效
在Material Design上，动效的理念有着相似的原理。动效贯穿于整个应用的程序流当中，表达了设计的前后关系，尤其是对于产品的连续性来说，让用户完全不会有中断的感觉。诸如设计上的不一致，或者导航让人晕头转向，完全不会有这些问题。
怎么做动效？这里有个例子。在主页浏览视图里包含一列卡片。当你点击一个卡片时，卡片的“材质”不再是一张卡片的大小，而是将延展至全屏。

通过运动效果Material延展开来显示更多内容。这样给用户一种视觉连贯性，告诉用户他们的操作如何影响到界面。

令人愉悦的细节
包括各种小按钮，小动画等等，使得用户界面更加友善

色彩
Material Design的关键性原则之一是界面应该“大胆、图形化、有意义”，利用印刷设计的一些基本元素，达成优异的视觉指引。我们来看看这两个元素：色彩和版式对齐。
首先是版式对齐

然后是色彩
在Material Design中，UI配色提倡一种主色，一种互补色。区域较大部分的色彩采用主色的色调，区域较小的部分例如状态栏采用深一点的色调。
互补色需要巧妙运用，用来吸引用户对关键性元素的注意。温和的主色，搭配以稍微明亮的互补色，让应用看起来大胆、充满色彩感，凸显内容。

包括下拉菜单栏，也是黑白互补，并采用卡片式的设计

接下来要讨论的是 Material Design 的一个核心部分——真实的动效
在Material Design的世界中，动效不仅仅因为美学意义而存在，同时是为了构建有意义的空间关系、凸显功能、维系整个系统的一致性。

Material Design中动效设计的关键是保证物体运动的物理感，同时不牺牲物体运动的优雅感、简约感、美感，让物体的运动充满魔力，打造无缝式的用户体验。下面是一些动效设计规范，通过这些规范，可以理解如何用动效展示理念。
灵活的加速、温和的减速，这样的动效让用户感到自然且愉悦。

动效的迅捷反馈，可以让用户充满信任感和愉悦感。
当用户与应用交互时，所反馈的动效不但极具美感，符合物理逻辑，而且能够愉悦用户。反馈动效的设计必须深思熟虑且具有目的性，而不能随性设计，反馈动效应温和 ，不让用户分心。鼓励用户进一步探索应用：那么，我再点点这里试试呢
如：
表面层反馈

物体本身的反馈

径向效果