Ist im Webdesign eine Farbkalibrierung erforderlich?

Farbkalibrierungsmonitore sind ein Thema, das in der Design-Community seit Jahrzehnten besteht. Eine kürzliche Twitter-Debatte zwischen Amy Hoy, Peter Cooper, Thomas Fuchs und Thijs van der Vossen über das Thema warf jedoch eine entscheidende Frage auf: Ist eine Farbkalibrierung im Webdesign erforderlich?

Vorschaubild: Bunte Graffiti, verfügbar auf Photodune

Was ist der Präzedenzfall für die Debatte?

Die Farbkalibrierung begann in den Tagen des Druckdesigns und ist für viele Designer, die mit dem Medium arbeiten, immer noch ein sehr wichtiges Thema. Angesichts der Variabilität der Farbausgabe auf Bildschirmen in Verbindung mit den Unterschieden bei Druckern müssen Designer ihre Monitore und Farbprofile innerhalb des Betriebssystems so kalibrieren, dass sie einem Standard entsprechen, um eine ordnungsgemäße Farbauswahl sicherzustellen. Hier kommt Pantone ins Spiel, da es einen Industriestandard für die Farbausgabe bietet. Wenn Ihre Displays und Drucker nach dem Pantone-Standard kalibriert sind, sollte die Farbausgabe zwischen beiden genau sein (sollte).

Kalibrierungseinstellungen für den OSX-Monitor

Je mehr Druckdesigner migrieren, desto wichtiger wird die Frage nach einer standardisierten Farbausgabe. Entspricht jeder Monitor einem Standard, der dem Pantone-Standard ähnelt? Sollten wir unsere Displays kalibrieren, um die Qualifikationen dieser Norm zu erfüllen?

Zum Glück haben Microsoft und HP beim Aufbau des sRGB-Farbraums mitgewirkt, der auf den meisten Geräten auf Verbraucherebene angewendet wird und vom W3C unterstützt wird. Die Geräteausgabe ist jedoch sehr unterschiedlich. das knüpft an das Thema Kalibrierung an.

Das Argument für die Kalibrierung

Der größte Faktor, den Befürworter des Prinzips ans Licht bringen, ist die Bedeutung von Standards. Wir versuchen, alles zu standardisieren (sowohl als Designer als auch als Entwickler). Warum sollte ein Teil unseres Designprozesses (Farbauswahl) nicht auch standardisiert werden?

Chris Coyier stellte die Frage kürzlich den Lesern von CSS Tricks mit einer Reihe hervorragender Antworten in den Kommentaren. Ich bin jedoch der Meinung, dass Shane Parker das beste Argument für die Kalibrierung von Geräten vorgebracht hat:

Ich verstehe nicht, wie das überhaupt eine Frage ist? Natürlich sollten Sie Ihren Monitor mit bekannten Standards über ein Hardware-Kalibrierungsgerät kalibrieren. Wird die Mehrheit der Personen, die Ihre Website anzeigen, auch einen kalibrierten Monitor haben? Natürlich nicht. ABER es ist nicht so, dass alle nicht kalibrierten Monitore gleich sehen. Unkalibrierte Monitore sind in Bezug auf Farbe allgegenwärtig, und das ist der Hauptgrund, warum Sie kalibrieren sollten! Zumindest wissen Sie, dass Sie auf die richtige Farbe kalibriert sind, sodass diejenigen, die kalibriert sind (oder Monitore verwenden, die von Anfang an nicht schrecklich kalibriert wurden), die Farben sehen, die Sie sehen möchten.

Müll rein = Müll raus. Wenn Sie mit Müll beginnen, ist es wahrscheinlicher, dass Sie mit Müll enden. Als Profis ist die Monitorkalibrierung einer der ersten Schritte beim Einrichten einer Designumgebung (ich bin Webentwickler und Fotograf, daher ist es für mich noch wichtiger, kalibriert zu bleiben).

