Is kleurkalibratie nodig in webontwerp?

Monitoren van kleurkalibratie is een probleem dat al tientallen jaren bestaat in de ontwerpgemeenschap. Maar een recent Twitter-debat tussen Amy Hoy, Peter Cooper, Thomas Fuchs en Thijs van der Vossen over het onderwerp wierp een cruciale vraag op: is kleurkalibratie nodig in webdesign?

thumbnail: Kleurrijke Graffiti, beschikbaar op Photodune

Wat is de precedent voor het debat?

Kleurkalibratie begon in de dagen van het afdrukken, en is nog steeds een zeer belangrijk probleem voor veel ontwerpers die in het medium werken. Gezien de variabiliteit van kleurenuitvoer in schermen, gecombineerd met de verschillen in printers, moeten ontwerpers hun monitoren en kleurprofielen binnen het besturingssysteem kalibreren om overeen te komen met een standaard om een ​​juiste kleurselectie te garanderen. Dit is waar Pantone in het spel komt, omdat ze een industriestandaard bieden voor kleuruitvoer. Als uw beeldschermen en printers zijn gekalibreerd volgens de Pantone-standaard, moet de kleuruitvoer (zou moeten) nauwkeurig zijn tussen de twee.

OSX monitor kalibratie-instellingen

Naarmate er meer drukwerkers migreren, wordt de kwestie van gestandaardiseerde kleurenuitvoer prominenter. Lijkt elke monitor op een standaard die lijkt op de Pantone-standaard? Moeten we onze beeldschermen kalibreren om aan de kwalificaties van deze standaard te voldoen?

Gelukkig hebben Microsoft en HP geholpen bij het vaststellen van de sRGB-kleurruimte, die op de meeste apparaten op consumentenniveau is goedgekeurd en door het W3C wordt onderschreven. Er is echter veel variabiliteit in de uitvoer van het apparaat; die teruggaat naar de kwestie van kalibratie.


Het argument voor kalibratie

De belangrijkste factor die voorstanders van het principe aan het licht brengen, is het belang van normen. We proberen alles te standaardiseren (zowel als ontwerpers als ontwikkelaars), dus waarom zou niet ook een deel van ons ontwerpproces (kleurselectie) moeten worden gestandaardiseerd?

Chris Coyier stelde de vraag onlangs aan CSS Tricks-lezers, met een aantal uitstekende antwoorden in de commentaren. Ik heb echter het gevoel dat het beste argument voor het kalibreren van apparaten werd gepresenteerd door Shane Parker:

Ik begrijp niet hoe dit zelfs een vraag is? Natuurlijk moet u uw monitor kalibreren met behulp van bekende standaarden via een hardwarekalibratie-apparaat. Zal de meerderheid van de mensen die uw site bekijken ook een gekalibreerde monitor hebben? Natuurlijk niet. MAAR, het is niet zoals alle niet-gekalibreerde monitoren op dezelfde manier bekijken. Ongekalibreerde monitoren zijn overal ter wereld qua kleur en dat is de grootste reden om te kalibreren! Je weet tenminste dat je bent gekalibreerd om de kleur te corrigeren, zodat diegenen die zijn gekalibreerd (of monitors gebruiken die vanaf het begin niet vreselijk gekalibreerd zijn) de kleuren zullen zien die je hen wilde laten zien.

Garbage in = vuilnis buiten. Als je begint met afval, heb je meer kans op rotzooi. Als professionals is monitorcalibratie een van de eerste stappen bij het opzetten van een ontwerpomgeving (ik ben een webontwikkelaar en fotograaf, dus het is nog belangrijker voor mij om gekalibreerd te blijven).

Ik ben het eens met zijn argument: je moet ernaar streven om in het midden van het spectrum te zijn om de offset van de apparaten van je publiek te verminderen. Als uw monitor ongewild scheef in één richting is, zullen de resultaten nog meer gespreid zijn over een apparaat met een andere kalibratie. Tenminste wanneer je apparaten in het midden gekalibreerd zijn, zal de output "minder fout" zijn.

