Ist in Webdesign eine Farbkalibrierung erforderlich?

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

Miniaturansicht: Bunte Graffiti, verfügbar auf Photodune

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

Die Farbkalibrierung begann bereits in den Tagen des Printdesigns und ist für viele Designer, die im Medium arbeiten, immer noch ein sehr wichtiges Thema. Angesichts der Variabilität der Farbausgabe in Bildschirmen und der Unterschiede bei den Druckern müssen Designer ihre Monitore und Farbprofile innerhalb des Betriebssystems so kalibrieren, dass sie mit einem Standard übereinstimmen, um eine korrekte Farbauswahl zu gewährleisten. Hier kommt Pantone ins Spiel, da sie einen Industriestandard für die Farbausgabe bieten. Wenn Ihre Displays und Drucker nach dem Pantone-Standard kalibriert sind, sollte die Farbausgabe (sollte) zwischen den beiden genau sein.

OSX-Monitorkalibrierungseinstellungen

Je mehr Druckdesigner migrieren, desto wichtiger wird die Frage der standardisierten Farbausgabe. Hält jeder Monitor einen Standard, der dem Pantone-Standard entspricht? Sollten wir unsere Displays kalibrieren, um die Qualifikationen dieses Standards zu erfüllen??

Glücklicherweise halfen Microsoft und HP dabei, den sRGB-Farbraum zu schaffen, der von den meisten Geräten auf Verbraucherebene übernommen wurde und vom W3C gebilligt wird. Die Geräteausgabe ist jedoch sehr unterschiedlich; was sich auf das Thema Kalibrierung bezieht.


Das Argument für die Kalibrierung

