Warum nicht reines Schwarz (# 000) und reines Weiß (#FFF) verwenden?

In einer neuen oberen Leiste für Stack Exchange heißt es:

Das Erste, was Sie bemerken werden, ist, dass es wirklich schwarz ist* .

^{* Jin weist darauf hin, dass es technisch nicht ganz schwarz ist: es ist # 212121.}

In seinem CSS sehe ich,

background: #2f2f2f;
background: rgba(0, 0, 0, 0.8);

Warum nicht "wirklich schwarz": Warum ist "nicht ganz schwarz" besser?

Ebenso sehe ich für den Rest des Hintergrunds so etwas wie:

background: #fdfdfd

Warum nicht reinweiß?

Ich frage nicht speziell nach StackExchange - was ich damit meine, ist, dass dies eine gute allgemeine Regel für alle Websites ist: Wenn die Designspezifikation nach Schwarz oder Weiß zu fragen scheint, sollte ich fast Schwarzweiß statt wirklich verwenden Schwarz und weiß?

Gilt diese Regel auch für andere Farben (was genau ist die Regel)?

Ist die Regel geräteabhängig?

Kurz gesagt, es ist leicht für die Augen;

Kontrast ist der Unterschied zwischen zwei Farben. Auf einer Webseite hängt der Kontrast von den verschiedenen Teilen der Seite ab. Normalerweise möchten Sie einen hohen Kontrast zwischen Text und seiner Hintergrundfarbe. Ein zu hoher Kontrast zwischen den Designelementen kann jedoch einen unruhigen und chaotischen Eindruck hinterlassen. Schwarz und Weiß erzeugen den höchstmöglichen Kontrast. ' -Zitat von hier

Dies ist eine großartige Website für UX-Farbvorschläge / Beispiele und Theorie. Und erörtert den Kontrast verschiedener Farben auf dem Hintergrund und gibt sogar den Hex-Code an, was sehr praktisch ist.

Kontrast und Farbbalance wird diskutiert hier auch.

Dies scheint auch ein Trend zu sein, da der geringere Kontrast zwischen den Hintergrundfarben den Kontrast des Texts (meiner Meinung nach) ein wenig angenehmer macht, wenn man die Farben hier und hier betrachtet was ich hier mitteilen möchte.

Es ist nicht unbedingt eine Regel, eher eine Präferenz oder ein Stil. Es ist eher inhaltsabhängig als geräteabhängig. Es geht darum, wo Sie die stärkste Betonung oder Fokussierung haben möchten - wo immer dies geschieht, sollte es den größten Kontrast geben. Im Falle von StackExchange dreht sich alles um Fragen und Antworten, sodass der Körper dort ist, wo der größte Kontrast herrscht, da er dort am relevantesten ist.

Viel Glück bei Ihrer Farbauswahl in Zukunft, dies ist ein weiterer zu berücksichtigender Gesichtspunkt: D

Eine rein schwarze obere Leiste würde auf dem weißen Hintergrund, den viele Websites verwenden, sehr auffällig aussehen. Wenn Sie es heller (grau) machen, wird der Kontrast zwischen der oberen Leiste und dem Hintergrund des Körpers verringert.

Ein grauer Hintergrund beeinträchtigt jedoch die Lesbarkeit, da der mögliche Kontrast zwischen Text und Hintergrund verringert wird. Das menschliche Auge reagiert am empfindlichsten auf Helligkeitsunterschiede. Wenn Sie also 50% Grau wählen, wird unabhängig von der ausgewählten Textfarbe höchstens die Hälfte des Helligkeitsunterschieds verwendet, den der Bildschirm des Benutzers erzeugen kann.

Daher denke ich, dass die Wahl von 80% Schwarz ein Kompromiss zwischen weniger Ruckeln der oberen Leiste und Erhalt des Kontrasts darin ist.

Für Text, Sie in der Regel tun wollen reines Schwarz vor einem hellen Hintergrund verwenden, um den Kontrast und damit die Lesbarkeit zu maximieren. (Dies gilt sowohl für den Bildschirm als auch für den Ausdruck.) Beachten Sie, dass sich die Hintergrundfarbe für den Körper nur geringfügig vom reinen Weiß unterscheidet. Im Allgemeinen wählen Websites häufig Hintergründe aus, die leicht cremefarben sind. Ein Zweck ist es, die Website wärmer oder kühler zu machen, indem Sie ein blasses Rosa oder Blau auswählen (hier ist es jedoch ein neutrales Grau).

Meiner Meinung nach ... Nur Mode, Trends.

Wenn der Benutzer das Gefühl hat, dass die Webseiten seine Augen verletzen, kann er die Helligkeit des Bildschirms einfach anpassen. Bei Mobilgeräten machen die Leute das die ganze Zeit.

Es gibt einen Trend von "Vintage" -Bildern. Niedrige Sättigung, ausgewaschen.

Der verwaschene Look kann den dunkelsten oder / und den weißen Punkt grau machen.

https://www.google.com/search?q=vintage+photos&client=firefox-b-ab&dcr=0&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjb04iVr6vYAhUj94MKHQ3nBfQQ_AUICigB&biw=1920

Nicht nur in Fotos, sondern auch in Videos ... einschließlich "fröhlicher" Videos.

https://www.youtube.com/watch?v=9HjrFnKEE8w

Es ist wahr , dass viele Kontrast anoying sein kann, speziell dunklen Hintergrund mit weißer Schrift ... Denken Sie daran , den 90ern Webdesign , mit schwarzem Hintergrund und animierte Gifs ... übersättigten

Der Trend geht dahin, dass Websites "freundlicher" und "intimer" aussehen, was Weichheit bedeutet. Es kann auch einen "filmischeren" Look anstelle eines "TV" -Looks geben.

Ein entgegengesetzter Trend bei Bildern ist beispielsweise der " Hdri-Look " oder Draggan-Stil, der Kontrast und Mikrokontrast betont.

In einigen Fällen kann ein verwaschenes Bild den Eindruck eines größeren internen Dynamikbereichs erwecken, im Gegensatz zum farblich abgestimmten Kontrast eines echten Bildes mit hohem Dynamikbereich.