El color en la web. Elección de la paleta para un sitio web

Es necesario escoger colores acordes con los que lleva el logotipo de la página. En este capítulo vamos a ver relaciones posibles para conseguir la funcionalidad esperada.

09/8/04 - A la hora construir una página lo primero que tenemos que tener claro es la gama de colores que vamos a emplear en sus distintas partes, y para ello debemos comenzar siempre con seleccionar un color o colores base, que será el que de un espíritu propio a nuestro sitio.

Es importante la elección de esta gama, que, por regla general, será conveniente mantener en todas las páginas del sitio, logrando con ello establecer una identidad propia y una continuidad entre todas las páginas que lo forman.

Si tenemos elegido o impuesto un logotipo, sus colores van a ser los que marquen la guía para el resto de la página, trabajando en las diferentes partes de la página con los degradados claros y oscuros de estos colores base.

De ser necesaria la introducción de otros colores (uno o dos), tendremos que elegir estos de forma que sean equilibrados con los del logotipo y trabajen juntos en buena armonía.

Es conveniente que nos basemos en una de las gamas de colores estudiadas en el capítulo anterior (monocromáticas, análogos, tríadas, etc.), sobre todo si no tenemos gran experiencia en el diseño con colores, y que apliquemos los conceptos ya estudiados (jerarquía visual, escala, contrastes, etc.).

Como ejemplos, podemos considerar las siguientes paletas genéricas:

Además, podemos seguir una serie de reglas generales que nos orientarán:

- Los colores primarios, puros, brillantes, son demasiado comunes, por lo que dan muy poca información al ojo. Por esto no conviene basarse nunca en ellos para construir nuestras páginas.

- El color de los enlaces conviene que sea el azul estándar del navegador o al menos permanecer subrayados y con un color bien diferenciado de los del resto de elementos textuales de la página.

- Páginas destinadas a un público general deben estar basadas en combinaciones blanco-negro- color logotipo, 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. Es fundamental en estas páginas dar a las páginas la identidad corporativa de la empresa u organización que representan.

- Páginas orientadas a un público joven pueden adoptar 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 Flash de tonos vistosos.

- Páginas destinadas a un público adulto deben 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 caso a el típico estándar de fondo blanco y letras negras o gris oscuro.

- Páginas de empresa o de instituciones deben estar diseñadas de acuerdo con los colores corporativos de la misma, incluyendo siempre el logotipo.

- Páginas divulgativas, como manuales y artículos, deben presentar el texto de forma que destaque adecuadamente sobre el fondo, sin usar colores chillones que cansen la vista, ya que el objetivo fundamental de estas páginas es ser leídas. Consejo: fondo claro y letras oscuras, que destaquen muy bien.

- Páginas exóticas y a la vez elegantes se pueden obtener con fondo negro o color muy oscuro y letras y/o motivos dorados, blancos o púrpuras-rojos.

- Páginas destinadas a ser impresas por el usuario final no deben emplear colores oscuros como fondo, ya que obligaría a dar colores claros a los textos para que se pudieran visualizar. Si se hace así y el usuario no tiene activada la opción de imprimir los colores de fondo, no verá nada en la página impresa, y si la tiene activada, gastará mucha tinta, obteniendo de todas formas un mal resultado. Consejo: fondos blancos o muy claros, con textos oscuros, o versión especial para impresión con estos colores.

Estas consideraciones generales pueden ayudarnos a manejar correctamente los colores en nuestras páginas web. Pero, como siempre, la practica es lo que manda, y afortunadamente podemos navegar y navegar por Internet, visualizando páginas del tipo concreto que queremos diseñar para aprender y ver cómo han resuelto el diseño unos y otros autores.

+ 1 manual relacionado
+ 1 categoria relacionada
+ 1 comentario no revisado

Autoría, licencia y acciones sobre este artículo

Informe de Luciano Moreno* Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabillidad y diseño centrado en el usuario. URL: http://www.htmlweb.net/ Atención: Contenido exclusivo de DesarrolloWeb.com y HTMLWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo. Versión imprimible del artículo Enviar artículo por e-mail Publicar un comentario del artículo

+ Entrar en Guias de diseño

Comentarios sin revisar

Añadir un comentario del artículo Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

 Se ha encontrado un comentario sin revisar

Ver los comentarios no revisados

Añadir un comentario del artículo

Enlaces:

Maestrosdelweb

  Ir arriba