環(huán)境
Material Design 是三維環(huán)境的設計,包含光照,材料,和陰影
Google-Environment
所有的材料對象都具有x,y,z軸。
所有的材料對象都具有單獨的z軸坐標。
主光源決定定向的陰影(directional shadows),環(huán)境光源決定軟陰影(soft shadows)。
陰影由材料和覆蓋物的高度差決定的
3D世界
- 材料所處于3D的空間之中,這意味著每個物體對象都具有x,y,z軸。z軸垂直于現(xiàn)實頁面,正z軸表示面向觀看者方向的延伸。每一個材料紙張具有一個獨立的z軸位置,并且具有標準的1dp厚度,在屏幕像素密度是160的屏幕上等于1px。
-
在網(wǎng)頁中,z軸用來表達分層,不再用來表示透視關系。3D效果通過控制y軸實現(xiàn)。
3D space with x, y, and z axes
光源和陰影
- 在材料環(huán)境中,虛擬的光源照射屏幕。主光源決定定向的陰影,同時環(huán)境光源在不同角落來決定軟陰影。
- 材料環(huán)境當中陰影由這兩個光照原決定。在Android環(huán)境中,陰影在光照被材料紙張遮擋時候生成,因為材料有自己不同的z軸高度。在網(wǎng)頁中,陰影只由y軸控制變化來決定。如下實例展示的一個6dp高度卡片。

主光源照射

環(huán)境光源照射

混合光源照射