Environment

Environment

3D 空间

Material 的设计环境是3D 立体的,也就意味着所有的物体都是含有x,y,z三个维度。z轴是垂直于显示器,是面朝向用户方向的延伸。每一块材料都在垂直方向有着自己的位置,并且具有统一的标准厚度,厚度为1dp。注:dp是一基于density的抽象单位,如果一个160dpi的屏幕,1dp=1px。density值表示每英寸有多少个显示点,与分辨率是两个概念。具体不懂得可以稍微查下资料了解一下。

通常在网页的设计中,z轴是用于区分层次,而不是为了3D效果。3D空间是通过y轴进行操控体现的。

What is Material Environment 3D


光效 和 阴影

在 Material 的设计环境中,所有的场景都是有光来照射的。其中主体光效的照射创造出指向性的阴影,还有环境光效从各个角度创造出柔和的阴影。

Material 的设计环境中的阴影,都是通过这两种光效产生的。在安卓开发中,阴影的产生都是由光源照射到在z轴不同位置的材料所产生的。而在网页中国年,阴影是通过控制y轴产生的。下面是关于阴影的举例,z轴的高度为6dp。

由主体光效照射产生的阴影:
What is Material Environment Shadow 01

由环境光效产生的阴影:
What is Material Environment Shadow 02

两种光效共同作用产生的阴影:
What is Material Environment Shadow 03