De overgrote meerderheid van de ontwerpers lijkt het ook eens te zijn met zijn verklaring. De argumenten tegen kleurkalibratie in webdesign wijzen niet op de praktijk, maar stellen dat er meer problemen zijn dan tonaliteit in kleur..


Het argument tegen kalibratie
(Integendeel, het argument voor contrast)

Het debat over kleurkalibratie kan niet eenvoudig worden gedefinieerd als een "ja / nee" -situatie, omdat het gaat om een ​​kwestie van prioriteiten. Degenen die tegen kalibratie argumenteren, wijzen op het belang van contrast ten opzichte van de juiste kleurtonaliteit in webdesign.

In zekere zin, als u weet dat uw scherm voldoende is en "redelijk gekalibreerd", moet u zich geen zorgen maken over het bereiken van ware kleurkalibratie. Richt u liever op toegankelijkheid en plaats precieze en nauwkeurige kleuren als een bijkomstigheid. Ontwerpen zijn bedoeld om gemakkelijk leesbaar en toegankelijk te zijn. Door te focussen op kleurtonaliteit met dure en professionele apparatuur, worden de prioriteiten van de ontwerper zodanig verschoven dat de gebruiker uiteindelijk lijdt. Hoewel het kan worden beargumenteerd dat het kiezen van de verkeerde kleurtoon de reactie van de gebruiker op een ontwerp kan veranderen, zijn er twee grotere argumenten die hieraan voorafgaan:

  • Mensen met slechte weergaven zijn gewend dat dingen "incorrect" zijn, omdat dat de omgeving is waarin ze werken. (Wat Aaron Silber heel goed uitlegt).
  • Met een focus op artisticiteit, kun je eindigen met een palet met laag contrast dat je ontwerp tijdens de uitvoering pijn doet.

Toegankelijkheid moet altijd de voorhoede van het ontwerp van de site zijn, en het focussen op kleurenpaletten op basis van subtiele tonale verschuivingen past meestal niet bij dit ideaal. Talloze voorbeelden zijn te zien bij Contrast Rebellion, en het is al vele malen besproken op deze site.

Deze doet vooral pijn omdat ik van al het andere over Reeder hou.

Interview met Patrick Kovacich
UI + UX-ontwerper

Ik heb Patrick Kovacich kunnen interviewen, een gebruikersinterface en ervaringsontwerper die ook veel ervaring heeft met afdrukken (om nog maar te zwijgen over enkele van de coolste shirtontwerpen die ik heb gezien) over het onderwerp, en hij was in staat uit te wijden over variabiliteit van apparaatuitvoer:

Er is een bepaald niveau van genialiteit en waanzin voor nodig om met dit soort ideeën te komen.

Q Hoe ervaren ben je in zowel de print- als de webontwerpindustrie en waar werk je in de eerste plaats?

