对文本使用非常深的颜色而不是纯黑色的目的是什么?


43

我已经看到一些Web设计在其设计中实现了几乎黑色的字体颜色(十六进制#001c00),而不是纯黑色(十六进制#000)。

设计实际上是从中受益吗,还是实际上与使用黑色相同?

我是一名业余网站设计师和开发人员,似乎无法把握其中的区别。


嗨,deadsource,欢迎使用GD.SE,并感谢您提出的宝贵问题!如果您对网站有任何疑问或疑问,请在声誉达到20后,访问帮助中心或在Graphic Design Chat中 ping我们之一。
文森特

从技术上讲,文本永远不会是纯黑色的,这些天几乎总是被消除锯齿。
法拉普2015年

我会问,在阴影上使用实心000的目的是什么?如果可以将其从10提升至11,该怎么办?
查理·施利瑟

Answers:


33

我总是更喜欢深灰色而不是纯#000。选择可能看起来很个人,但是这是背后的理论:

自然界中几乎没有100%黑色的东西。您看到的所有黑色物体上都有一定的反射光,阴影永远不会完全黑色。

当您在设计中使用#000时,它将超越其他颜色。因为它不是自然的,所以引起了太多的注意。当然,网站不是自然的,但是大脑的反应仍然类似。

这就是为什么许多设计师都选择深灰色的原因。您可以在Dribbble之类的网站中按颜色进行搜索。差异很小,但很明显:深灰色更为常见,在许多情况下看起来更好。

例如:在黑暗中设计:10个黑暗地点及其配色方案(我认为,其中没有一个使用#000作为其调色板的一部分)


4
我认为问题是,如果您使用黑色,则不能改变颜色,因此说您需要对其进行着色,不能在黑色上添加阴影。实际上,黑色是相对的,因此您几乎可以消除黑色,因此即使是深色物体也可以具有较暗的阴影,您只能注意到,因为您的眼睛会进行调整以适应这种情况。其次,它也更有趣
joojaa 2015年

7
尽管人们对自然界中没有出现的纯黑色的评论表示同意,但实际上与屏幕颜色无关。在纸上,几乎总是100%黑色,因此使该理论无效。在屏幕上,通常首选深灰色。为什么?对比度很好,但是对比度太大会使内容难以阅读。在屏幕上投射光线时,相对于纸张,100%黑色100%白色会感觉极度。
2015年

+1这是另一篇不错的文章,可以帮助您理解
Pharap 2015年

1
但是从另一方面来说,如果您要为AMOLED屏幕设计“深色主题”,则首选100%黑色,因为这样可以减少电池消耗。
user11153 2015年

3
这个论点经常被淘汰,但实际上没有任何意义。首先,自然界中没有字母,那么为什么我们要用自然界中存在的颜色的主张来决定人造字母应该是什么颜色?其次,即使我们告诉计算机输出纯黑色,由于屏幕的残留颜色,反射等原因,用户看到的实际颜色还是会稍微偏黑。本质上没有沉默:我们应该在所有网页上使用非常安静的背景声音吗?
David Richerby

25

这些都是有趣的答案,但有些深奥。原因很简单。对比度有利于提高可读性,但最好不要认为过多,而最坏则有害。

几乎所有打印的文本在白纸上都是黑色的,但是很少是纯白纸。通常是灰白色。即便如此,由于它是印刷的,所以使用的是反射光。

在投射光线的屏幕上,最大可能的对比度是100%黑色和100%白色。这可能会使人无法承受,因此许多人都倾向于在白色上使用深灰色,而在浅灰色上使用黑色。

有最低的对比度要求才能满足可访问性和一般可读性标准。您当然想满足这些要求,但这也不意味着您也需要使对比度最大达到100%。

另外,许多设计师认为它看起来更好。为了与打印相关,深灰色的文本可以看作是更豪华的外观,因为在纸上打印灰色文本比黑色要贵。(小尺寸的灰色文本通常需要灰色专色)。

底线:在屏幕上使用少于纯黑白色的黑色更好地模仿了我们离线阅读的内容,满足了对比度要求,并且对于许多设计师而言,看起来更好。


2
“灰色文本需要专色”?不错的,充满活力的丰富灰色,可能带有细微的色调,或者是非常小的尺寸,或者是在低dpi的打印设置下使用的,但是我已经打印了诸如C 0,M 0,Y 0,K之类的纯灰色,很多次都没有问题。我一直感觉到,黑色的美学价值在于使文本更明亮,更清洁,更平易近人:这是一种在空白和前导文字旁边减轻印刷“颜色”的方式。+1,其他所有内容都为+1
user56reinstatemonica8'8

2
@ user568458很少会用纯黑的屏幕打印文本大小的字体。当然,要使用大字体/标题,但对于大多数字体而言,不是正文。
2015年

赦免?我不确定您在说什么,但我可以向您保证,杂志和报纸都始终以100%黑色的文字印刷。我认为您将其与另一个问题(配准错误)混淆了,这不是100%黑色文本的问题,或者您正在使用的工作流程正遭受(严重)色彩管理问题。
David van Driessche 2015年

@DavidvanDriessche我与你完全同意。不确定您指的是什么。
2015年

1
@DavidvanDriessche:我想您已经错过了“ screen of”一词。
e100 2015年

19

通常,我不会在这个问题上回答得这么简洁,但是我确实认为这里需要补充一些信息。

来自图形设计背景,也有“暖”和“冷”灰色的概念。这些灰色分别在混合色中具有较高的暖色或冷色。

#111#222#333-这些都是中性深灰色的例子

#221111-暖灰色的例子

#111122-一个很酷的灰色的例子

您指定的灰色:#001c00是一种深灰色,略带绿色。

正如文森特(Vincent)提到的那样,这些轻微的光泽不会立即被发现,而是会带来更大的整体外观和感觉。


5

人们在潜意识中察觉到了自己没有意识到的细节。可以感觉到某种颜色的非常轻微的光泽,可以增强配色方案,从而增强“感觉”,信息或情绪。

您可能会问相同的问题,为什么有些纸是灰白色的,或者是因为印刷中使用了不同的“ 浓黑纸”,我的回答是相似的。


0

有多种原因可能会导致这种情况

•通过看起来更自然的眼睛营造氛围

•为了与品牌色彩保持一致,可能在设计中的其他地方使用了这种黑色阴影

•看起来更接近打印(稍浅的黑色更让人联想到打印页面上黑色的外观)

•一个错误,创作者打算使用最深的黑色,但从实际上不是真正黑色的区域吸取了颜色

•在印刷中,设计人员可能会使用99%黑色,因为它会自动剔除其下方的墨水区域

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.