Android知识程序员

(译)MaterialDesign(二)-MaterialEnv

2017-02-05  本文已影响67人  sakasa

MaterialDesign设计规范系列文章

Material设计是一个三维环境中用光线、材料和投影组成的设计模式。

所有的material对象有x、y、z三个方向的尺寸。

所有的material对象有一个单独的z轴位置。

关键性的光线产生了直接投影,周围光线产生了软投影

Material厚度:1px

投影:阴影由重叠材料之间的高度差产生。

image

3D世界

Material环境是一个3D空间,这意味着所有对象都有x,y和z维度。 z轴垂直地对准显示器的平面,z轴正方向朝向观看者延伸。 每张材料沿着z轴占据单个位置,并且具有标准1dp厚度,相当于像素密度为160的屏幕上的一个像素厚度。

在网格上,z轴用于分层,而不用于透视。 3D世界通过操纵y轴来模拟。

image

光线和投影

在Material环境中,虚拟光照亮场景。 关键光线产生方向阴影,而环境光从所有角度产生柔和阴影。

Material环境中的阴影由这两个光源投射。 在Android开发中,当光源被沿着z轴的各种位置处的材料片阻挡时,发生阴影。 在网络上,阴影通过仅操纵y轴来描绘。

由主要光线产生的阴影
由环境光线产生的阴影
二者结合的效果()
上一篇下一篇

猜你喜欢

热点阅读