¿Es necesaria la calibración del color en el diseño web?

La calibración de los monitores de color es un tema que ha existido en la comunidad de diseño durante décadas. Pero un reciente debate en Twitter entre Amy Hoy, Peter Cooper, Thomas Fuchs y Thijs van der Vossen sobre el tema planteó una pregunta crucial: ¿es necesaria la calibración del color en el diseño web?

En miniatura: Graffiti de colores, disponible en Photodune

¿Cuál es el precedente del debate?

La calibración del color comenzó en los días del diseño de impresión, y todavía es un tema muy importante para muchos diseñadores que trabajan en el medio. Dada la variabilidad de la salida de color en las pantallas, combinada con las diferencias en las impresoras, los diseñadores tienen que calibrar sus monitores y perfiles de color dentro del sistema operativo para que coincidan con un estándar a fin de asegurar una selección de color adecuada. Aquí es donde entra en juego Pantone, ya que proporcionan un estándar industrial para la salida de color. Si tus monitores e impresoras están calibrados con el estándar Pantone, entonces la salida de color (debería) ser precisa entre los dos.

Ajustes de calibración del monitor OSX

A medida que más diseñadores de imprenta migran, la cuestión de la estandarización de la producción de color se hace más prominente. ¿Todos los monitores se adhieren a algún estándar similar al estándar Pantone? ¿Deberíamos calibrar nuestras pantallas para cumplir con las cualificaciones de este estándar?

Afortunadamente, Microsoft y HP ayudaron a establecer el espacio de color sRGB, que se ha adoptado en la mayoría de los dispositivos de nivel de consumidor y está respaldado por el W3C. Sin embargo, hay mucha variabilidad en la salida de los dispositivos; lo que se relaciona con el tema de la calibración.

El argumento a favor de la calibración

El mayor factor que los partidarios del principio sacan a la luz es la importancia de las normas. Tratamos de estandarizar todo (tanto como diseñadores como desarrolladores), así que ¿por qué no debería estandarizarse también parte de nuestro proceso de diseño (selección de colores)?

Chris Coyier planteó la pregunta a los lectores de CSS Tricks recientemente, con una serie de excelentes respuestas en los comentarios. Sin embargo, creo que el mejor argumento para calibrar los dispositivos fue presentado por Shane Parker:

No entiendo cómo es que esto es siquiera una pregunta. Por supuesto que deberías calibrar tu monitor usando estándares conocidos a través de un dispositivo de calibración de hardware. ¿La mayoría de las personas que visitan tu sitio web también tendrán un monitor calibrado? Por supuesto que no. PERO no es que todos los monitores no calibrados se vean de la misma manera. Los monitores no calibrados están por todas partes con respecto al color, ¡y esa es la mayor razón por la que deberías calibrarlo! Al menos sabrás que estás calibrado para corregir el color, de modo que los que están calibrados (o están usando monitores que no están horriblemente desajustados en la calibración desde el principio) verán los colores que querías que vieran.

Basura que entra = basura que sale. Si empiezas con basura, es más probable que termines con basura. Como profesionales, la calibración de los monitores es uno de los primeros pasos en la creación de un entorno de diseño (soy un desarrollador web y fotógrafo, así que es aún más importante para mí mantenerme calibrado).

Estoy de acuerdo con su argumento: debes esforzarte en estar en la mitad del espectro para reducir el desajuste de los dispositivos de tu audiencia. Si tu monitor está involuntariamente inclinado en una dirección, entonces los resultados van a ser aún más escalonados en un dispositivo con una calibración diferente. Al menos cuando tus dispositivos estén calibrados para la mitad, la salida será "menos errónea".

La gran mayoría de los diseñadores parecen estar de acuerdo con su afirmación también. Los argumentos en contra de la calibración del color en el diseño web no amonestan la práctica, sino que afirman que hay cuestiones más importantes que la tonalidad del color.

El argumento contra la calibración
(Más bien, el argumento para el contraste)

El debate sobre la calibración del color no puede definirse simplemente como una situación "sí/no", porque se reduce a una cuestión de prioridades. Los que argumentan en contra de la calibración señalan la importancia del contraste sobre la tonalidad de color adecuada en el diseño de la web.