Ich stimme seinem Argument zu: Sie sollten sich bemühen, in der Mitte des Spektrums zu sein, um den Versatz von den Geräten Ihres Publikums zu verringern. Wenn Ihr Monitor unabsichtlich in eine Richtung verzerrt ist, werden die Ergebnisse auf einem Gerät mit einer anderen Kalibrierung noch stärker gestaffelt. Zumindest wenn Ihre Geräte für die Mitte kalibriert sind, ist die Ausgabe „weniger falsch“.

Die überwiegende Mehrheit der Designer scheint seiner Aussage ebenfalls zuzustimmen. Die Argumente gegen die Farbkalibrierung im Webdesign ermahnen die Praxis nicht, sondern besagen, dass es größere Probleme als die Farbtonalität gibt.

Das Argument gegen die Kalibrierung(Eher das Argument für Kontrast)

Die Debatte über die Farbkalibrierung kann nicht einfach als "Ja/Nein"-Situation definiert werden, da es sich um eine Frage der Prioritäten handelt. Diejenigen, die sich gegen eine Kalibrierung aussprechen, bemerken die Bedeutung des Kontrasts gegenüber der richtigen Farbtonalität im Webdesign.

Wenn Sie wissen, dass Ihr Display angemessen und "angemessen kalibriert" ist, sollten Sie sich in gewisser Weise keine Sorgen um eine echte Farbkalibrierung machen. Konzentrieren Sie sich stattdessen auf die Barrierefreiheit und stellen Sie präzise und genaue Farben als zweitrangiges Anliegen ein. Designs sollen leicht lesbar und zugänglich sein. Durch die Fokussierung auf Farbtonalität mit teuren und professionellen Geräten werden die Prioritäten des Designers so verschoben, dass der Benutzer am Ende leidet. Während argumentiert werden kann, dass die Wahl des falschen Farbtons die Reaktion des Benutzers auf ein Design verändern kann, gibt es zwei größere Argumente, die Vorrang haben:

• Menschen mit schlechten Anzeigen sind es gewohnt, dass Dinge "falsch" sind, weil dies die Umgebung ist, in der sie arbeiten. (Worauf Aaron Silber ganz nett eingeht).
• Mit einem Schwerpunkt auf Kunst können Sie eine kontrastarme Palette erhalten, die Ihrem Design bei der Ausführung tatsächlich schadet.

Die Barrierefreiheit sollte bei der Gestaltung der Website immer im Vordergrund stehen, und die Konzentration auf Farbpaletten, die auf subtilen Tonwertverschiebungen basieren, passt normalerweise nicht zu diesem Ideal. Bei Contrast Rebellion sind zahlreiche Beispiele zu sehen, die auf dieser Website bereits mehrfach diskutiert wurden.

Dieser tut besonders weh, weil ich alles andere an Reeder liebe.

Interview mit Patrick KovacichUI + UX Designer

Ich konnte Patrick Kovacich interviewen, einen Benutzeroberflächen- und Erfahrungsdesigner, der auch viel Erfahrung mit Drucken hat (ganz zu schweigen von einigen der coolsten Shirt-Designs, die ich je gesehen habe), und er konnte das näher erläutern Variabilität der Geräteausgabe:

Es braucht ein gewisses Maß an Genialität und Wahnsinn, um solche Ideen zu entwickeln.

Ich habe mit dem Drucklayout angefangen, bevor das Web viel mehr als akademisch genutzt wurde (Mitte der 90er Jahre), und daher habe ich dort viel Erfahrung. Selbst nachdem ich mich dem Webdesign und dem nativen Anwendungs-UI-Design zugewandt habe, habe ich nebenbei viele Druckprojekte fortgesetzt. Ich arbeite hauptsächlich im Web/Bildschirm, und die Druckarbeit ist die große Minderheit.

Visuell Adobe Fireworks und Adobe Illustrator. Wenn ich Webarbeiten mache, bei denen die Grafiken tatsächlich vom Browser gerendert werden, verwende ich einen Nur-Text-Editor oder Dreamweaver.

