投影方向/光源的传统规则是什么?

平面设计 设计原则 效果 作品
2022-02-05 16:27:56

为对象创建投影时,偏移方向的传统/经典“规则”是什么?我看到很多上下左右,这导致光源来自左上角。

但是,我在某处读到(我不记得在哪里,可能是多年前的 David Siegel 的旧帖子),在向文本添加阴影时,阴影偏移应该是向下和向左,这为前沿提供了轻微的暗边缘文本,增强可读性。

还是规则只是“保持一致”?

为了清楚起见,我问的是是否存在通过传统或优先级建立的设计“原则”。

4个回答

在你自己设计的设计中,保持一致。如果一个对象有左上角的光源,那么所有对象都应该有左上角的光源。

在别人设计的设计中,你需要与他们的格式保持一致。在 Apple 的 Mac OS X(根据 HIG)的情况下,阴影来自顶部中心,实际上是在 45° 角附近的前面,而不是来自侧面。

至于方向,这在很大程度上取决于您要达到的效果,但作为基于不那么随意观察的非正式规则,光源通常位于左上角,投射右下角的阴影。大卫西格尔在技术上可能是正确的,但最终几乎完全是主观的。

从幼儿园到小学,我(和其他孩子)的大部分画都有一个叫做“角落太阳”的东西,它是太阳的四分之一,充满了左上角。起初,这个类比听起来可能有些牵强或半开玩笑,但我认为角落太阳的概念指向了理想投影概念的来源。

现在,我正要发布关于该主题的谷歌图片搜索以加强我的观点,但注意到右上角有太阳角的大量图纸因此,应该用一点盐*来概括方向。我有一种预感,可能存在文化甚至左撇子/右撇子的联系——但我没有研究过太阳角的起源。肯定会读那些。


然而,最常见的光线来自左上方。

我认为主要原因不是来自理想阴影的概念,而是来自冷酷的事实,即 Photoshop 将默认阴影方向默认设置为 120°,或者更具体地说:该global light值设置为120°。这对于大多数情况来说看起来已经足够了,所以为什么每次都要质疑这个值。Adobe对这个角度值的推理会很有趣。

*) 嗯,嗯,一如既往

我更多来自 3D CG 领域,在做 3D 工作时,你试图创造一些非常类似于现实的东西。阴影很少会始终朝同一个方向落下,这不仅是因为物体的形状会稍微改变阴影,还因为没有任何光源会以这种方式表现,因为它们的光是从空间中的一个点径向发射的——或者至少,在灯泡的情况下,相对较小的物体和视野中的物体代表了它们各自与光源方向的显着差异。你没有从太阳看到这种行为的唯一原因是地球上相距 10 英尺的两个物体之间的角度差异代表它们与太阳方向的难以区分的差异。太阳和月亮是这种现象的唯一常见例子,其中入射光矢量的角度在我们的视野中是一致的,但光线在夜间是如此分散和稀缺,以至于你甚至可以不谈论“一致”阴影角”在晚上。每天,我们都会看到数百个(如果不是数千个)示例,其中由于入射光矢量的显着差异或其他不规则照明,阴影不会始终一致地投射在同一方向上。(例子:由于入射光矢量的显着变化或其他不规则照明,阴影不会始终如一地投射在同一方向的示例。(例子:由于入射光矢量的显着变化或其他不规则照明,阴影不会始终如一地投射在同一方向的示例。(例子:http://hebbylaya.deviantart.com/art/Stone-3d-Design-102879441 [d 阴影向左,n 阴影向右], http: //fc00.deviantart.net/fs47/i/2009/216 /4/b/3D_by_luiggi26.jpg(L阴影向左关闭,k、TM 和 3D 阴影向右关闭)

然而,在 Photoshop 中,现实是无关紧要的。在 Photoshop 中说出一件真实的事情,我敢打赌我会发现算法有问题。事实上,使用“一致”阴影的主要原因正是因为 Photoshop 几乎无能为力。不要误会我的意思,我不认为你在网上看到的阴影看起来很糟糕,但它们也不现实。

即使 Photoshop 真的可以制作逼真的阴影,从明天开始,我认为大多数人不会使用它们,因为它们不会“看起来正确”,因为我们已经对网站或网站的“看起来正确”有了某些想法。标志在我们心中根深蒂固。

底线是做“看起来正确”的事情,因为这些东西几乎都不是现实的。

顺便说一句,这是一个既不一致也不现实的网站示例,但它看起来仍然非常好:http ://us.battle.net/wow/en/services/ “HOME/GAME/COMMUNITY/MEDIA/. ..” 菜单在顶部有一个很长的高光,但整个居中的 div 周围有一个薄薄的漫反射阴影,在所有方向上(如果光源真的在顶部,顶部应该没有阴影。)此外,菜单下还有一个小子分区,您可以称之为“内容 div”。它有一点浮雕,但不是顶部的长高光,而是在每个角落都有两个高光,然后在大约 30 像素后神奇地消失了。仔细观察完全不一致,但第一眼看起来非常好!

通常,大多数情况下的光源位于左上角,将阴影投射到右下角。

唯一的另一个“规则”是,您应该使您使用的任何类型的阴影相互关联(这意味着文档应该有一个光源,而不是每个单独的元素)。

我无法想象任何形式的阴影“增强”文本可读性。