En cierto sentido, si sabes que tu pantalla es adecuada y "razonablemente calibrada", entonces no debes preocuparte por lograr una verdadera calibración del color. En su lugar, concéntrate en la accesibilidad y pon los colores precisos y exactos como una preocupación secundaria. Los diseños están pensados para ser fácilmente legibles y accesibles. Al centrarte en la tonalidad del color con equipos caros y de calidad profesional, las prioridades del diseñador se desplazan de tal manera que el usuario termina sufriendo. Aunque se puede argumentar que la elección de una tonalidad de color equivocada puede cambiar la reacción del usuario a un diseño, hay dos argumentos más importantes que tienen precedente:

• Las personas con malas presentaciones están acostumbradas a que las cosas sean "incorrectas", porque ese es el entorno en el que trabajan. (Que Aaron Silber explica muy bien).
• Con un enfoque artístico, puedes terminar con una paleta de bajo contraste que realmente perjudica tu diseño al ejecutarlo.

La accesibilidad debe estar siempre a la vanguardia del diseño del sitio, y centrarte en las paletas de color basadas en sutiles cambios de tono no suele encajar en este ideal. Numerosos ejemplos pueden ser vistos en Contrast Rebellion (Rebelión de contraste), y ha sido discutido muchas veces en este sitio.

Este me duele especialmente porque amo todo lo demás de Reeder.

Entrevista con Patrick Kovacich
Diseñador de UI + UX

Pude entrevistar a Patrick Kovacich, un diseñador de interfaz y de experiencia de usuario que también tiene mucha experiencia con la impresión (por no mencionar algunos de los diseños de camisetas más geniales que he visto) sobre el tema, y él pudo elaborar sobre la variabilidad de la salida del dispositivo:

Se necesita un cierto nivel de genio y locura para llegar a ideas como esta.

Empecé en la maquetación de impresos antes de que la web se utilizara mucho más que en el ámbito académico (mediados de los 90), por lo que tengo mucha experiencia en este campo. Incluso después de pasar al diseño web y al diseño de la interfaz de usuario de aplicaciones nativas, he continuado con muchos proyectos de impresión. Trabajo principalmente en la web/pantalla, y el trabajo impreso es la gran minoría.

Visualmente, Adobe Fireworks y Adobe Illustrator. Si hago trabajos web en los que los visuales se renderizan en el navegador, utilizaré un editor de texto plano o Dreamweaver.

Principalmente MacOSX 10.6, pantalla Macbook pro de 17 pulgadas (mate). Utilizo una máquina Windows 7 alrededor del 25% del tiempo, con un monitor Acer de 20 pulgadas y una tableta Wacom Graphire para algunos trabajos artísticos más. Sin embargo, la mayoría del trabajo de diseño que hago no es usar una tableta.

No. La gran mayoría de mi trabajo lo consumen personas que no calibran su monitor, por lo que tengo un cuidado deliberado de no depender de detalles de contraste que solo funcionarán en una pantalla de cine perfectamente calibrada o en un panel de plasma de alto contraste.

Mi público objetivo varía desde las pantallas del iMac todo en uno hasta los portátiles XP manejados por paneles LCD muy baratos, por lo que el valor que tiene para mí adherirse a un perfil de color establecido y calibrar rigurosamente mi pantalla no lo comparte mi público como lo hacen mis imprentas. Encuentro que ver las pruebas y compartir los perfiles de color resuelve muy fácilmente cualquier problema que haya tenido al trabajar con ellos.

Tiendo a cambiar los perfiles de color para probar diferentes configuraciones A/B, y lo más importante, diferentes brillos e inclinaciones del LCD. A medida que más y más de mi audiencia se mueve a las pantallas LCD de las computadoras portátiles y dispositivos móviles, algunos de los cuales tienen ángulos de visión muy estrechos, la posición de bisagra de una computadora portátil o la posición de un dispositivo móvil puede realmente alterar un color percibido. Este tipo de experimentación en el mundo real me permite asegurarme de que las partes críticas de los diseños funcionen independientemente del dispositivo y del entorno de trabajo en el que se encuentre mi público, y es más útil que asumir que todos se adherirán a mis idílicas condiciones de diseño.

Como dije, en el trabajo de impresión hay amplias herramientas para "traducir" y verificar que estamos en la misma página con el resultado final, y las imprentas son generalmente capaces de hablar un lenguaje de diseño superior conmigo para llegar a un resultado mutuamente satisfactorio. No me puedo permitir el lujo de exigir a mi público en pantalla que pase por esto, y por lo tanto no me preocupo demasiado por tener mis pantallas ajustadas a un estándar que no tiene sentido para ellos.