Hauptsächlich MacOSX 10.6, Standard 17 Zoll Macbook Pro Bildschirm (matt.) In etwa 25% der Fälle verwende ich einen Windows 7-Computer mit einem 20-Zoll-Acer-Monitor und einem Wacom Graphire-Tablet für künstlerischere Arbeiten. Bei den meisten Designarbeiten verwende ich jedoch kein Tablet.

Nein. Der überwiegende Teil meiner Arbeit wird von Personen verbraucht, die ihren Monitor nicht kalibrieren. Daher achte ich bewusst darauf, dass ich mich nicht auf Kontrastdetails verlasse, die nur auf einem perfekt kalibrierten Kinodisplay oder einem Plasma-Panel mit hohem Kontrastverhältnis funktionieren.

Meine Zielgruppe variiert von iMac All-in-One-Displays bis zu XP-Laptops, die von sehr billigen LCD-Panels angetrieben werden. Daher wird der Wert, den ich bei der Einhaltung eines festgelegten Farbprofils und der strengen Kalibrierung meines Displays habe, von meiner Zielgruppe nicht so geteilt, wie er ist von meinen Druckereien. Ich finde, dass das Anzeigen von Proofs und das Teilen von Farbprofilen sehr einfach alle Probleme löst, die ich bei der Arbeit mit ihnen hatte.

Ich neige dazu, Farbprofile tatsächlich umzudrehen, um verschiedene Konfigurationen und vor allem unterschiedliche Helligkeiten/LCD-Neigungen zu testen. Da immer mehr meiner Zuhörer auf Laptop-LCD-Displays und mobile Geräte umsteigen, von denen einige sehr enge Betrachtungswinkel haben, kann die Scharnierposition eines Laptops oder die Positionierung eines mobilen Geräts tatsächlich eine wahrgenommene Farbe verändern. Durch diese Art von Experimenten in der realen Welt kann ich sicherstellen, dass die kritischen Teile von Designs unabhängig von dem Gerät und der Arbeitsumgebung, in der sich mein Publikum befindet, funktionieren. Dies ist nützlicher als die Annahme, dass sie alle meinen idyllischen Designbedingungen entsprechen.

Wie ich bereits sagte, gibt es in der Druckarbeit zahlreiche Werkzeugs, mit denen Sie "übersetzen" und überprüfen können, ob wir mit dem Endergebnis auf derselben Seite sind, und Druckereien sind im Allgemeinen in der Lage, mit mir eine höhere Designsprache zu sprechen, um ein für beide Seiten zufriedenstellendes Ergebnis zu erzielen. Ich habe nicht den Luxus, mein Publikum auf dem Bildschirm dazu aufzufordern, und deshalb mache ich mir keine Sorgen, dass meine Displays auf einen Standard eingestellt werden, der für sie bedeutungslos ist.

Interview mit Ian YatesWebdesigntuts+ Editor

Ian Yates (unser Redakteur hier bei Webdesigntuts+ für die Neuankömmlinge) war so freundlich, seine Gedanken zu diesem Thema zu äußern, die meiner Meinung nach angesichts seines drucklastigen Hintergrunds für die Diskussion von wesentlicher Bedeutung sind:

Heutzutage arbeite ich hauptsächlich im Bereich Webdesign, obwohl mein erster Job im Bereich Design bei einer kleinen Werbeagentur in Rotterdam war und definitiv mehr auf Druck ausgerichtet war. Ich habe mich in den letzten fünf Jahren auf das Internet konzentriert.

Aufgrund meiner Wurzeln im Druckdesign und in der Illustration fühle ich mich mit Vektoren am wohlsten. Setzen Sie mich hinter Adobe Illustrator und ich bin ein glücklicher Kerl. Photoshop beschäftigt mich am meisten mit Webdesign, was seltsam ist, da man erwarten würde, dass Fireworks ein logischeres Zuhause gewesen ist. Ich fange immer noch mit Stift und Papier an - kann diese Angewohnheit nicht loswerden :)

