Farben für schwarzen Hintergrund?


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.


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.


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


2
Können Sie erklären, warum ein dunklerer Farbton besser wäre? Übrigens: Willkommen bei GD.SE!
Mensch
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.