Ik kreeg mijn start in print lay-out voordat het web veel meer dan academisch in gebruik was (midden jaren '90), en ik heb daar dus veel ervaring opgedaan. Zelfs nadat ik ben overgestapt op webontwerp en native UI-ontwerp, heb ik een groot aantal afdrukprojecten aan de zijkant voortgezet. Ik werk voornamelijk op het web / scherm en het drukwerk is de grote minderheid.


QWelke software gebruikt u bij het ontwerpen?

Visueel, Adobe Fireworks en Adobe Illustrator. Als ik webwerk doe waarbij de afbeeldingen daadwerkelijk door de browser worden weergegeven, gebruik ik een gewone teksteditor of Dreamweaver.


QWat is uw computerinstallatie (besturingssysteem, monitor [s], tekentablets)?

Hoofdzakelijk MacOSX 10.6, 17-inch MacBook Pro-scherm (mat). Ik gebruik wel ongeveer 25% van de tijd een Windows 7-machine, met een 20-inch Acer-monitor en een Wacom Graphire-tablet voor wat meer artistiek werk. De meeste ontwerpwerkzaamheden die ik maak, gebruiken echter geen tablet.


QVolgens u vindt u het belangrijk om uw monitor correct te kalibreren om de "basislijn" gedefinieerd door de industrie te bereiken?

Nee. Het overgrote deel van mijn werk wordt gebruikt door mensen die hun monitor niet kalibreren, en daarom let ik er goed op om niet te vertrouwen op contrastdetails die alleen werken op een perfect gekalibreerd bioscoopscherm of plasma-paneel met hoog contrast.

Mijn doelgroep varieert van iMac all-in-one-schermen tot XP-laptops, aangedreven door zeer goedkope lcd-schermen, en dus wordt de waarde in mij dat ik vasthoud aan een vast kleurprofiel en mijn beeldscherm rigoureus kalibreert door mijn publiek niet gedeeld zoals het is bij mijn drukkerijen. Ik merk dat het zien van proeven en het delen van kleurprofielen heel gemakkelijk alle problemen oplost die ik had om met hen samen te werken.


VOOr niet, hoe kunt u er dan voor zorgen dat uw monitor dichtbij genoeg is voor een juiste kalibratie dat uw kleurkeuzes goed zullen vertalen naar de meerderheid van uw gebruikers; iets dat ontwerpers voorstander is van kleurkalibratie, wijst in hun verdediging van de praktijk?

Ik heb de neiging om eigenlijk kleurprofielen rond te draaien naar A / B om verschillende configuraties te testen, en heel kritisch, verschillende helderheden / LCD-kantelingen. Naarmate meer en meer van mijn publiek overgaat naar lcd-schermen van laptops en mobiele apparaten, waarvan sommige een zeer smalle kijkhoek hebben, kan de scharnierpositie van een laptop of de plaatsing van een mobiel apparaat daadwerkelijk een waargenomen kleur veranderen. Met dit soort experimenten uit de echte wereld kan ik ervoor zorgen dat de kritieke onderdelen van ontwerpen werken, ongeacht het apparaat en de werkomgeving waarin mijn publiek zich bevindt, en het is nuttiger dan te veronderstellen dat ze allemaal voldoen aan mijn idyllische ontwerpomstandigheden..

Zoals ik al zei, zijn er in het gedrukte werk voldoende hulpmiddelen om te "vertalen" en te verifiëren dat we op dezelfde pagina staan ​​met het eindresultaat, en de drukkerijen zijn over het algemeen in staat om met mij een hogere ontwerptaal te spreken om tot een wederzijds bevredigend resultaat te komen. Ik heb niet de luxe om van mijn publiek op het scherm te verlangen dit te doorstaan, en dus maak ik me niet al te veel zorgen over mijn beeldschermen afgestemd op een standaard zonder betekenis.


Interview met Ian Yates
Webdesigntuts + Editor

Ian Yates (onze redacteur hier bij Webdesigntuts + voor de nieuwkomers) was genadig genoeg om zijn mening te geven over het onderwerp, wat volgens mij essentieel is voor de discussie vanwege zijn drukzware achtergrond:


Q Hoe ervaren ben je in zowel de print- als de webontwerpindustrie en waar werk je in de eerste plaats?

Tegenwoordig werk ik voornamelijk in webdesign, hoewel mijn eerste baan binnen het ontwerp bij een klein reclamebureau in Rotterdam was en zeker meer afdrukgedrukt. Ik ben de laatste vijf jaar zo ongeveer op internet geweest.


QWelke software gebruikt u bij het ontwerpen?

Vanwege mijn roots in printontwerp en illustratie ben ik het meest vertrouwd met vectoren. Zit me achter Adobe Illustrator en ik ben een gelukkige kerel. Photoshop houdt mij het meest bezig met webontwerp, wat vreemd is, omdat u van Fireworks een logischer huis zou verwachten. Ik begin echter nog altijd altijd met pen en papier - ik kan die gewoonte niet schokken :)


QWat is uw computerinstallatie (besturingssysteem, monitor [s], tekentablets)?

