Material design 中的光源在哪里?

平面设计 网站设计 移动的 谷歌材料设计 可用性
2022-02-08 18:11:44

谷歌表示,主光会产生定向阴影,而环境光会从各个角度产生柔和的阴影。

具体参考下图,在材质周围产生了方向性和柔和阴影的主光源和环境光源位于何处?

在此处输入图像描述

来源: https ://material.google.com/material-design/environment.html#environment-light-shadow

3个回答

它实际上是45 度高度和 90 度角。您可以在@Cagrigk 发布的视频中看到它。这是与确切时间的链接)。

这些图片发布在材料设计中:

以下示例显示了高度为 6dp 的卡片。

这意味着 12px 的转换:

xhdpi (2x) @ 6.00dp = 12.00px

所以卡片的实际尺寸是 320*320px,阴影是 12px 大小(6dp at 2x = 12px),由于阴影放置在 45 度,距离值也是 12px。


图片右下角为定制图,其余为原图。

环境光投射的阴影(这个没有任何角度):

环境光

环境光预设

主光投射的阴影:

钥匙灯

按键灯预设

我不确定用哪种混合模式来结合两种风格。

它位于正方形的顶部,角度约为 15 度。杂项阴影可以看作是“环境光遮挡”

观看此视频了解更多信息:

制作材料设计https ://www.youtube.com/watch?v=rrT6v5sOwJg

在我看来,主灯在上方,也许在左侧。根据定义,环境光无处不在。那是在房间里反射的光。