Kontrast und Lesbarkeit von Farbkombinationen
Gestern Abend bin ich mal wieder auf einen Artikel von Roger Johansson aufmerksam geworden: Light text on dark background vs. readability.
Im Prinzip geht es darum, ob ‘light-on-dark’ Text mit hohem Kontrast (z.B. weiße Schrift auf schwarzem Hintergrund) schlecht zu lesen ist oder nicht. Das Problem ist: für manche ist ein heller Hintergrund für die Augen anstrengend, weil es überblendet… für andere ist es genau anders herum. Dort überblendet dann der Text und wird unscharf. Das ist mir in beiden Fällen auch schon so gegangen… obwohl ich lieber das ‘light-on-dark’-Schema bevorzuge, sollte es nicht zuviel Kontrast sein, um die Lesbarkeit nicht zu sabotieren. Das ist jedoch nur meine persönliche Meinung.
Die Kommentare zu Rogers Artikel sind zwar umfangreich, aber wirklich lesenswert (meistens).
Auch Veerle Pieters, die für das Face-Lift von Roger Johanssons Seite (mit)verantwortlich ist, schreibt über ihre Meinung zu heller Schrift auf dunklem Hintergrund. Nicht ganz unfreiwillig, da doch einige der Kommentare wie immer unpassend sind, und auf irgendwem rumhacken müssen (ich hasse sowas).
Aber das Thema interessiert mich wirklich sehr, da ich auch für dieses Blog ein ‘light-on-dark’-Schema verwende und ich mich frage: ist mein Blog gut lesbar oder für die Augen anstrengend? (Ich habe ja zumindest schon den Zeilenabstand so ziemlich von Anfang an ein wenig erhöht, um die Lesbarkeit zu verbessern.)
Evtl. werde ich noch die Laufweite erhöhen, falls das etwas bringt.
Eine ganz andere Thematik, die jetzt mit meinen verwendeten Farben zu tun hat und nicht mit der Lesbarkeit: wirkt mein Blog zu… dunkel? Ist die Farbwahl ein Stimmungskiller? Surft ihr lieber auf Seiten mit überwiegend hellem Design? Oder ist euch das egal solange die Seite gut aussieht?
Dieser Eintrag wurde am Wednesday, 23. August 2006 um 10:01 Uhr erstellt und ist unter "Usability / Accessibility" abgelegt. Diskussionen über diesen Eintrag können durch diesen Kommentar-Feed (RSS 2.0) verfolgt werden. Über Kommentare und Trackbacks kann dieses Posting diskutiert werden.
Saturday, 26. August 2006, 17:56 1. anne
hi johan, danke für den interessanten hinweis - aber zu deiner frage:
zunächst mal kann ich im firefox/macversion in den formularfeldern meinen text nicht sehen (ist er zufällig auch weiss..?), das irritiert ein bisschen. ich schreibe den comment deshalb in einem externen editor.
an sich finde ich dein farbschema ganz schön, es wirkt halt durch die dunklen töne und dann noch in kombi mit dem bild irgendwie herbstlich. allerdings hängt es wiederum davon ab, ob ich es auf meinem sony display oder auf einem ibook ansehe, das definitiv weniger helligkeit zustandebringt.. auch die hier etwas engere fenstergrösse lässt deine seite ein bisschen schwerer wirken, weil ich hier erstmal nur das bild und die dunklen rottöne bemerke, nicht aber die kleinen flickrthumbs unten.
zum negativen text: es ist in der wahrnehmungsforschung ein fakt, dass lange texte in weiss auf dunklem grund eher anstrengend werden für das auge. in deinem fall verschwimmen die buchstaben auch etwas (laufweite..). allerdings hast du recht, dass man auf dem screen auch bei schwarz auf weiss probleme bekommt, wenn der kontrast zu stark ist (andererseits soll man wiederum für die älteren und sehbehinderten gerade auf diese kontraste unbedingt achten..). dh: es ist eine frage der zielgruppe, zumindest wenn du einen für kunden arbeitest. beim persönlichen blog kann man das ja ein bisschen aussen vor lassen - ich beobachte sowieso, dass designer und webdesigner ihre eigenen seiten anscheinend in erster linie für die kollegen machen ;o)
puh, hab ich jetzt viel geschrieben - nochmal danke für den hinweis,
ich hoffe, mein roman war nützlich,
gruss aus hamburg
anne
Tuesday, 29. August 2006, 09:56 2. RaKi
Hallo Anne!
Ich freue mich über jeden Kommentar, den ich hier bekomme! (ausgenommen Spam)
Deine Anmerkungen sind auf jeden Fall sehr nützlich, auch wenn mich am meisten die Darstellung der Formularfelder im fx/mac schockiert. Die Schriftfarbe ist weiß und der Hintergrund ist aber ein sehr dunkles Rot (wie in der Sidebar). Ich habe leider nicht die Möglichkeit die verschiedenen Browser auf dem Mac zu testen (mangels Mac… es gibt zwar Wege, aber die sind meist sehr umständlich) und ich war eigentlich immer davon ausgegangen, dass der fx mac/win sich in der Darstellung nicht unterscheidet. Wäre ja auch zu schön gewesen ;)
Lesbarkeit. Ich werde die Laufweite wohl noch heraufsetzen und vielleicht auch von reinem Weiß zu einem cremefarbenen Ton übergehen. Wobei mir auch einfällt, dass ich an den Kommentaren noch einiges ändern wollte. Hach.
Saturday, 30. September 2006, 12:24 3. anne
hello, die zeit vergeht.. bin gerade mal wieder in der langen liste meiner rssfeeds bis zu deinem vorgedrungen und hab mit entsetzen gesehen, wie lange ich nicht geguggt hab, was du geantwortet hast - sorry.
den schockzustand kenne ich, nur umgekehrt, mir wird dann immer kolportiert, was der IE wieder nicht kann.. ein elend. wann wird der IE ENDLICH verboten?
schöne bilder von usedom übrigens, da war ich letztes silvester auch. allerdings ohne so ein entzückendes (sand)burgfräulein, natürlich ;o)
schönes wochenende und viele grüsse
anne
ps: wenn ich mir die felder mit der fx-extension CSSViewer ansehe, stehet da aber laut und deutlich background-color: #FFFFFF ?
Wednesday, 04. October 2006, 02:28 4. Christoph
achja….
danke übrigens für den hinweis. hab viele sachen gelesen, bin aber dann doch bei meinem design geblieben. :-)