美文网首页
Material Design环境

Material Design环境

作者: 许宏川 | 来源:发表于2015-11-07 12:56 被阅读74次

    MD环境有两个概念,一个是三维,另一个是光源。

    三维

    MD的三维是基于三点体现在以下两点

    • 卡片的位置有X,Y,Z的三维属性


    • 卡片有厚度,默认都是1dp厚


    光源

    MD是有光源的,默认是手机屏幕正上方的直射光。光的存在体现在卡片有阴影。卡片阴影又会随卡片随高度的变化而变化。


    另外阴影分两种,一种是直射光照射产生的阴影,如下图。


    另一种是散射光产生的阴影,如下图。这有个问题,哪来的散射光呢?刚说直射光来源是屏幕正上方,而直射光照射到卡片就会发生散射产生散射光照射到其它卡片。


    还有就是直射光和散射光同时产生的阴影。


    基于三维和光源这两点,可以想象成MD风格的App是建立在一个长方体空间里,并且上方有直射光照入。

    相关文章

      网友评论

          本文标题:Material Design环境

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