Der wichtigste Faktor, den die Anhänger des Prinzips hervorbringen, ist die Bedeutung von Normen. Wir versuchen, alles zu vereinheitlichen (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 an die Leser von CSS Tricks, mit einer Reihe hervorragender Antworten in den Kommentaren. Ich glaube jedoch, dass das beste Argument für die Kalibrierung von Geräten von Shane Parker vorgetragen wurde:

Ich verstehe nicht, wie das überhaupt eine Frage ist? Natürlich sollten Sie Ihren Monitor mit bekannten Standards über ein Hardware-Kalibrierungsgerät kalibrieren. Verfügt die Mehrheit der Besucher Ihrer Website über einen kalibrierten Monitor? Natürlich nicht. ABER, es ist nicht so, dass alle unkalibrierten Monitore dieselbe Ansicht haben. Nicht kalibrierte Monitore sind in Bezug auf Farbe allgegenwärtig, und das ist der Hauptgrund, warum Sie kalibrieren sollten! Zumindest wissen Sie, dass Sie kalibriert sind, um die Farbe zu korrigieren, sodass diejenigen, die kalibriert sind (oder Monitore verwenden, die von Anfang an nicht schrecklich kalibriert sind) die Farben sehen, die Sie beabsichtigen.

Müll rein = Müll raus. Wenn Sie mit Müll anfangen, landen Sie mit größerer Wahrscheinlichkeit als Müll. Als Profis ist die Monitorkalibrierung einer der ersten Schritte beim Einrichten einer Designumgebung (ich bin ein Web-Entwickler und Fotograf, daher ist es für mich noch wichtiger, die Kalibrierung beizubehalten)..

Ich stimme mit seiner Argumentation überein: Sie sollten sich bemühen, in der Mitte des Spektrums zu sein, um den Versatz der Geräte Ihres Publikums zu reduzieren. Wenn Ihr Monitor ungewollt in eine Richtung verzerrt ist, werden die Ergebnisse auf einem Gerät mit einer anderen Kalibrierung noch mehr gestaffelt. Zumindest wenn Ihre Geräte für die Mitte kalibriert sind, ist die Ausgabe "weniger falsch"..

Die große Mehrheit der Designer scheint dieser Aussage ebenfalls zuzustimmen. Die Argumente gegen die Farbkalibrierung im Webdesign ermahnen nicht die Praxis, sondern weisen darauf hin, dass größere Probleme als die Farbtonalität vorliegen.


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

Die Debatte über die Farbkalibrierung kann nicht einfach als "Ja / Nein" -Situation definiert werden, da es um Prioritäten geht. Diejenigen, die sich gegen eine Kalibrierung aussprechen, stellen fest, dass der Kontrast gegenüber der richtigen Farbtönung im Webdesign wichtig ist.

Wenn Sie wissen, dass Ihre Anzeige ausreichend und "angemessen kalibriert" ist, sollten Sie sich nicht darum kümmern, eine Farbkalibrierung durchzuführen. Konzentrieren Sie sich stattdessen auf die Zugänglichkeit, und legen Sie genaue und genaue Farben als zweitrangig an. Entwürfe sollen gut lesbar und zugänglich sein. Durch die Fokussierung auf Farbton mit teuren und professionell ausgestatteten 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 ändern kann, gibt es zwei größere Argumente, die Vorrang haben:

  • Menschen mit schlechten Darbietungen sind daran gewöhnt, dass Dinge "falsch" sind, weil dies die Umgebung ist, in der sie arbeiten. (Worauf Aaron Silber recht gut eingeht).
  • Mit einem künstlerischen Fokus können Sie eine kontrastarme Palette erhalten, die Ihr Design bei der Ausführung tatsächlich verletzt.

Die Zugänglichkeit sollte immer im Vordergrund des Site-Designs stehen, und der Fokus auf Farbpaletten, die auf subtilen tonalen Verschiebungen basieren, passt normalerweise nicht zu diesem Ideal. Zahlreiche Beispiele sind bei Contrast Rebellion zu sehen, und es wurde auf dieser Website oft diskutiert.

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

Interview mit Patrick Kovacich
UI + UX Designer

Ich konnte Patrick Kovacich, einen User Interface- und Experience-Designer, interviewen, der auch viel Erfahrung mit Print hat (von einigen der coolsten Shirt-Designs, die ich je gesehen habe), über dieses Thema sprechen konnte und er konnte das Thema näher erläutern Variabilität der Geräteausgabe:

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

Wie erfahren sind Sie in der Druck- und Webdesignbranche und wo arbeiten Sie in erster Linie??

Ich habe mit dem Drucklayout angefangen, bevor das Web mehr als nur akademisch eingesetzt wurde (Mitte der 90er Jahre), und ich habe dort viel Erfahrung. Selbst nachdem ich mich mit dem Design von Webdesigns und nativen Anwendungsoberflächen befasst habe, habe ich nebenbei viele Druckprojekte durchgeführt. Ich arbeite hauptsächlich im Web / Bildschirm, und die Druckarbeit ist die große Minderheit.


QWelche Software verwenden Sie beim Entwerfen??

Visuell, Adobe Fireworks und Adobe Illustrator. Wenn ich im Web arbeite und die Visuals tatsächlich im Browser gerendert werden, verwende ich einen einfachen Texteditor oder Dreamweaver.


QWas ist Ihr Computer-Setup (Betriebssystem, Monitor [s], Zeichnen von Tablets)??

Hauptsächlich MacOSX 10.6, 17-Zoll-Macbook Pro-Bildschirm (matt.). Ich verwende in etwa 25% der Fälle einen Windows 7-Computer, einen 20-Zoll-Acer-Monitor und ein Wacom Graphire-Tablet für künstlerischere Arbeiten. Die meiste Designarbeit, die ich mache, ist jedoch kein Tablet.


F Halten Sie es Ihrer Meinung nach für wichtig, Ihren Monitor richtig zu kalibrieren, um die von der Industrie definierte "Basislinie" zu erreichen?

Nein. Die überwiegende Mehrheit meiner Arbeit wird von Leuten beansprucht, die ihren Monitor nicht kalibrieren. Daher lege ich bewusst Wert darauf, nicht auf Kontrastdetails zu setzen, die nur auf einem perfekt kalibrierten Kinodisplay oder einem Plasma-Panel mit hohem Kontrastverhältnis funktionieren.

Mein Zielpublikum variiert von iMac All-in-One-Displays bis hin zu XP-Laptops, die von sehr günstigen LCD-Panels angetrieben werden. Daher ist es mir ein Anliegen, ein festgelegtes Farbprofil einzuhalten und mein Display streng zu kalibrieren bei meinen Druckereien. Ich finde, dass das Durchsuchen von Proofs und das Teilen von Farbprofilen sehr leicht Probleme löst, die ich bei ihrer Arbeit hatte.


F Wenn nicht, wie können Sie dann sicherstellen, dass Ihr Monitor nahe genug an einer korrekten Kalibrierung ist, so dass Ihre Farbauswahl sich gut für die Mehrheit Ihrer Benutzer eignet. etwas, auf das Designer für die Farbkalibrierung hinweisen, um die Praxis zu verteidigen?

Ich neige dazu, Farbprofile in A / B-Tests umzudrehen, wobei verschiedene Konfigurationen und vor allem unterschiedliche Helligkeiten / LCD-Neigungen angezeigt werden. Da mein Publikum immer mehr zu LCD-LCD-Displays und Mobilgeräten wechselt, von denen einige sehr enge Blickwinkel haben, kann die Scharnierposition eines Laptops oder die Positionierung eines Mobilgeräts die wahrgenommene Farbe verändern. Durch diese Art von Experimenten in der realen Welt kann ich sicherstellen, dass die kritischen Teile des Designs unabhängig von dem Gerät und der Arbeitsumgebung, in der sich das Publikum befindet, funktionieren. Dies ist sinnvoller als die Annahme, dass alle meinen idyllischen Designbedingungen entsprechen.

Wie ich bereits sagte, gibt es in der Druckerei ausreichend Werkzeuge, um zu "übersetzen" und zu überprüfen, dass wir mit dem Endergebnis auf derselben Seite stehen. Druckereien sind im Allgemeinen in der Lage, eine höhere Designsprache zu sprechen, um zu einem befriedigenden Ergebnis zu gelangen. Ich habe nicht den Luxus, mein Bildschirmpublikum dazu zu bringen, dies durchzugehen, und deshalb mache ich mir nicht allzu viele Sorgen, wenn meine Displays auf einen für sie sinnlosen Standard eingestellt werden.


Interview mit Ian Yates
Webdesigntuts + Editor

Ian Yates (unser Redakteur hier bei Webdesigntuts + für die Neuankömmlinge) war gnädig genug, um seine Gedanken zu diesem Thema zu äußern, was meiner Meinung nach für die Diskussion angesichts seines drucklastigen Hintergrunds wesentlich ist:


Wie erfahren sind Sie in der Druck- und Webdesignbranche und wo arbeiten Sie in erster Linie??

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


QWelche Software verwenden Sie beim Entwerfen??

Da meine Wurzeln im Druckdesign und in der Illustration liegen, fühle ich mich mit Vektoren sehr wohl. Setzen Sie mich hinter Adobe Illustrator und ich bin ein glücklicher Kerl. In Bezug auf das Webdesign ist Photoshop sehr anstrengend, was seltsam ist, da Fireworks ein logischeres Zuhause war. Ich fange immer noch immer mit Stift und Papier an - ich kann diese Gewohnheit nicht abschütteln :)


