Farben für schwarzen Hintergrund?

16

Ist die Verwendung von gelbem Text auf einem schwarzen Hintergrund schlecht, wie Mike hier darauf hingewiesen hat ? Wenn ja, welche Farben sollte ich verwenden (RGB- oder Hex-Werte)?

Bildbeschreibung hier eingeben

llllllllllllllllllllllllllllll
quelle
Die Schrift ist zu eng.
Bjb568

Antworten:

21

Wenn Sie diese Frage vor ein paar Jahren gestellt hätten, wäre die Antwort ein klares Ja gewesen! Allerdings haben wir in letzter Zeit Designstile und -ideen neu definiert, sodass sie jetzt etwas komplexer sind.

Gelb kann auf einem schwarzen Hintergrund funktionieren, aber es geht genauso um Schriftarten und die Verwendung von Farben, die sich auf das allgemeine Erscheinungsbild der Site auswirken. Stellen Sie sicher, dass Sie Schriftarten verwenden, die gut lesbar sind, und dass Sie wie bisher nur Gelb zum Hervorheben verwenden. Versuchen Sie auch, kein reines Weiß zu verwenden, sondern wählen Sie ein sanfteres Hellgrau wie #ebebeb.

Kräftige Farben wie Gelb mit dunklem Hintergrund sind beim derzeitigen Trend zu flachem Design häufig anzutreffen . Dabei handelt es sich jedoch immer um eine gedämpfte oder weichere Version der Farbe und normalerweise nicht um eine primäre Version. Der Hintergrund ist auch hauptsächlich ein sattes Schwarz (# 252525 oder ähnliches), nicht wahres Schwarz (# 000000). Dies erleichtert die Anzeige erheblich, während die ursprüngliche Idee für ein Farbschema beibehalten wird.

Diese Seite gibt Ihnen eine Vorstellung davon, wie Farben auf einem Hintergrund aussehen. Es ist sehr nützlich herauszufinden, was Ihre Augen verletzt und was nicht.

Dieses wunderbare UI-Kit von Simon Eramo gibt Ihnen eine gute Vorstellung davon, wie Sie helle Farben auf dunklem Hintergrund verwenden können

Flat Bold UI Kit von Simon Eramo

Diese Seite bietet ein sehr schönes Beispiel für die Verwendung von Schwarz und Gelb, wobei Weiß verwendet wird, um die potenzielle Härte des Farbschemas auszugleichen.

Fernando Henrique Site von Diego Curuma

Das Gelb hier ist primär, wird aber nur zum Hervorheben verwendet.

Wenn Sie zu mehr Gold- und Orangegelb wie # f39c12 oder # ffbb33 auf weichen schwarzen oder dunkelgrauen Hintergründen wie # 333333 oder # 555555 tendieren, sollten Sie feststellen, dass dies für die Augen angenehm ist.

KitP
quelle
Danke für die Antwort; es gibt eine Follow - up - Frage hier .
llllllllllllllllllllllllllllll
9

Obwohl es ein ziemlich lustiger Kommentar war, ist gelber Text auf schwarzem Hintergrund kein Designer-Hassverbrechen. Hier sind einige Websites, die mit diesem Konzept spielen. Es ist wichtig zu beachten, dass das, was Sie auf all diesen großartigen Websites finden, einige konsistente Themen sind.

  • Sie gehen nie voll, wahrer schwarzer Hintergrund
  • Sie verwenden niemals gelben Text als Absatztext, wo oder wo Inhalt vorhanden ist. Er wird hauptsächlich als Überschriften und Unterüberschriften verwendet.

Rexona Rexona Site

Cinematik Cinematk

Devstars.com DevStars

Servierte Typografie - Diese Website enthält auch gelbe Typografie-Designs, um Beispiele zu zeigen, die nicht auf das Web beschränkt sind. Typografie serviert

Das Konzept ist leicht zu verpfuschen, aber wenn es richtig ausgeführt wird, kann es meiner Meinung nach ein optisch auffälliges Design ergeben. Ich denke nicht, dass es so sehr mit den Hex-Werten zu tun hat, als vielmehr zu verstehen, wie man das Gelb durchgehend verwendet. Ich würde jedoch darauf achten, nicht den vollen schwarzen Hintergrund zu verwenden, da ich denke, dass Gelb für die Augen überwältigend ist.

Adam Schuld
quelle
1
+1 für Beispiele von gelben und schwarzen Seiten. Ein weiteres gutes Beispiel ist breakbeat.co.uk
Matt Fletcher
1

Ich denke, ein dunklerer Farbton wäre besser. Eher wie Gold oder Gelborange

Caitlin
quelle
2
Können Sie erklären, warum ein dunklerer Farbton besser wäre? Übrigens: Willkommen bei GD.SE!
Mensch