Entrevista con Ian Yates
Editor de Webdesigntuts+ 

Ian Yates (nuestro editor aquí en Webdesigntuts+ para los recién llegados) tuvo la amabilidad de proporcionar sus opiniones sobre el tema, que creo que son esenciales para la discusión, dado su gran experiencia en la impresión:

Hoy en día trabajo principalmente en diseño web, aunque mi primer trabajo dentro del diseño fue en una pequeña agencia de publicidad en Rótterdam y definitivamente más orientado a la impresión. Me he centrado en la web durante los últimos cinco años más o menos.

Debido a que mis raíces están en el diseño gráfico y la ilustración, me siento más cómodo con los vectores. Siéntenme detrás de Adobe Illustrator y seré un tipo feliz. Photoshop me mantiene más ocupado en lo que respecta al diseño web, lo cual es extraño, ya que esperas que Fireworks haya sido un hogar más lógico. Sin embargo, siempre empiezo con lápiz y papel. No puedo dejar de lado ese hábito :)

Tengo un Mac Pro de cuatro núcleos con dos pantallas Dell de 22" (que son de gran valor). El Mac solo tiene un par de años y era la actualización lógica de mi antiguo PC potente, aunque si hubiera esperado podría haber optado por un iMac masivo en su lugar. Una linda y gorda tableta Wacom es una de mis prioridades, pero siempre parece haber algo más sensato en lo que gastar mis duramente ganados centavos.

Cuando me ocupaba de la impresión, gran parte de mi trabajo giraba en torno a la identidad: logotipos, papel con membrete, papelería, stands de exposiciones, material promocional, etc., y eso implicaba mucho trabajo cuidadoso con el color. Un paquete de identidad visual bien diseñado incluye una paleta específica de Pantone, a menudo bastante restringida, ya que más colores hacen que los costos de impresión sean más altos. Trabajar con colores Pantone en los documentos (en lugar de CMYK, por ejemplo) significa que el resultado impreso es un punto muerto; tendrá exactamente el mismo aspecto que cualquier otro producto impreso con esos colores (suponiendo que la impresora haga el trabajo correctamente).

Cuando se trabaja para la impresión, es aconsejable calibrar los monitores para que lo que se ve sea lo más fiel posible a la salida impresa real. Personalmente no tenía esperanzas en ello. Siempre estaba sosteniendo muestras de Pantone en mi pantalla pensando "¡¿Estoy usando el tono correcto aquí?!"

En términos de la web, no estoy seguro de que sea tan relevante. No lo he pensado mucho antes, porque no hay forma de que puedas emular precisamente cómo los usuarios ven tu trabajo. En estos días, opto por una calibración por defecto, fuera de la caja.

No estoy seguro de que puedas. Tienes que aceptar que los usuarios tienen muchas pantallas diferentes, diferentes dispositivos y diferentes calibraciones. Incluso habrá discrepancias entre pantallas idénticas de diferente edad. Es un hecho que la mayoría de los usuarios probablemente no experimentarán tu trabajo exactamente de la manera que deseas. Opta por el modo promedio, la mayoría de la gente usará sus dispositivos como salgan de la caja.

Conclusión

El estándar Pantone funciona porque la industria de la impresión lo adoptó ampliamente, y los profesionales mantienen constantemente sus dispositivos para asegurar la calibración. Pero no se puede (y no se debe) esperar lo mismo de la mayoría de los usuarios de la web; es posible que algunos dispositivos nunca hayan sido calibrados en absoluto. Aquí es donde el argumento de la "ventana sucia a la Internet" es más válido: el problema de que tu sitio no se muestre correctamente en una pantalla es generalmente un problema que tiene que ver más con la propia pantalla.

Si tienes el tiempo y los recursos para calibrar tu dispositivo, o si tener una amplia paleta de colores es esencial para tu trabajo, entonces deberías calibrar tu monitor. Sin embargo, en la mayoría de los casos, la calibración del color no es un problema una vez que el diseñador acepta el hecho de que no hay una salida estándar en la web como la que hay en la impresión. En cambio, el fuerte contraste de color y la accesibilidad son factores mucho más importantes que deben considerarse en el diseño web.

¡Ha sido un placer escribir este artículo, y espero que todos disfruten leyéndolo tanto como yo disfruté escribiéndolo! Como siempre, la retroalimentación es muy apreciada.