【攻克Android (20)】Material Design 质感设计

本文围绕以下三个部分展开：

一、Material Design 质感设计
二、质感主题
三、案例：CheeseSquare





一、Material Design 质感设计

        1. 质感设计

        源于对现实材料（纸张和墨水）触感的隐喻，创造出的一套视觉语言：控件拥有现实实体的一些特征（厚度、光照、阴影），并在交互过程中遵守物理世界的基本规则。

        （1）3D世界

        （2）光源和阴影

        控件的阴影是由主光源和环境光源投射而成。

        环境中两个虚拟的光源照明整个场景使得控件可投射出阴影：
主光源创造定向阴影；环境光源从各个角度创造一致的、柔和的阴影。

        阴影的深度层级表示不同的高度层级。

        （3）控件的高度（z 轴）

        （4）形变与动作

        形变：

            可以改变形状及大小；不可以弯曲或对折；可以拼贴、分解、相互运动。

        动作：

            可以出现或消失；可延任意轴移动；z 轴移动是由用户交互产生的。

        附：交互事件不能穿透控件，控件不能穿透其他控件。

        （5）控件间的关系

二、质感主题

三、案例：CheeseSquare