martes, 22 de marzo de 2016

Paleta de colores de nuestra página Web

Una vez  definido el logo corporativo, vamos a partir de él y vamos a crear la paleta de colores que vamos a utilizar posteriormente en nuestra web. Tenemos varias técnicas de uso de colores: Monocromático, Análogo, Complementario, Complementario abierto, Triadas y Tétradas.

Vamos a hacer uso en primer lugar de la herramienta de Adobe, Adobe Color que nos permitirá ver los colores presentes en nuestro logo y seleccionar una paleta de colores adecuada a nuestros requisitos.


Observamos que los colores predominantes en nuestro logo son distintas gamas de azul, tal y como habíamos definido en la creación del logo.

Vamos a pasar a definir la paleta de colores que usaremos en nuestra página Web. Vamos a usar una estrategia de colores complementaria, aunque el aspecto de nuestra Web en su mayoría va a ser monocromático, utilizando diversos tonos de azul y colores sobrios como negro o blanco, utilizaremos colores cálidos como el naranja para destacar contenidos. Podemos ver muestras de esto en diversas webs como IBM o HP:



La definición de la paleta de colores de nuestra web queda de la forma:



Podemos comprobar como varía una imagen que se ajuste a nuestra paleta de colores, como por ejemplo es el caso de nuestro logo, cuando variamos algunos parámetros como pueder ser la temperatura. Usaremos una herramienta online que nos permite jugar con estos parámetros como es Lunapic.

Temperatura fría:


Temperatura Caliente:



O por ejemplo a la exposición:

Oscuro:


Claro: 


Por último las texturas que usaremos en la página web pueden ir orientadas a actuar como fondo web, debido a que en nuestro logo hemos definido una textura mediante la herramienta "Líneas de Tv", nuestro fondo puede seguir el mismo patrón, un ejemplo de aplicación del mismo lo podemos observar a continuación: 







No hay comentarios:

Publicar un comentario