Ik heb een quad-core Mac Pro met twee Dell 22 "-schermen (die van grote waarde zijn) .De Mac is slechts een paar jaar oud en was de logische upgrade van mijn oude power-pc, maar als ik had gewacht, zou ik misschien In plaats daarvan heb ik gekozen voor een gigantische iMac. Een mooie, dikke Wacom-tablet staat hoog op mijn verlanglijst, maar er lijkt altijd iets verstandiger te zijn om mijn zuurverdiende centen aan uit te geven.


QVolgens u vindt u het belangrijk om uw monitor correct te kalibreren om de "basislijn" gedefinieerd door de industrie te bereiken?

Toen ik druk bezig was, draaide veel van mijn werk rond identiteit: logo's, briefpapier, briefpapier, tentoonstellingsstands, promotiemateriaal enz. En dat vergde veel zorgvuldig kleurwerk. Een goed ingedeeld visueel identiteitspakket bevat een specifiek Pantone-palet, vaak redelijk beperkt, omdat meer kleuren zorgen voor hogere printkosten. Werken met Pantone-kleuren in uw documenten (in plaats van CMYK, bijvoorbeeld) betekent dat het afgedrukte resultaat een dead-cert is; het ziet er precies zo uit als alle andere afgedrukte producten met die kleuren (ervan uitgaande dat de printer de taak goed uitvoert).

Wanneer u voor afdrukken werkt, is het raadzaam om uw beeldschermen te kalibreren, zodat wat u ziet net zo getrouw is aan de werkelijke afgedrukte uitvoer als mogelijk is. Persoonlijk was ik hopeloos. Ik hield Pantone-stalen voor altijd op mijn scherm en dacht "gebruik ik hier de juiste toon ?!"

Qua internet weet ik niet zeker of het zo relevant is. Ik heb er niet echt veel over nagedacht, omdat je op geen enkele manier exact kunt emuleren hoe gebruikers je werk zien. Tegenwoordig ga ik standaard, out-of-the-box kalibratie.


VOOr niet, hoe kunt u er dan voor zorgen dat uw monitor dichtbij genoeg is voor een juiste kalibratie dat uw kleurkeuzes goed zullen vertalen naar de meerderheid van uw gebruikers; iets dat ontwerpers voorstander is van kleurkalibratie, wijst in hun verdediging van de praktijk?

Ik weet niet zeker of je het kunt. U moet accepteren dat gebruikers veel verschillende schermen, verschillende apparaten en verschillende kalibraties hebben. Er is zelfs een verschil tussen identieke schermen van een andere leeftijd. Het is een feit dat de meeste gebruikers uw werk waarschijnlijk niet precies zullen ervaren zoals u het bedoeld had. Ga voor het gemiddelde van de modus - de meeste mensen zullen hun apparaten gebruiken als ze van de plank komen.


Conclusie

De Pantone-norm werkt omdat de grafische industrie het op grote schaal gebruikt en beoefenaars houden consequent hun apparaten bij om kalibratie te garanderen. Maar hetzelfde kan niet (en mag niet) worden verwacht van de meeste webgebruikers; sommige apparaten zijn mogelijk helemaal niet gekalibreerd. Dit is waar het argument "vuile venster naar internet" het meest geldig is: het probleem dat uw site niet correct wordt weergegeven op een scherm is over het algemeen een groter probleem met het scherm zelf.

Als u voldoende tijd en middelen hebt om uw apparaat te kalibreren of als een breed kleurenpalet essentieel is voor uw werk, moet u uw monitor kalibreren. In de meeste gevallen wordt de kleurkalibratie echter een probleem als een ontwerper te maken krijgt met het feit dat er geen standaarduitvoer op het web is zoals deze wordt afgedrukt. In plaats daarvan zijn sterk kleurcontrast en toegankelijkheid veel belangrijker factoren waarmee rekening moet worden gehouden bij webdesign.

Het was een genoegen om dit artikel te schrijven en ik hoop dat iedereen het net zo leuk vindt om het te lezen als ik het leuk vond om het te schrijven! Zoals altijd wordt feedback enorm op prijs gesteld.