10. Cuidarás la calidad de color.

La publicación electrónica libera de costes y limitaciones en la reproducción del color que tiene el papel pero no te libera de las diferencias que existe entre las plataformas, navegadores, pantallas y ancho de banda. Todos los elementos que se manejan en la Web deben tener colores RGB con la paleta Web-safe para que tenga una visualización estándar en Internet, no es seguro usar otros colores como son los CMYK, HSB, HSL, CIE, YIQ, YUV, YCC entre otros que existen en los medios digitales. Otra opción es incluir imágenes o fotografías con escalas de grises de 16 tonos ya que normalmente se ven bien y funcionan en casos concretos.

Para conseguir una buena impresión, las imágenes de RGB deben pasarse a CMYK por lo que los navegadores no resultan ser aplicaciones ideales de donde imprimir páginas Web, así que la mejor solución es convertir un sitio Web completo a un formato especial para hacerlo imprimible.

Para pasar una imagen paleta segura es aconsejable que esté antes en RGB primero, luego indexamos el color ya sea para Web o exacta y después volverla a convertir en RGB, lo indexamos de nuevo, finalmente podrás apreciar el número exacto de colores.

Si encuentras un color ideal identifícalo primero en un programa de edición de imágenes en RGB para tener la clave hexadecimal.

9. Diseñarás con el color.

El color no es una simple decoración, sino parte de la comunicación visual, ya que existe un tiempo relativamente corto para llamar el interés del quien mira. Lo primero que capta la vista es el color, después el dibujo, seguido de el significado  de cualquier frase o símbolo, si el usuario no encuentra lo que quiere en cinco o seis segundos se irá a otro lado.

El diseño creativo es más un arte que una ciencia, pues  se intenta influir en la respuesta del cliente, pero sería un desacierto ignorar los estudios de mercado y psicológicos del color, los colores más fáciles de recordar son los que más fácilmente podemos identificar por su saturación o familiaridad, cuando la combinación es limitada es más fácil recordarlo.

Los colores así como los elementos de diseño deben de tener equilibrio (los colores brillantes pesan menos que los opacos), contraste (es necesario para la legibilidad o sea el fondo no debe interferir con el contenido), proporción, ritmo (Al tener color un fondo se está iluminando muchos puntos a la vez.) , armonía  ( los colores complementarios no son armoniosos) y movimiento.

El color tiene un alto valor en la memoria, si predomina un color ayuda a los usuarios a recordar lo que vieron.

8. Aplicarás los colores según tu tipo de usuario.

La elección de un color para un sitio Web es infinito y libre pero existe ciertas tendencias que de conocerlas nos puede ser útil.

-Las destinadas a un público general deben estar basadas en colores más bien neutros, que puedan gustar a la mayoría, como colores secundarios o terciarios en tonos pastel, o en una bien estudiada gama de grises, con bajos contrastes entre fondo y contenido.

-Los sitios orientados a un público infantil o juvenil pueden venir en colores vivos, primarios, con altos contrastes entre fondo y contenido, o bien con fondos oscuros y textos claros, con la inclusión de pequeñas animaciones en tonos vistosos.

-Si están destinadas a un público adulto suelen estar diseñadas con colores serios, elegantes, fríos, sin altos contrastes de tono, en colores neutros, incluso tirando a grises. Siempre podemos recurrir en este el típico estándar de fondo blanco y letras negras o gris oscuro.

-Si son sitios corporativos, de empresa, o de instituciones deben estar diseñadas de acuerdo con los colores identificativos de la misma, incluyendo siempre el logotipo de la empresa.

-Las páginas divulgativas, como manuales y artículos, deben tener especial cuidado en que el texto destaque adecuadamente sobre el fondo, sin usar colores chillones que cansen la vista, ya que el objetivo fundamental es que deben ser leídas, a pesar de la gran cantidad de texto que pueden incluir.

-Si se debe contar con un ambiente exótico, nocturnos y a la vez elegante se puede obtener con fondo negro o color muy oscuro y letras doradas, blancas o púrpuras-rojos.

-No todas las personas ven los colores de la misma forma, ya que las hay que sólo pueden ver bien la gama azul / naranja, otras la roja / verde y otras degenera a la gama blanco / negro.

7. Permitirás el descanso de la vista.

Un color puro y brillante  aplicado en una gran extensión de la página suele resultar irritante y cansado, mientras que ese mismo color, usado en pequeñas proporciones y sobre un fondo apagado puede crear sensación de dinamismo. Si combinamos dos colores claros brillantes impactan en nuestra vista, produciendo un efecto de rechazo, mientras que si esos dos mismos colores los situamos uno dentro del otro el efecto cambia por completo, resultando agradable. Si utilizamos colores primarios, puros, brillantes resultan demasiado comunes, por lo que dan muy poca información al ojo por lo que no conviene basarse en ellos para construir nuestras páginas.

Un mismo color puede cambiar mucho su aspecto visual dependiendo del color en el que se encuentre envuelto, este cambio de apariencia depende de la luz incidente sobre él, de material de que esta formado o del diferente color que le sirva de fondo recibe el nombre de Metamerismo.  Por ejemplo: dos cuadrados, uno de color de fondo azul, y otro negro, ambos con un cuadrado amarillo dentro. Los dos cuadrados interiores son del mismo amarillo, pero parecen diferentes: en fondo azul se enmascara la pureza del amarillo, mientras que en fondo negro el amarillo muestra toda su pureza y frescura.

6. No afectarás la lectura.

