Material Design环境

2015-11-07  本文已影响74人  许宏川

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

三维

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

光源

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


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


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


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


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

上一篇下一篇

猜你喜欢

热点阅读