Ich habe einen Quad-Core-Mac Pro mit zwei Dell 22"-Bildschirmen (die ein gutes Preis-Leistungs-Verhältnis bieten). Der Mac ist erst ein paar Jahre alt und war das logische Upgrade von meinem alten Power-PC. Wenn ich gewartet hätte, hätte ich mich stattdessen für einen massiven iMac entschieden. Eine schöne, fette Wacom-Tablette steht ganz oben auf meiner Wunschliste, aber es scheint immer etwas Vernünftigeres zu geben, für das ich meine hart verdienten Pfennige ausgeben kann.

Als ich mich mit Druck beschäftigte, drehte sich ein Großteil meiner Arbeit um Identität: Logos, Kopfpapier, Briefpapier, Messestände, Werbematerialien usw. und das beinhaltete viel sorgfältige Farbarbeit. Ein ordnungsgemäß gestaltetes visuelles Identitätspaket enthält eine bestimmte Pantone-Palette, die häufig recht eingeschränkt ist, da mehr Farben zu höheren Druckkosten führen. Wenn Sie in Ihren Dokumenten mit Pantone-Farben arbeiten (z. B. anstelle von CMYK), ist das gedruckte Ergebnis ein Dead-Cert. Es sieht genauso aus wie alle anderen Druckprodukte mit diesen Farben (vorausgesetzt, der Drucker erledigt die Arbeit ordnungsgemäß.)

Wenn Sie für den Druck arbeiten, ist es ratsam, Ihre Monitore so zu kalibrieren, dass das, was Sie sehen, der tatsächlichen Druckausgabe so gut wie möglich entspricht. Persönlich war ich hoffnungslos dabei. Ich hielt Pantone-Farbfelder für immer an meinen Bildschirm und dachte: "Benutze ich hier wirklich den richtigen Ton?!"

In Bezug auf das Web bin ich mir nicht sicher, ob es so relevant ist. Ich habe vorher nicht wirklich darüber nachgedacht, weil Sie auf keinen Fall genau emulieren können, wie Benutzer Ihre Arbeit sehen. Heutzutage greife ich zur Standardkalibrierung vor.

Ich bin mir nicht sicher, ob du es kannst. Sie müssen akzeptieren, dass Benutzer viele verschiedene Bildschirme, verschiedene Geräte und verschiedene Kalibrierungen haben. Es wird sogar Diskrepanzen zwischen identischen Bildschirmen unterschiedlichen Alters geben. Es ist eine Tatsache, dass die Mehrheit der Benutzer Ihre Arbeit wahrscheinlich nicht genau so erleben wird, wie Sie es beabsichtigt haben. Wählen Sie den Modusdurchschnitt - die meisten Benutzer verwenden ihre Geräte, sobald sie aus dem Regal kommen.

Abschluss

Der Pantone-Standard funktioniert, weil die Druckindustrie ihn weitgehend übernommen hat und die Praktiker ihre Geräte konsequent warten, um die Kalibrierung sicherzustellen. Dies kann (und sollte) jedoch von den meisten Webbenutzern nicht erwartet werden. Einige Geräte wurden möglicherweise nie kalibriert. Hier ist das Argument "Dirty Window to the Internet" am zutreffendsten: Das Problem, dass Ihre Site auf einer Anzeige nicht richtig gerendert wird, ist im Allgemeinen ein größeres Problem mit der Anzeige selbst.

Wenn Sie Zeit und Ressourcen haben, um Ihr Gerät zu kalibrieren, oder wenn eine breite Farbpalette für Ihre Arbeit unerlässlich ist, sollten Sie Ihren Monitor kalibrieren. In den meisten Fällen wird die Farbkalibrierung jedoch zu einem Problem, sobald sich ein Designer damit abgefunden hat, dass im Web keine Standardausgabe wie im Druck vorhanden ist. Stattdessen sind starker Farbkontrast und Zugänglichkeit viel wichtigere Faktoren, die beim Webdesign berücksichtigt werden müssen.

Es war mir eine Freude, diesen Artikel zu schreiben, und ich hoffe, jeder liest ihn genauso gerne wie ich ihn geschrieben habe! Feedback wird wie immer sehr geschätzt.