Cuando las letras son negras el color de fondo gris o blanco ofrecen una máxima legibilidad, el amarillo hace que se vuelva mucho más visible pero afecta la legibilidad en textos extensos al ser altamente contrastantes, lo mejor es utilizarlo para textos no muy extensos y controlar la fuerza del tono. Los que más funcionan son  los apagados y poco saturados (para la legibilidad), como los pastel, grises y tonos tierra muy claros. Así mismo logramos una mejor legibilidad, pues en general entre más pequeño sea el tipo, más claro deberá ser el fondo.

En cambio cuando utilizamos un texto blanco o muy claro debemos contar con una base lo suficientemente oscura  para que no parezca una página aparentemente vacía, así mismo se preserva la legibilidad. Lo mejor es evitar tonos menores al 40 por ciento.

Los gradientes a veces dan un buen aspecto pero no debemos utilizarlos como fondo para texto a menos de que exista suficiente contraste para que se lea de manera nítida.

5. Cuidarás el tono del fondo.

Un color de fondo bien seleccionado nos permite incrementar la legibilidad de las páginas, para completar el material gráfico y para señalar cambios de contexto entre los diferentes sitios. Podemos utilizar colores tenues como los que encontramos en la naturaleza para el fondo y elementos secundarios, excepto en zonas que requieran un énfasis especial, la moderación es buena para evitar contar con fondos chillones y escandalosos.

La posibilidad de cambiar el color de fondo a gusto del usuario puede ser un recurso interesante pero procura no perder con ello una identidad.

4. Verificarás el resultado de la impresión.

Nunca está de más verificar cómo queda impresa nuestra página en blanco y negro pues así se imprimen la mayoría de los sitios Web y puede que algunos contrastes a color sean muy efectivos pero al pasarlos a blanco y negro se pierden las diferencias como sucede con el rojo y negro.

Si queremos que nuestras páginas las pueda imprimir el usuario, cuidado con emplear colores muy oscuros como fondo, ya que esto nos obligaría a dar colores claros a los textos, para que se pudieran visualizar, con este planteamiento, así si el usuario quiere imprimir la página va a tener problemas por todos lados ya que si no tiene activada la opción de imprimir los colores de fondo no verá nada en la impresión, y si la tiene activada gastará el cartucho de tinta de la impresora, obteniendo de todas formas un mal resultado. Lo mejor es crear siempre una versión especial para ser impresa.

No todos los colores de la pantalla se pueden imprimir como el amarillo limón, los colores neón y los metálicos usa colores seguros de ser posible.

3. Contrastarás los colores.

Los colores interactúan entre sí, por ello que debemos cerciorarnos de seleccionar un contraste adecuado a lo que queremos transmitir. Los mejores contrastes se obtienen con fondos claros y textos oscuros, o al revés, con fondos fríos y textos cálidos siempre que no sean análogos aunque siempre existe una excepción en la regla.

No es aconsejable aplicar contrastes cromáticos extremos en los sitios Web informativos, ya que dificultan la lectura y cansa la vista, pero se pueden usar para llamar la atención en lugares estratégicos como banners o páginas de inicio, pues hay un efecto que hace que un  color elimine al otro ópticamente e incluso puede a llegar a molestar en vez de atraer.

2. Planearás los colores a usar.

Hay una regla que indica que lo mejor es no utilizar un máximo de 7 colores al mismo tiempo a fin de que la información siga siendo atractiva y al mismo tiempo permitir que se capte rápidamente y mejor un mensaje, pues un carnaval de colores no siempre es la mejor opción para presentar un diseño, además de que la los colores deben ser sutiles y compatibles entre sí.

Conviene utilizar el color con moderación, de forma consistente y razonable, su uso se rige por la misma regla que la tipografía, los efectos y las animaciones: cuantos menos y más eficaces mejor.  También debemos crear una uniformidad entre las páginas que forman un sitio Web.

Casi siempre el color aparece de manera estática pero en algunos casos la tecnología nos permite hacerla cambiante de manera alternativa en un tiempo relativamente corto pero esto puede distraer la atención fuera del contenido o incluso ser molesta.

Finalmente tenemos que considerar que el mal uso de un color es peor que la total falta de este, pues puede repeler o confundir al usuario. Sobre todo hay que tener especial cuidado de que el texto sea fácilmente legible con los colores elegidos.

1. Conocerás los mensajes visuales del color.

Existe una variedad casi infinita de los colores que podemos utilizar en un medio como es el digital, así que por lo mismo debemos ser prudentes en el uso de los tonos a elegir. El tema del significado de cada color es muy extenso para ser tratado aquí, sin embargo existen muchas fuentes impresas o digitales que de manera confiable tratan el tema. Sin embargo cabe destacar que el uso correcto del color es cuando lo usamos para una función determinada, como por ejemplo destacar selectivamente las partes esenciales del mensaje o evocar una sensación determinada (alegría, frescor, seriedad, calidad…)

Los colores tienen significados diferentes en las distintas culturas, lo que debemos tener en cuenta a la hora de la selección, por ejemplo: El rosa en corea significa confianza y en Europa dulzura e inocencia o en china el blanco es el color de luto a diferencia que en las culturas occidentales, así que debemos conocer bien a nuestros usuarios antes de empezar a crear nuestra paleta de colores básicos.

La publicidad recurre mucho a la naturaleza y el subconsciente de los efectos del color, y aún así de todos modos debemos tener en cuenta de que haga lo que haga el diseñador Web nunca va a poder crear una página en la que los colores expresen lo mismo para todos sus usuarios. Aún así se puede y se debe conocer el poder psicológico de los colores para crear sensaciones en el usuario que queremos inspirar en la mayor parte de ellos. Uno de los fallos más comunes en el diseño Web es el no adecuar el color de una página al tipo de contenido que quiere mostrar y al tipo de usuario que va a contemplarla.