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


Answers:


22

几年前,如果您问过这个问题,那么答案肯定是肯定的!但是,最近我们一直在重新定义设计风格和构思,因此现​​在变得有些复杂。

黄色可以在黑色背景上工作,但字体和使用颜色会影响网站的整体外观。确保您使用的字体易于辨认,并且仅使用黄色突出显示字体,就像已经做的那样。也不要尝试使用纯白色,而是选择柔和的浅灰色,例如#ebebeb。

当前的平面设计趋势通常会看到带有深色背景的黄色等粗体颜色,但是这些颜色始终是该颜色的柔和或柔和版本,通常不是其主要版本。背景也主要是深黑色(#252525或类似颜色)而不是纯黑色(#000000)。这样可以更容易查看,同时保留配色方案的原始思想。

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

西蒙·埃拉莫(Simon Eramo)的这个出色的UI套件为您提供了如何在深色背景上使用明亮色彩的好主意

Simon Eramo的Flat Bold UI Kit

该站点提供了一个很好的示例,说明了如何使用黑色和黄色,并使用白色抵消了配色方案的潜在苛刻性。

费尔南多·恩里克(Fernando Henrique)网站,迭戈·库鲁马(Diego Curuma)

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

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


感谢您的回答; 有一个跟进的问题在这里
llllllllllllllllllllllllllllll13年

10

尽管这是一个非常有趣的评论,但黑色背景上的黄色文字并不是设计师讨厌的罪行。以下是一些与此概念相关的网站。重要的是要注意,尽管您在所有这些出色的网站中都能找到一些一致的主题。

  • 他们永远不会充满真实的黑色背景
  • 他们从不使用黄色文字作为段落文字,在其中或存在内容的地方,主要将其用作标题和子标题。

雷克索纳 Rexona网站

电影 电影

Devstars.com DevStars

提供印刷术-此网站上有黄色印刷术设计,还只是为了展示不限于网络的示例。 版式投放

这个概念很容易被破坏,但是如果正确执行,我认为它可以做出视觉上引人注目的设计。我不认为与十六进制值有太大关系,而是要了解如何始终使用黄色。但是,我要确保不要使用完整的#000黑色背景,因为我认为上面的黄色会使眼睛不知所措。


1
+1代表黄色和黑色网站。另一个很好的例子是breakbeat.co.uk
Matt Fletcher

1

我认为较深的阴影会更好。更像金或橙黄色


2
您能解释为什么较深的阴影会更好吗?顺便说一句:欢迎来到GD.SE!
Mensch 2015年
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.