为什么黑色字符的抗锯齿使用灰度以外的颜色?

平面设计 颜色 抗锯齿
2021-12-30 16:32:51

我是一名开发人员,我不是平面设计师。但是自从几年前我注意到它以来,有一个问题一直困扰着我。

如果有人不知道,抗锯齿是一种从高对比度分区(例如字符边缘和几何形状)中去除锐度的方法。

当你得到一个在白色背景上用黑色书写的抗锯齿字符,然后放大以查看像素时,会出现与灰度不同的颜色,这对我来说似乎不合逻辑,因为我们只需要制作从黑色到白色的平滑过渡。

在此处输入图像描述

问题:为什么颜色与灰度中用于对白色背景中的黑色字符进行抗锯齿的颜色不同?

PS:如果我有足够的声誉,我会创建“抗锯齿”标签。


更新:我现在想到了一个理论。
如果这些字母打算显示在计算机显示器上,而屏幕中可以是黑色的最小部分是由三个小灯组成的整个像素,那将导致任何字母中的最小点相当大,但如果由周围或内部点组成的抗锯齿可以仅表示 1/3 像素,从颜色到侧面有一些帮助,这意味着字母可以更小。

是这样吗?

2个回答

这在 windows 中称为 clearType(或 Marcelo 所说的亚像素渲染),其想法是,不是为 1 个像素使用 1 个值:
(127,127,127) < Gray

我们可以使该像素的左侧不那么强烈,而右侧更强烈
(55,127,185) - 蓝色色调

,然后右侧像素相同
(185,127,55) -
下方显示橙色 (无 AA) - (早期清除类型) - (常规 AA) - (最新清除类型)
在此处输入图像描述

在我看来,它只适用于小字体(就像您现在正在阅读的字体)
对于常规图形,您使用常规 AA(实际上 Photoshop 不支持 clearType)
希望这会有所帮助!享受

毕竟我的猜测是对的:

如果这些字母打算显示在计算机显示器上,而屏幕中可以是黑色的最小部分是由三个小灯组成的整个像素,那将导致任何字母中的最小点相当大,但如果由周围或内部点组成的抗锯齿可以仅表示 1/3 像素,从颜色到侧面有一些帮助,这意味着字母可以更小。

检查问题中的评论以获得 DA01 和 koiyu 的进一步帮助(谢谢)。


仅供参考,以下是 DA01 和 koiyu 评论中的维基百科链接: