Material Design(2)

    xiaoxiao2021-03-26  35

    Material design


    Environment

    Material Design 是一个三维的环境,包括光线,实体和投影。

    所有的实体对象包含x,y与z轴 所有的实体对象有一个单独的z轴位置 主光线创造有方向的阴影,周围光线创造温和的阴影

    实体厚度 1dp

    阴影 阴影被海拔创建,使层叠的实体区分开

    内容

    3D 世界 光线与阴影

    3D 世界

    实体环境是一个3D空间,意味着所有的物体都有x,y和z轴。z轴是垂直调整平面的显示,正值表示向查看者延伸。实体的每一片沿着z轴出现在单独的位置且都有标准的1dp厚度,等同于1像素的厚度在像素密度为160的屏幕上。 在网页中,z轴用于分层而没有用于透视。3D世界通过操作y轴来仿真。

    拥有x,y和z轴的3D 空间

    光线和阴影

    在实体环境中,虚拟的光线操作着场景。主光线创造有方向的阴影,当周围的光线创造温和的阴影从所有的角度。 在实体环境中的阴影被两个光源操控方向。在安卓环境中,阴影出现在当光源被实体阻挡在不同的位置沿着z轴。在网页上,阴影只被y轴操控。下面的例子展示了卡片在6dp的高度。

    主光线投射的阴影 周围光投射的阴影

    上述两种阴影的结合

    转载请注明原文地址: https://ju.6miu.com/read-662883.html

    最新回复(0)