环境

环境

Material Design 是三维环境的设计,包含光照,材料,和阴影

Google-Environment
所有的材料对象都具有x,y,z轴。
所有的材料对象都具有单独的z轴坐标。
主光源决定定向的阴影(directional shadows),环境光源决定软阴影(soft shadows)。

环境_第1张图片
阴影由材料和覆盖物的高度差决定的

3D世界

  • 材料所处于3D的空间之中,这意味着每个物体对象都具有x,y,z轴。z轴垂直于现实页面,正z轴表示面向观看者方向的延伸。每一个材料纸张具有一个独立的z轴位置,并且具有标准的1dp厚度,在屏幕像素密度是160的屏幕上等于1px。
  • 在网页中,z轴用来表达分层,不再用来表示透视关系。3D效果通过控制y轴实现。


    环境_第2张图片
    3D space with x, y, and z axes

光源和阴影

  • 在材料环境中,虚拟的光源照射屏幕。主光源决定定向的阴影,同时环境光源在不同角落来决定软阴影。
  • 材料环境当中阴影由这两个光照原决定。在Android环境中,阴影在光照被材料纸张遮挡时候生成,因为材料有自己不同的z轴高度。在网页中,阴影只由y轴控制变化来决定。如下实例展示的一个6dp高度卡片。
环境_第3张图片
主光源照射
环境_第4张图片
环境光源照射
环境_第5张图片
混合光源照射

你可能感兴趣的:(环境)