Share
I monitor di calibrazione del colore sono un problema che esiste da decenni nella comunità del design. Ma un recente dibattito su Twitter tra Amy Hoy, Peter Cooper, Thomas Fuchs e Thijs van der Vossen ha sollevato una domanda cruciale: la calibrazione del colore è necessaria nel web design?
Miniatura: Graffiti colorati, disponibili su Photodune
La calibrazione del colore è iniziata nei giorni della progettazione della stampa ed è ancora una questione molto importante per molti designer che lavorano nel mezzo. Data la variabilità dell'output di colore negli schermi, combinata con le differenze nelle stampanti, i progettisti devono calibrare i loro monitor e profili di colore all'interno del sistema operativo per abbinare uno standard al fine di garantire una corretta selezione del colore. È qui che entra in gioco Pantone, in quanto forniscono uno standard di settore per l'output a colori. Se i display e le stampanti sono calibrati sullo standard Pantone, l'output del colore (dovrebbe) deve essere accurato tra i due.
Impostazioni di calibrazione del monitor OSX Con la migrazione di altri designer di stampa, la questione dell'output a colori standardizzato diventa più importante. Ogni monitor aderisce ad uno standard simile allo standard Pantone? Dovremmo calibrare i nostri display per soddisfare le qualifiche di questo standard?
Fortunatamente, Microsoft e HP hanno contribuito a stabilire lo spazio colore sRGB, che è stato adottato nella maggior parte dei dispositivi di livello consumer ed è approvato dal W3C. Tuttavia, c'è molta variabilità nell'output del dispositivo; che si collega al problema della calibrazione.
Il più grande fattore che i sostenitori del principio mettono in luce è l'importanza degli standard. Cerchiamo di standardizzare tutto (sia come designer che come sviluppatori), quindi perché non dovrebbe essere standardizzato anche parte del nostro processo di progettazione (selezione del colore)?
Chris Coyier ha posto recentemente la domanda ai lettori di CSS Tricks, con una serie di ottime risposte nei commenti. Tuttavia, ritengo che il miglior argomento per calibrare i dispositivi sia stato presentato da Shane Parker:
Non capisco come questa sia anche una domanda? Ovviamente è necessario calibrare il monitor utilizzando standard noti tramite un dispositivo di calibrazione hardware. La maggior parte delle persone che visualizzano il tuo sito avrà anche un monitor calibrato? Ovviamente no. MA, non è come se tutti i monitor non calibrati guardassero allo stesso modo. I monitor non calibrati sono dappertutto rispetto al colore, e questo è il motivo principale per cui dovresti calibrare! Almeno saprai che sei calibrato per correggere il colore in modo che quelli che sono calibrati (o stiano usando monitor che non sono terribilmente off-calibrati dall'inizio) vedranno i colori che hai intenzione di vedere.
Spazzatura in = spazzatura fuori. Se inizi con la spazzatura, è più probabile che finisca con la spazzatura. Come professionisti, la calibrazione del monitor è uno dei primi passi nella creazione di un ambiente di progettazione (sono un web dev e fotografo, quindi è ancora più importante per me rimanere calibrato).
Sono d'accordo con la sua argomentazione: dovresti sforzarti di essere al centro dello spettro per ridurre l'offset dai dispositivi del tuo pubblico. Se il monitor viene involontariamente inclinato in una direzione, i risultati saranno ancora più scaglionati su un dispositivo con una calibrazione diversa. Almeno quando i tuoi dispositivi sono calibrati per il centro, l'output sarà "meno sbagliato".
La stragrande maggioranza dei designer sembra essere d'accordo anche con la sua affermazione. Gli argomenti contro la calibrazione del colore nel web design non ammoniscono la pratica, ma affermano invece che ci sono problemi più importanti a portata di mano che la tonalità del colore.
Il dibattito sulla calibrazione del colore non può semplicemente essere definito come una situazione "yay / nay", perché si tratta di una questione di priorità. Chi si oppone alla calibrazione nota l'importanza del contrasto rispetto alla corretta tonalità del colore nel web design.
In un certo senso, se sai che il tuo display è adeguato e "calibrato ragionevolmente", non dovresti preoccuparti di ottenere una vera calibrazione del colore. Concentrati invece sull'accessibilità e metti i colori precisi e precisi come preoccupazione secondaria. I disegni sono pensati per essere facilmente leggibili e accessibili. Concentrandosi sulla tonalità del colore con apparecchiature costose e di livello professionale, le priorità del progettista vengono spostate in modo tale che l'utente finisca per soffrire. Mentre si può sostenere che la scelta del tono sbagliato di un colore può modificare la reazione dell'utente a un disegno, ci sono due argomenti più importanti che hanno precedenti:
L'accessibilità dovrebbe sempre essere in prima linea nella progettazione del sito e concentrarsi sulle tavolozze dei colori basate su sottili spostamenti tonali di solito non si adatta a questo ideale. Numerosi esempi possono essere visti a Contrast Rebellion, ed è stato discusso molte volte su questo sito.
Questo fa particolarmente male perché amo tutto il resto di Reeder. Sono stato in grado di intervistare Patrick Kovacich, un'interfaccia utente e un progettista esperto che ha anche molta esperienza con la stampa (per non parlare di alcuni dei più bei modelli di camicia che ho visto) sull'argomento, ed è stato in grado di elaborare variabilità dell'output del dispositivo:
Ci vuole un certo livello di genialità e follia per inventare idee come questa. Ho iniziato a lavorare sul layout di stampa prima che il web fosse molto più che accademico (metà degli anni '90), e quindi ho una grande esperienza lì. Anche dopo il passaggio al design web e alla progettazione dell'interfaccia utente nativa, ho continuato a lavorare su molti progetti di stampa. Io lavoro principalmente sul web / schermo, e il lavoro di stampa è la vasta minoranza.
Visivamente, Adobe Fireworks e Adobe Illustrator. Se sto facendo un lavoro sul Web in cui le immagini sono effettivamente visualizzate sul browser, userò un semplice editor di testo o Dreamweaver.
Principalmente MacOSX 10.6, schermo Macbook pro da 17 pollici (opaco). Uso una macchina Windows 7 circa il 25% delle volte, con un monitor Acer da 20 pollici e un tablet Wacom Graphire per un lavoro più artistico. La maggior parte del lavoro di progettazione che faccio non utilizza un tablet, tuttavia.
No. La maggior parte del mio lavoro viene consumata da persone che non calibrano il monitor, quindi prendo la cura di non fare affidamento su dettagli a contrasto che funzioneranno solo su un monitor cinematografico perfettamente calibrato o un pannello al plasma ad alto contrasto.
Il mio pubblico di destinazione varia da monitor iMac all-in-one a laptop XP pilotati da pannelli LCD molto economici, e quindi il valore in me che aderisce a un profilo colore impostato e calibrando rigorosamente il mio display non è condiviso dal mio pubblico nel modo in cui è dai miei negozi di stampa. Trovo che vedere le prove e condividere profili colore risolva molto facilmente qualsiasi problema che ho avuto nel lavorare con loro.
Tendo a capovolgere effettivamente i profili di colore attorno al test A / B per diverse configurazioni e, più in particolare, a diverse inclinazioni luminosità / LCD. Man mano che sempre più persone si spostano su schermi LCD portatili e dispositivi mobili, alcuni dei quali hanno angoli di visione molto stretti, la posizione di cerniera di un laptop o il posizionamento di un dispositivo mobile possono effettivamente alterare un colore percepito. Questo tipo di sperimentazione del mondo reale mi consente di assicurarmi che le parti critiche dei progetti funzionino indipendentemente dal dispositivo e dall'ambiente di lavoro in cui si trova il mio pubblico, ed è più utile che presupporre che tutti aderiscano alle mie condizioni di progettazione idilliache.
Come ho detto, nel lavoro di stampa ci sono molti strumenti per "tradurre" e verificare che siamo sulla stessa pagina con il risultato finale, e le tipografie sono generalmente in grado di parlare un linguaggio di design più elevato con me per ottenere un risultato soddisfacente per entrambe le parti. Non ho il lusso di chiedere al mio pubblico sullo schermo di passare attraverso questo, e quindi non mi preoccupo troppo di avere i miei schermi sintonizzati su uno standard che per loro non ha alcun significato.
Ian Yates (il nostro editor qui a Webdesigntuts + per i nuovi arrivati) è stato così gentile da fornire i suoi pensieri sull'argomento, che ritengo essenziali per la discussione dato il suo background di stampa pesante:
In questi giorni lavoro principalmente nel web design, anche se il mio primo lavoro nell'ambito del design è stato in una piccola agenzia pubblicitaria di Rotterdam e sicuramente più di stampa. Mi sono concentrato sul web negli ultimi cinque anni circa.
Grazie alle mie radici nella progettazione e nell'illustrazione della stampa, mi sento più a mio agio con i vettori. Sedetevi dietro ad Adobe Illustrator e sono un tipo felice. Photoshop mi tiene più occupato per quanto riguarda il web design, il che è strano come ci si aspetterebbe che Fireworks fosse una casa più logica. Comincio sempre sempre con carta e penna - non riesco a scuotere quell'abitudine :)
Ho un Mac Pro quad-core con due schermi Dell da 22 "(che sono di grande valore) .Il Mac ha solo un paio di anni ed era l'aggiornamento logico dal mio vecchio PC di potenza, anche se avrei aspettato che potessi ho optato invece per un enorme iMac: un buon tablet Wacom è in cima alla mia lista dei desideri, ma sembra che ci sia sempre qualcosa di più sensato da spendere i miei sudati penny.
Quando ero impegnato con la stampa, molti dei miei lavori ruotavano attorno all'identità: loghi, carta intestata, articoli di cancelleria, stand espositivi, materiale promozionale ecc. E questo comportava un lavoro molto attento ai colori. Un pacchetto di identità visiva ben definito include una tavolozza Pantone specifica, spesso abbastanza limitata, in quanto i colori aumentano i costi di stampa. Lavorare con i colori Pantone nei tuoi documenti (invece di CMYK, per esempio) significa che il risultato stampato è un certificato morto; sembrerà esattamente uguale a qualsiasi altro prodotto stampato con quei colori (supponendo che la stampante faccia il lavoro correttamente).
Quando si lavora per la stampa, è consigliabile calibrare i monitor in modo che ciò che si sta visualizzando sia il più fedele possibile alla stampa effettiva. Personalmente ero senza speranza. Tenevo per sempre i campioni di Pantone sul mio schermo pensando "sto davvero usando il tono giusto qui ?!"
In termini di web, non sono sicuro che sia così rilevante. Non ci ho pensato molto prima, perché non è possibile emulare esattamente come gli utenti vedono il tuo lavoro. In questi giorni, vado per impostazione predefinita, calibrazione pronta all'uso.
Non sono sicuro che tu possa Devi accettare che gli utenti hanno molte schermate diverse, dispositivi diversi e calibrazioni diverse. Ci sarà anche discrepanza tra schermi identici di un'età diversa. È un dato di fatto che la maggior parte degli utenti probabilmente non sperimenterà il tuo lavoro esattamente nel modo desiderato. Scegli la modalità media: la maggior parte delle persone utilizza i propri dispositivi non appena escono dallo scaffale.
Lo standard Pantone funziona perché il settore della stampa lo ha ampiamente adottato e i professionisti mantengono costantemente i loro dispositivi per garantire la calibrazione. Ma lo stesso non può (e non dovrebbe) essere previsto dalla maggior parte degli utenti web; alcuni dispositivi potrebbero non essere mai stati calibrati affatto. Questo è il punto in cui l'argomento "dirty window to Internet" è più valido: il problema del tuo sito che non viene visualizzato correttamente su un display è generalmente un problema maggiore con il display stesso.
Se hai tempo e risorse per calibrare il tuo dispositivo, o se avere una tavolozza di colori ampia è essenziale per il tuo lavoro, allora dovresti calibrare il monitor. Tuttavia, nella maggior parte dei casi, la calibrazione del colore diventa un non-problema una volta che un designer ha fatto i conti con il fatto che non esiste uno standard output sul web come se fosse stampato. Invece, il forte contrasto cromatico e l'accessibilità sono fattori molto più importanti che devono essere considerati nel web design.
È stato un piacere scrivere questo articolo e spero che a tutti piaccia leggerlo quanto mi è piaciuto scriverlo! Come sempre, il feedback è molto apprezzato.
Accentsconagua