QWas ist Ihr Computer-Setup (Betriebssystem, Monitor [s], Zeichnen von Tablets)??

Ich habe einen Quad-Core-Mac Pro mit zwei Dell 22-Zoll-Bildschirmen (von großem Wert). Der Mac ist nur ein paar Jahre alt und war die logische Aufrüstung meines alten Power-PCs, wenn ich aber gewartet hätte Ich habe 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ünftiger zu sein, um meine hart erarbeiteten Pfennige auszugeben.


F Halten Sie es Ihrer Meinung nach für wichtig, Ihren Monitor richtig zu kalibrieren, um die von der Industrie definierte "Basislinie" zu erreichen?

Als ich mich mit Print beschäftigte, drehte sich ein großer Teil meiner Arbeit um die Identität: Logos, Briefpapier, Schreibwaren, Messestände, Werbematerial usw., und dazu gehörte viel sorgfältige Farbarbeit. Ein ordnungsgemäß angeordnetes visuelles Identitätspaket enthält eine bestimmte Pantone-Palette, die häufig ziemlich eingeschränkt ist, da mehr Farben höhere Druckkosten verursachen. Wenn Sie in Ihren Dokumenten mit Pantone-Farben arbeiten (z. B. anstelle von CMYK), bedeutet dies, dass das gedruckte Ergebnis ein Dead-cert ist. es wird genauso aussehen wie alle anderen Druckerzeugnisse mit diesen Farben (vorausgesetzt, der Drucker erledigt die Aufgabe 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 genau wie möglich entspricht. Ich persönlich war hoffnungslos. Ich hielt Pantone Swatches für immer an meinen Bildschirm und dachte: "Benutze ich hier wirklich den richtigen Ton ?!"

Ich bin mir nicht sicher, ob das so relevant ist. Ich habe vorher nicht wirklich darüber nachgedacht, denn es gibt keine Möglichkeit, genau nachzuahmen, wie die Benutzer Ihre Arbeit sehen. In diesen Tagen setze ich mich für die Standardkalibrierung ein.


F Wenn nicht, wie können Sie dann sicherstellen, dass Ihr Monitor nahe genug an einer korrekten Kalibrierung ist, so dass Ihre Farbauswahl sich gut für die Mehrheit Ihrer Benutzer eignet. etwas, auf das Designer für die Farbkalibrierung hinweisen, um die Praxis zu verteidigen?

Ich bin mir nicht sicher, ob du das kannst. Sie müssen akzeptieren, dass die Benutzer über viele verschiedene Bildschirme, unterschiedliche Geräte und unterschiedliche Kalibrierungen verfügen. Es gibt sogar Diskrepanzen zwischen identischen Bildschirmen unterschiedlichen Alters. Es ist eine Tatsache, dass die Mehrheit der Benutzer Ihre Arbeit wahrscheinlich nicht so erfährt, wie Sie es sich vorgestellt haben. Wählen Sie den Modus-Durchschnitt - die meisten Menschen werden ihre Geräte verwenden, wenn sie vom Regal kommen.


Fazit

Der Pantone-Standard funktioniert, weil die Druckindustrie ihn weitgehend anwendet und die Anwender ihre Geräte ständig warten, um die Kalibrierung sicherzustellen. Dasselbe kann (und sollte) nicht von den meisten Webbenutzern erwartet werden. Einige Geräte wurden möglicherweise nie kalibriert. Hier gilt das Argument "Dirty Window to the Internet": Das Problem, dass Ihre Site auf einer Anzeige nicht ordnungsgemäß dargestellt wird, ist im Allgemeinen ein größeres Problem bei der Anzeige selbst.

Wenn Sie über die Zeit und die Ressourcen zur Kalibrierung Ihres Geräts verfügen oder 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, wenn ein Designer sich damit abfindet, dass es keine Standardausgabe im Internet gibt, wie sie gedruckt wird. Vielmehr sind ein starker Farbkontrast und eine gute Zugänglichkeit wesentlich wichtigere Faktoren, die beim Webdesign berücksichtigt werden müssen.

Es war eine Freude, diesen Artikel zu schreiben, und ich hoffe, dass es allen Spaß macht, ihn zu lesen, so sehr ich es auch geschrieben habe! Wie immer wird Feedback sehr geschätzt.