![\"Blackboard_SchwarzAufWeiss\"](\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Blackboard_SchwarzAufWeiss.jpg\")
<\/a><\/p>\nEine Einschr\u00e4nkung zu Beginn: in diesem Artikel geht es um Schwarz, Wei\u00df und Schwarz-Wei\u00df-Entscheidungen. Ich beschr\u00e4nke mich auf diese Themen und gehe nicht auf der andere Kontrastverh\u00e4ltnisse oder auf Farbe ein, obwohl beide ebenfalls die Lesbarkeit stark beeinflussen. In diesem Artikel schlie\u00dft \u201eSchwarz auf Wei\u00df\u201c alle dunklen Texte auf hellem Hintergrund ein, und \u201eWei\u00df auf Schwarz\u201c steht f\u00fcr alle hellen Texte auf dunklem Hintergrund.<\/p>\n
Wei\u00dfer Code auf schwarzem Hintergrund ist eine der Ausnahmen von der Vorherrschaft von Schwarz auf Wei\u00df – aus technischen Gr\u00fcnden. Einige alte CRT-Monitore erreichten nicht die Pixel-Wiederholrate von 60 Hertz, \u00fcber der wir ein flimmerfreies Bild sehen. Auf diesen Monitoren flimmerten Pixel deutlich und erm\u00fcdeten nach einiger Zeit die Augen der Benutzer. Die L\u00f6sung war, so wenige helle Pixel wie m\u00f6glich darzustellen: schwarze Pixel des Bildschirms werden vom Strahl der Kathodenr\u00f6hre ausgelassen werden und flimmern nicht.<\/p>\n
F\u00fcr die Bastler und Hacker: ein DEC VT220 Monitor an einem Rechner, auf dem ELinks l\u00e4uft, der m.twitter.com anzeigt. David Glover, CC BY-NC-SA 2.0<\/p><\/div>\n
Darum verwendeten Kommandozeilen-Interfaces wei\u00dfen Text auf schwarzem Untergrund \u2013 wenn das Interface nur aus Text besteht, zahlt sich die geringere Erm\u00fcdung der Augen aus, vor allem bei l\u00e4ngerer Arbeit. Dunkle Monitore mit hellem Text wurden zum Symbol f\u00fcr Programmieren. Das Klischee vom Hacker im abgedunkelten Zimmer entstand und m\u00fcndete in die gr\u00fcn \u00fcber Schwarz rieselnden Zeichen der Matrix. Die technischen Einschr\u00e4nkungen beeinflussten das Interface Design und wurden zu einer kulturellen Konvention.<\/p>\n
Ich habe keine Ahnung, warum die Schultafel ebenfalls eine Ausnahme ist. Sie ist ein n\u00fctzliches wiederbeschreibbares Medium, um schreiben zu \u00fcben. Kreide (Wei\u00df) und Schiefer (Schwarz) waren, historisch gesehen, h\u00e4ufig und g\u00fcnstig. Aber andere historische wiederbeschreibbare Materialien wie Sand und Ton- oder Wachstafeln verwendeten kein Wei\u00df-auf-Schwarz-Schema. Wahrscheinlich waren f\u00fcr schnelle Notizen Verf\u00fcgbarkeit und Preis einfach die wichtigsten Faktoren.<\/p>\n
Schwarz auf Wei\u00df \u2013 die Geschichte<\/h2>\n
B\u00fccher werden praktisch immer mit schwarzer Tinte auf wei\u00dfem Papier gedruckt. Papier entstand als g\u00fcnstigere Alternative zum ebenfalls wei\u00dfen Pergament. Andere historische Beschreibstoffe wie Birkenrinde oder Papyrus waren ebenfalls hell.<\/p>\n
<\/a>Druck auf Papier: Taschenbuch-Ausgabe von Catch-22<\/p><\/div>\n
<\/p>\n
<\/p>\n
<\/a>Manuskript auf Pergament: \u201cTreatises On Natural Science, Philosophy, And Mathematic\u201d, England ca. 1300<\/p><\/div>\n
Manuskript auf Birkenrinde: das Rupavatra, ein Grammatik-Buch auf Basis der Sanskrit-Grammatik von Panini, Kaschmir, 1663, Wellcome-Bibliothek, London, CC BY 4.0<\/p><\/div>\n
<\/a>Hieroglyphen auf Papyrus, Radek Szuban, CC BY-NC 2.0<\/p><\/div>\n
Dieses Muster geht zur\u00fcck bis zu den ersten Zeichen von Menschenhand: die \u00e4ltesten H\u00f6hlenmalereien in Europa in der H\u00f6hle von El Castillo<\/a> in Nordspanien verwendeten schwarze und rote Farbe auf wei\u00dfem Kalkstein \u2013 vor 40.800 Jahren. Tats\u00e4chlich wurden die meisten H\u00f6hlenbilder mit roten, braunen und schwarzen Pigmenten auf hellem Untergrund gemalt. Das k\u00f6nnte an der Geologie liegen: Kalkstein hat viele H\u00f6hlen, die in der Steinzeit zu Wohn- und Ritualorten wurden. Wenn H\u00f6hlenmenschen die hellen W\u00e4nde markieren wollten, mussten sie dunkle Pigmente verwenden. An dieser Stelle habe ich die Spur verloren \u2013 mit vielen Beispielen f\u00fcr die Vorherrschaft von Schwarz auf Wei\u00df, aber ohne eine wirkliche Erkl\u00e4rung. \u201eWir haben es immer so gemacht\u201c ist meistens ein schlechtes Argument, anderseits sind 40.800 Jahre praktisch \u201eimmer\u201c, was unsere Kulturgeschichte betrifft. Damit sind schwarze Zeichen auf wei\u00dfem Hintergrund eine ziemlich fest etablierte Konvention.<\/p>\n Die H\u00f6hle von El Castillo<\/p><\/div>\n Diese Konvention nutze Xerox, als die Firma 1973 \u00fcberlegte, was nach dem Druckergesch\u00e4ft kommen w\u00fcrde. Sie gr\u00fcndete PARC, das Palo Alto Research Center, und entwickelte dort Alto<\/a>, den ersten Computer, der eine Desktop-Metapher nutzte. Heute ist er noch bekannt als Inspiration f\u00fcr Windows und Mac OS, aber damals war er eine Revolution. Xerox wollte einen einsteigerfreundlicheren Computer entwickeln und begann dabei aus der Perspektive eines Drucker-Herstellers: der Monitor des Alto hatte die Abmessungen eines US-Letter-Briefbogens, Hochformat, und eine Aufl\u00f6sung von 72 dpi, an die 72 typographischen Punkt pro Inch aus dem Druck angelehnt. Folgerichtig stellte Bravo, die Textverarbeitung auf dem Alto, Text schwarz auf wei\u00df dar, um ebenfalls der gedruckten Seite m\u00f6glichst nahe zu kommen. Damit war Bravo die erste WYSIWYG-Textverarbeitung und wahrscheinlich das erste Interface, das die Schwarz-auf-Wei\u00df-Tradition vom Papier auf den Bildschirm \u00fcbertrug. Xerox\u2018 Vorgabe wurde Textverarbeitungs-Software zur Norm. Sie zeigt, wie Konventionen Interfacedesign beeinflussen: verbreitete, wiedererkennbare Muster machen Interfaces leichter zug\u00e4nglich.<\/p>\n Die Textverarbeitung Bravo auf dem hochformatigen Bildschirm des Xerox Alto.<\/p><\/div>\n Widmen wir einen Absatz dem Irrglauben, dass wei\u00dfer Text auf schwarzem Grund schlechter zu lesen<\/a> ist, weil wei\u00dfe Buchstaben den Hintergrund \u00fcberstrahlen und miteinander verschmelzen. Die Beobachtung stimmt: die Leserlichkeit leidet. Aber die Schlussfolgerung ist falsch, denn auch schwarzer Text auf wei\u00dfem Grund hat dieses Problem: hier ist der Hintergrund heller als der Text und \u00fcberstrahlt die schwarzen Buchstaben. In beiden F\u00e4llen senkt nicht \u00fcberstrahlendes Licht die Lesbarkeit, sondern schlechte Typographie: leichte Schriftarten sind auf grell wei\u00dfem Hintergrund schwer zu lesen, fette Schriftarten auf Schwarz ebenso. In beiden F\u00e4llen m\u00fcssen die Designer den Schwarz-Anteil des Texts erh\u00f6hen, um die Leuchtkraft des wei\u00dfen Teils auszugleichen: die Lesbarkeit wird durch leichte Schriftschnitte f\u00fcr Wei\u00df auf Schwarz und robuste Schriftschnitte f\u00fcr Schwarz auf Wei\u00df verbessert.<\/p>\n Hornhautverkr\u00fcmmung<\/a> ist eine weit verbreitete Sehst\u00f6rung des menschlichen Auges, die bei ungef\u00e4hr einem Drittel der Bev\u00f6lkerung auftritt. Durch eine Hornhautverkr\u00fcmmung kann das Auge einfallendes Licht nicht mehr vollst\u00e4ndig in einem Brennpunkt b\u00fcndeln. Kanten werden unscharf, was bei Text besonders auff\u00e4llt. Jedoch zieht sich in hellen Umgebungen die Pupille zusammen<\/a>, der Sehfehler verkleinert sich und die Kantensch\u00e4rfe nimmt wieder zu. Schwarzer Text auf wei\u00dfen Hintergrund sorgt f\u00fcr eine solche hellere Leseumgebung, in der Text f\u00fcr Leser mit Hornhautverkr\u00fcmmung sch\u00e4rfer und lesbarer wird.<\/p>\n Eine weitere Sehst\u00f6rung ist hohe Lichtempfindlichkeit<\/a>, die etwa zehn Prozent der Bev\u00f6lkerung betrifft. Je h\u00f6her die Lichtempfindlichkeit einer Leserin ist, desto schneller werden helle Hintergr\u00fcnde sie erm\u00fcden und zu Unbehagen f\u00fchren. Die Textdarstellung in Schwarz auf Wei\u00df, die Lesern mit Hornhautverkr\u00fcmmung hilft, ist f\u00fcr lichtempfindliche Leser auf Dauer problematisch. Umgekehrt ist die Darstellung in Wei\u00df auf Schwarz, die Erm\u00fcdung lichtempfindlicher Augen vorbeugt, f\u00fcr Leser mit Hornhautverkr\u00fcmmung verschwommener. Ein Ausweg aus diesem Dilemma ist es, Leser die Darstellung selbst w\u00e4hlen zu lassen. Aber auch dann muss die Typographie unsere menschliche visuelle Wahrnehmung mit ihren Besonderheiten ber\u00fccksichtigen.<\/p>\n Das Auge passt sich der Helligkeit der Umgebung an, zum Beispiel wenn man von der sonnigen Stra\u00dfe in ein Haus kommt, oder auf einer Nachtfahrt von Scheinwerfern geblendet wird. Dieser Adaptation genannte Vorgang kostet das Auge Zeit und Kraft, wobei der Aufwand mit zunehmendem Alter steigt. Wiederholte Adaptation \u2013 beim Lesen auf einem hellen Bildschirm in dunkler Umgebung oder auf einem dunklen Bildschirm in grellem Sonnenlicht \u2013 verschlechtert die Wahrnehmung von Kontrasten. Wenn dagegen Helligkeit des Texts und Helligkeit der Umgebung \u00fcbereinstimmen, sinkt der Adaptations-Aufwand.<\/p>\n Der Text im hellen Layout ist durch die Reflektion hindurch lesbar.<\/p><\/div>\n Im dunklen Layout ist der Text hinter der gespiegelten Lampe unleserlich.<\/p><\/div>\n Text auf Schwarz ist in dunklen Umgebungen angenehm: in Cockpits bei Nacht, abgedunkelten R\u00e4umen oder beim Lesen im Bett. Umgekehrt ist Text auf Wei\u00df in hellen B\u00fcros oder unter freiem Tageshimmel angemessen. Diese Darstellung ist auch bei Reflektionen besser lesbar, w\u00e4hrend Texte mit schwarzem Hintergrund auf Bildschirmen oder Hochglanzpapier durch Reflektionen schnell unleserlich werden.<\/p>\n Optimiert f\u00fcr Lesen bei guter Beleuchtung: helles, aber nicht hoch-wei\u00dfes Papier. Heller als der Hinergrund, ohne ihn zu \u00fcberstrahlen.<\/p><\/div>\n Leser sind an Texte gew\u00f6hnt, die etwas heller sind als die Leseumgebung. Der hellere Inhalt bindet ihre Aufmerksamkeit, w\u00e4hrend der Adaptationsaufwand niedrig bleibt. In Interfaces k\u00f6nnen so wichtige Texte Schwarz auf Wei\u00df hervorgehoben werden \u2013 der helle Hintergrund signalisiert unauff\u00e4llig ihre Bedeutung. Umgekehrt tritt zweitrangiger Text wie Menus in Wei\u00df auf Schwarz in den Hintergrund, w\u00e4hrend sich die Benutzer auf wichtigere Elemente konzentrieren. Kontext ist der wohl wichtigste der Faktoren, die Interface Design beeinflussen \u2013 f\u00fcr eine bekannte Umgebung k\u00f6nnen viele Elemente des Interface optimiert werden, von denen Textfarbe nur eine ist.<\/p>\n Wir verwendeten Schwarz auf Wei\u00df f\u00fcr die XING Windows 8 App. Sie wird in gut beleuchteten B\u00fcros, Hotels, Z\u00fcgen und Flugzeugen verwendet.<\/p><\/div>\n F\u00fcr das Interface der OMICRON CMControl w\u00e4hlten wir wei\u00dfen Text auf Schwarz. Dieses Diagnoseger\u00e4t f\u00fcr die Energieversorgung muss auch in schlecht beleuchteten Umspannwerken lesbar sein.<\/p><\/div>\n Die Wahrheit ist Schwarz auf Wei\u00df \u2013 f\u00fcr Inhalt, f\u00fcr helle Umgebungen, f\u00fcr scharfes Sehen. Die Wahrheit ist Wei\u00df auf Schwarz \u2013 f\u00fcr Menus, f\u00fcr dunkle Umgebungen, f\u00fcr lichtempfindliche Leser. Bei einigen Websites, E-Book-Readern und Navigationsger\u00e4ten k\u00f6nnen Benutzer die bevorzugte Darstellung selbst w\u00e4hlen. Auch wenn Designer diese Entscheidung treffen, h\u00e4ngt sie von Technologie, kulturellen Konventionen, visueller Wahrnehmung und vom Kontext ab. Designer m\u00fcssen all diese Faktoren ber\u00fccksichtigen. Sie bewegen sich zwischen diesen benachbarten Gebieten, wof\u00fcr Wissen aus allen notwendig ist. Aber ihre Aufgabe ist es nicht, Experten zu werden, sondern alle Faktoren zu kennen und trotzdem stimmige Symbole, Typographie, Layouts und Interfaces zu gestalten. Leichter geschrieben als getan.<\/p>\n Wenn Sie Interesse daran haben sollten, sich bei Design Arbeiten unterst\u00fctzen zu lassen, k\u00f6nnen Sie auf unserer Design Service Seite<\/a> mehr \u00fcber unsere Dienstleistungen erfahren.<\/p>\n<\/a>Schwarz auf Wei\u00df \u2013 die Wahrnehmung<\/h2>\n
In Schwarz auf Wei\u00df werden die feinen Linien der Baskerville vom benachbarten Wei\u00dfraum und den Punzen angefressen. In Wei\u00df auf Schwarz bleiben sie unversehrt. Die kurvige Cooper Black kommt Schwarz auf Wei\u00df gut zur Geltung. In Wei\u00df auf Schwarz erdr\u00fccken die fetten Formen der Buchstaben die Zwischen- und Binnenr\u00e4ume. In diesem Fall sollte sie mit mehr Laufweite als \u00fcblich gesetzt werden.<\/p>\nSchwarz auf Wei\u00df \u2013 im Kontext<\/h2>\n
<\/a><\/a><\/a><\/a><\/a>Fazit<\/h2>\n