与黑色背景一起使用的颜色?

平面设计 网站设计 黑色的
2022-01-02 11:33:42

正如迈克在这里指出的那样,在黑色背景上使用黄色文本是否不好如果是,我应该使用什么颜色(RGB 或十六进制值)?

在此处输入图像描述

3个回答

几年前,如果您问过这个问题,那么答案将是肯定的!然而,我们最近一直在重新定义设计风格和想法,所以它现在有点复杂。

黄色可以在黑色背景上工作,但字体和颜色的使用位置同样会影响网站的整体外观。确保您使用的是易于阅读的字体,并且您只使用黄色来突出显示,就像您所做的那样。也尽量不要使用纯白色,而是选择柔和的浅灰色,例如#ebebeb。

大胆的颜色,例如带有深色背景的黄色,在当前的扁平化设计趋势中很常见,但是这些颜色总是柔和或柔和的版本,通常不是它的主要版本。背景也主要是浓黑色(#252525 或类似),而不是真正的黑色(#000000)。这使得在保持配色方案的原始想法的同时更容易查看。

这个网站让您了解背景上的颜色是什么样的,这对于弄清楚什么会伤害您的眼睛以及什么不会伤害您的眼睛非常有用。

Simon Eramo 的这个精彩的 UI 工具包让您很好地了解如何在深色背景上使用明亮的颜色

Simon Eramo 的扁平粗体 UI 套件

这个网站给出了一个很好的例子,说明如何使用黑色和黄色,使用白色来抵消配色方案的潜在粗糙度。

迭戈·库鲁马的费尔南多·恩里克遗址

这里的黄色是主要的,但仅用于突出显示。

如果您倾向于在柔和的黑色或深灰色背景(例如 #333333 或 #555555)上使用更多的金色和橙黄色(例如 #f39c12 或 #ffbb33),那么您应该会发现它对眼睛很容易。

虽然这是一个非常有趣的评论,但黑色背景上的黄色文字并不是设计师仇恨犯罪。以下是一些使用该概念的网站。重要的是要注意,您会在所有这些伟大的网站中找到一些一致的主题。

  • 他们从不完整,真正的黑色背景
  • 他们从不在有内容的地方或地方使用黄色文本作为段落文本,它主要用作标题和子标题。

雷克索纳 雷克索纳网站

电影 电影

Devstars.com 开发之星

提供的排版- 这个网站上也有黄色的排版设计,只是为了展示不限于网络的例子。 排版服务

这个概念很容易搞砸,但如果执行得当,我认为它可以做出视觉上引人注目的设计。我不认为它与十六进制值有太大关系,而是要了解如何在整个过程中使用黄色。但是,我会确保不要使用完整的#000 黑色背景,因为我认为黄色会让眼睛难以接受。

我认为深色会更好。更像金色或黄橙色