等重的高光和阴影

平面设计 颜色理论 阴影 强调
2022-02-15 16:37:52

我正在 Inkscape 中创建等距建筑物。每个建筑物都有一个基色。考虑到照明,每个建筑物的顶部都有一个高光,左侧有底色,右侧有阴影。

我的问题是,每当我尝试选择较暗和较浅的基色版本时,其中一个总是与基色具有更大的对比度,因此具有更多的视觉重量。这就是我的意思:

颜色示例

在左侧,我创建了具有 20% 不透明度的黑白叠加照明。在右侧,我只是将 HSL 上的亮度滑块在每个方向上调整了 20 个点(共 255 个点)。

左侧黄色示例中的阴影比高光具有更多的对比度。在它下面,蓝色示例的高光具有更多的对比度。右侧要好得多,但我想知道最好的做事方式是什么。

换句话说,我怎样才能最好地使阴影和高光具有相同的对比度/视觉权重?

2个回答

在绘画中有一个古老的技巧来制作渐变。

一般来说,你不会用白色来制作浅红色,因为你有粉红色,看起来像是被白色污染了。相反,您先使用一点黄色,然后将其发送到白色:

色轮中的所有颜色都会发生这种情况,将它们稍微变成较亮的部分,然后变成白色:

当您将黄色或浅色变暗时也是如此:

这是您的第二列看起来更好的原因之一。第一个只是被灰色污染了。深灰色和浅灰色。

我不确定什么是“最好的”方式。这根本不重要,因为这是一个感性的相对问题。所以不要太担心。

可能只是限制你的调色板,所以你没有太多的选择,而是一个通用的调色板可供选择。

带有附加信息的旧答案

我们的愿景是对数的。这是感知光的进展不是线性的。

看看这个酒吧:

它有一个线性渐变,我在左右两端放了一个小条。

我们几乎看不到左侧的红色条,但白色是清晰的。

该方法应该是可视化的,而不是通过编码算术值。

一种选择

是你做了一个线性渐变,然后用伽玛函数修改它。尝试整数,例如 Gamma 1.5、1.8 或 2.0

伽玛 1.5 在此处输入图像描述

伽玛 1.8 在此处输入图像描述

一个结论

第一步是校准您的显示器。

在此之后,您可能会发现您可以使用,例如,一侧使用 15%,另一侧使用 20%。没有人会证明你的作品可以测量颜色比例的确切值。

但这会根据每种颜色而变化。

您不能期望“浅黄色”与“浅紫色”的范围相同,因此不要采用数学方法,而是采用感知方法。

彩色模型很好。他们可以做很多出色的工作,并且可以使颜色选择过程变得更加容易。

然而,它们并非万无一失。它们是一种手段,而不是目的。

我的建议是从为每种颜色“数学”创建的一组色调开始。如果他们最终不满意,请仔细观察并手动调整。

不要忘记平面设计既是科学又是艺术。