Share
Los monitores de calibración de color son un problema que ha existido en la comunidad de diseño durante décadas. Pero un debate reciente en Twitter entre Amy Hoy, Peter Cooper, Thomas Fuchs y Thijs van der Vossen sobre el tema planteó una pregunta crucial: ¿es necesario calibrar el color en el diseño web??
Miniatura: Graffiti colorido, disponible en Photodune
La calibración del color comenzó en los días de diseño de impresión, y sigue siendo 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 garantizar una selección de color adecuada. Aquí es donde Pantone entra en juego, ya que proporcionan un estándar de la industria para la salida de color. Si sus pantallas e impresoras están calibradas según el estándar Pantone, entonces la salida de color (debería) debe ser precisa entre los dos.
Configuración de calibración del monitor OSX A medida que más diseñadores de impresión migran, la cuestión de la salida de color estandarizada se vuelve más prominente. ¿Se adhieren todos los monitores a algún estándar similar al estándar de Pantone? ¿Debemos calibrar nuestras pantallas para cumplir con las calificaciones 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 del dispositivo; Lo que enlaza con el tema de la calibración..
El mayor factor que los partidarios del principio sacan a la luz es la importancia de las normas. Intentamos 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 color)??
Chris Coyier formuló la pregunta a los lectores de CSS Tricks recientemente, con una serie de excelentes respuestas en los comentarios. Sin embargo, siento que el mejor argumento para calibrar dispositivos fue presentado por Shane Parker:
No entiendo cómo esto es incluso una pregunta? Por supuesto, debe calibrar su monitor utilizando estándares conocidos a través de un dispositivo de calibración de hardware. ¿La mayoría de las personas que visitan su sitio también tendrán un monitor calibrado? Por supuesto no. PERO, no es como todos los monitores sin calibrar se ven de la misma manera. Los monitores sin calibrar están por todos lados con respecto al color, ¡y esa es la razón principal por la que debes calibrar! Al menos sabrá que está calibrado para corregir el color, de modo que aquellos que están calibrados (o están usando monitores que no están horriblemente descalibrados desde el principio) verán los colores que deseaba que vieran..
Basura en = basura fuera. Si comienzas con la basura, es más probable que acabes con la basura. Como profesionales, la calibración de monitores es uno de los primeros pasos para configurar un entorno de diseño (soy un desarrollador web y un fotógrafo, por lo que es aún más importante para mí estar calibrado).
Estoy de acuerdo con su argumento: debes esforzarte por estar en la mitad del espectro para reducir el desplazamiento de los dispositivos de tu audiencia. Si su monitor está torcido involuntariamente en una dirección, los resultados serán aún más escalonados en un dispositivo con una calibración diferente. Al menos cuando sus dispositivos estén calibrados para el medio, la salida será "menos incorrecta".
La gran mayoría de los diseñadores parecen estar de acuerdo con su declaración también. Los argumentos en contra de la calibración del color en el diseño web no son una advertencia a la práctica, sino que afirman que existen mayores problemas que la tonalidad del color..
El debate sobre la calibración del color no se puede definir simplemente como una situación de "sí / no", porque se trata de una cuestión de prioridades. Quienes argumentan en contra de la calibración notan la importancia del contraste sobre la tonalidad de color adecuada en el diseño web.
En cierto sentido, si sabe que su pantalla es adecuada y está "razonablemente calibrada", entonces no debe preocuparse por lograr una verdadera calibración de color. En su lugar, concéntrese en la accesibilidad y coloque colores precisos y precisos como una preocupación secundaria. Los diseños están destinados a ser fácilmente legibles y accesibles. Al centrarse en la tonalidad del color con equipos costosos y de nivel profesional, las prioridades del diseñador se cambian de tal manera que el usuario termina sufriendo. Si bien se puede argumentar que elegir el tono incorrecto de un color puede cambiar la reacción del usuario a un diseño, hay dos argumentos mayores que tienen prioridad:
La accesibilidad siempre debe estar a la vanguardia del diseño del sitio, y centrarse en las paletas de colores basadas en los cambios tonales sutiles no se ajusta a este ideal. Se pueden ver numerosos ejemplos en Contrast Rebellion, y se ha discutido muchas veces en este sitio..
Este duele especialmente porque amo todo lo demás sobre Reeder.. Pude entrevistar a Patrick Kovacich, un diseñador de interfaz de usuario y experiencia 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 dar detalles sobre el tema. variabilidad de la salida del dispositivo:
Se necesita cierto nivel de genio y locura para llegar a ideas como esta.. Comencé con el diseño de impresión antes de que la web fuera mucho más que un uso académico (mediados de los 90), por lo que tengo mucha experiencia allí. Incluso después de pasar al diseño web y al diseño de la interfaz de usuario de la aplicación nativa, he seguido muchos proyectos de impresión en el lateral. Trabajo principalmente en la web / pantalla, y el trabajo de impresión es la gran minoría.
Visualmente, Adobe Fireworks y Adobe Illustrator. Si estoy haciendo un trabajo en la Web en el que los elementos visuales están realmente representados por el navegador, usaré un editor de texto plano o Dreamweaver.
Principalmente MacOSX 10.6, pantalla MacBook Pro de 17 pulgadas (mate). Utilizo una máquina con Windows 7 aproximadamente el 25% del tiempo, con un monitor Acer de 20 pulgadas y una tableta Wacom Graphire para un trabajo más artístico. La mayoría del trabajo de diseño que hago no es usar una tableta, sin embargo.
No. La gran mayoría de mi trabajo es consumido por personas que no calibran su monitor, por lo que me preocupo por no confiar en los detalles de contraste que solo funcionarán en una pantalla de cine perfectamente calibrada o en un panel de plasma de alta relación de contraste..
Mi público objetivo varía desde las pantallas iMac todo en uno a las computadoras portátiles XP controladas por paneles LCD muy económicos, por lo que mi valor no es el hecho de adherirme a un perfil de color establecido y calibrar rigurosamente mi pantalla de la forma en que lo hace. por mis imprentas. Encuentro que ver pruebas y compartir perfiles de color resuelve muy fácilmente cualquier problema que haya tenido al trabajar con ellos.
Tiendo a voltear los perfiles de color para probar A / B diferentes configuraciones y, lo que es más crítico, diferentes brillos / inclinaciones de LCD. A medida que más y más de mi audiencia pasa a las pantallas LCD de las computadoras portátiles y a los dispositivos móviles, algunos de los cuales tienen ángulos de visión muy estrechos, la posición de la bisagra de una computadora portátil o la posición de un dispositivo móvil pueden alterar el 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 el entorno de trabajo en el que se encuentre mi público, y es más útil que suponer que todos se ajustarán a mis condiciones de diseño idílicas..
Como dije, en el trabajo de impresión hay muchas herramientas para "traducir" y verificar que estamos en la misma página con el resultado final, y las imprentas generalmente son capaces de hablar un lenguaje de diseño superior conmigo para obtener un resultado mutuamente satisfactorio. No tengo el lujo de exigir que mi audiencia en pantalla pase por esto, por lo que no me preocupo demasiado por tener mis pantallas sintonizadas a un estándar que no tiene significado para ellas.
Ian Yates (nuestro editor aquí en Webdesigntuts + para los recién llegados) fue lo suficientemente amable como para expresar sus ideas sobre el tema, lo que creo que es esencial para la discusión dado su trasfondo de impresión:
En estos días trabajo principalmente en diseño web, aunque mi primer trabajo en diseño fue en una pequeña agencia de publicidad en Rotterdam y, definitivamente, más sesgo de 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 de impresión y en la ilustración, me siento más cómodo con los vectores. Siéntate detrás de Adobe Illustrator y soy un tío feliz. Photoshop me mantiene ocupado en lo que respecta al diseño web, lo cual es extraño, ya que se podría esperar que Fireworks haya sido un hogar más lógico. Aunque siempre empiezo con lápiz y papel, parece que no puedo deshacerme de ese hábito :)
Tengo un Mac Pro de cuatro núcleos con dos pantallas Dell de 22 "(que tienen un gran valor). El Mac tiene solo un par de años y fue la actualización lógica de mi vieja Power PC, aunque si hubiera esperado, podría Bueno, en cambio, he optado por un iMac masivo. Una tableta Wacom bonita y gorda ocupa un lugar destacado en mi lista de deseos, pero siempre parece haber algo más sensato para gastar mis centavos tan duramente ganados.
Cuando estaba ocupado con la impresión, gran parte de mi trabajo giraba en torno a la identidad: logotipos, papel con membrete, papelería, stands de exposición, materiales promocionales, etc., y eso implicaba una gran cantidad de cuidadosos trabajos de color. Un paquete de identidad visual correctamente diseñado incluye una paleta específica de Pantone, a menudo bastante restringida, ya que más colores aumentan los costos de impresión. Trabajar con colores Pantone en sus documentos (en lugar de CMYK, por ejemplo) significa que el resultado impreso es un certificado muerto; se verá exactamente igual que cualquier otro producto impreso con esos colores (suponiendo que la impresora haga el trabajo correctamente).
Cuando trabaje para imprimir, es recomendable calibrar sus monitores para que lo que está viendo sea lo más fiel posible a la salida impresa real. Personalmente no tenía remedio en ello. Siempre estuve sosteniendo las muestras de Pantone en mi pantalla pensando "¿Realmente estoy usando el tono correcto aquí?"
En cuanto a la web, no estoy seguro de que sea tan relevante. Realmente no lo he pensado mucho antes, porque no hay manera de que puedas emular con precisión cómo los usuarios ven tu trabajo. En estos días, voy por la calibración predeterminada, fuera de la caja..
No estoy seguro de que puedas. Debe aceptar que los usuarios tienen muchas pantallas diferentes, dispositivos diferentes y calibraciones diferentes. Incluso habrá discrepancia entre pantallas idénticas de una edad diferente. Es un hecho que la mayoría de los usuarios probablemente no experimentarán su trabajo exactamente de la manera que pretendía. Elija el modo promedio: la mayoría de la gente usará sus dispositivos cuando salgan del estante.
El estándar de Pantone funciona porque la industria de la impresión lo adoptó ampliamente y los profesionales mantienen constantemente sus dispositivos para garantizar la calibración. Pero lo mismo no puede (y no debe) esperarse de la mayoría de los usuarios de la web; Es posible que algunos dispositivos nunca hayan sido calibrados. Aquí es donde el argumento de "ventana sucia a Internet" es más válido: el problema de que su sitio no se muestre correctamente en una pantalla es generalmente un problema mayor con la pantalla en sí..
Si tiene el tiempo y los recursos para calibrar su dispositivo, o si tener una amplia paleta de colores es esencial para su trabajo, debe calibrar su monitor. Sin embargo, en la mayoría de los casos, la calibración del color se convierte en un problema cuando el diseñador acepta el hecho de que no hay una salida estándar en la web como la que se imprime. 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, los comentarios son muy apreciados..
Accentsconagua