美文网首页
DOCT(D3)Material Design

DOCT(D3)Material Design

作者: 小暖_SKY | 来源:发表于2018-11-07 10:48 被阅读0次

    Environment 环境

    材料的厚度1dp, 阴影是不同高度的材料相互叠加所产生的

    Material design 是一个包含光线、材料和投射阴影的三维环境。

    所有的材料对象都包含 x、y、z 三个维度。

    所有的材料对象都有一个 Z 轴厚度。

    主光源投射出一个定向的阴影,而环境光从各个角度投射出连贯又柔和的阴影。

    阴影是不同高度的材料相互叠加所产生的。

    光线和阴影

    在材料环境中,虚拟的光线照射使场景中的对象投射出阴影,直射光投射出一个定向的阴影,而环境光从各个角度投射出连贯又柔和的阴影。

    材料环境中的所有阴影都是由这两种光投射产生的,阴影是光线照射不到的地方,因为各个元素在 z 轴上占据了不同大小的位置,遮住了这些光线。在网页上,阴影的实现是在 y 轴上使用多重阴影。下面的案例中,卡片的高度是 6dp。

    直射光投射的阴影 环境光投射的阴影 直射光和环境光混合投影

    有问题要跟我说哦,崔婷乖乖~

    相关文章

      网友评论

          本文标题:DOCT(D3)Material Design

          本文链接:https://www.haomeiwen.com/subject/ebumxqtx.html