Diseño y desarrollo web

TEORÍA DEL COLOR Y SU APLICACIÓN EN DISEÑO WEBBASE TÉCNICA Y CONCEPTUAL DEL USO DEL COLOR EN DISEÑO WEB

La primera impresión lo es todo

- El color es el factor más importante para generar una primera impresión en el usuario.

- El color genera sensaciones y emociones, incluso recuerdos.

- Combinar colores no es un trabajo de azar, existen principios (teoría del color).

LA RUEDA DE COLORES Y COMBINACIONESFUNDAMENTO BÁSICO DE LA TEORÍA DEL COLOR

COLORES PRIMARIOS

- No se pueden obtener de la mezcla de ningún otro color.

- Son los que mezclados  darán lugar al resto de colores de la gama cromática.

- CMYK: rojo, amarillo y azul.- RBG: rojo, verde y Azul

COLORES SECUNDARIOS- Se obtienen por la mezcla

en partes iguales de dos colores primarios.

- La combinación de estos colores en diseño web generan una gran variedad de contrastes.

- Son: naranja, verde y violenta.

COLORES TERCIARIOS

- Se obtienen por la mezcla en partes iguales de un color primario y un secundario.

- Rojo-violeta, azul-verde, amarillo-verde, rojo-naranja y amarillo-naranja.

COLORES COMPLEMENTARIOS- Situados uno frente al

otro en la rueda de color.

- Generan un gran contraste, excelente para resaltar, enfatizar y desequilibrar.

COLORES ANÁLOGOS

- Situados uno justo al lado del otro en la rueda de color.

- Sensación de variedad sin llegar a la saturación.

TRÍADAS DE COLORES- Es un conjunto de tres

colores que están dispuestos uniformemente alrededor de la rueda de color.

- Variedad de colores, contrastados pero equilibrados.

COMPLEMENTARIOS DIVIDIDOS- Parten de tomar un

color y, en lugar de elegir su color complementario, usar los dos situados en a su lados.

- Crean un gran contraste con el principal y son cooperativos entre ellos mismos.

CUADRADO DE COLORES- Cuatro colores

uniformemente espaciados alrededor de la rueda de color. 

- Tener cuidado con el alto contraste.

- Funcionan muy bien con un color fuerte y versiones aclaradas de los otros tres.

DOBLE COMPLEMENTARIO(TETRÁDICA)

- Se selecciona dos opuestos en la rueda de color y a continuación seleccionamos otro color desplazándonos dos espacios en la rueda y más su color complementario.

ACLARADOS Y OSCURECIDOS

- Se obtienen añadiendo blanco (aclarado) o negro (oscurecido) a un color base.

- Permite la creación de esquemas monocromáticos muy variados.

CÁLIDOS Y FRIOS

- Llevan connotaciones de climas fríos, invierno, la muerte, la tristeza, el hielo, la noche y el agua.

- Asociados con la calma, la tranquilidad, la confianza, la limpieza. El morado está asociada con la realeza, ya que socialmente se supone que está reservado a ellos.

- Sensación de calidez en una imagen o un diseño.- El rojo es el color de la sangre (caliente), naranja y

amarillo están más relacionados con el verano.- La adición de un filtro anaranjado a una fotografía

hace que se vea más cálida y más alegre.

Principales colores usados en web

Rojo- El rojo es el color del amor y la pasión pero es también el

color de la ira y de la sangre.- Los colores rojo, naranja y amarillo se encuentran todos ellos

en el fuego.- Rojo también puede significar peligro, nos indica que debemos

tener cuidado, prestar mucha atención.- El rojo es dominante, y cuando se combina con colores como

el negro, puede crear un look muy masculino.- Botones y enlaces en rojo pueden ayudarte a generar un

mensaje de seriedad en el diseño de un sitio web. Aunque su uso excesivo puede resultar agresivo.

NARANJA

- El naranja representa el calor, pero no es tan agresivo como el rojo.

-  El naranja puede retratar un ambiente divertido porque es enérgico y crea una sensación de calor sin connotaciones de peligro y de sangre, como ocurre con el color rojo.

- El naranja puede estar asociada con la salud, como por ejemplo la vitamina C, que se encuentra comúnmente en las naranjas.

AMARILLO- El amarillo se asocia con el sol y el calor. Cuando se

utiliza junto con el naranja, se crea una sensación de diversión relacionada con el verano.

- El amarillo puede estar asociado con la sed, y se puede encontrar en las paredes de muchas tiendas de refrescos.

- Puede estar asociado con la cobardía, que proviene de la antigua expresión de alguien está “pálido y amarillo”.

- Cuando se combina con el negro, se puede generar gran cantidad de atención (taxi).

VERDE

- El verde es el color del dinero, por lo que en nuestra cultura se asocia con la riqueza.

- Como la mayoría de las plantas son de color verde, también se asocia con el crecimiento y la salud.

- Se utiliza para mostrar que los productos son naturales y saludables.

- Combinado con azules, el verde perpetúa la salud, la limpieza, la vida y la naturaleza.

AZUL- Dependiendo del aclarado y oscurecimiento del azul,

puede representar diferentes sentimientos, pensamientos y emociones.

- En las imágenes, azules con tonos oscuros pueden dar una sensación de tristeza.

- El azul claro es el color del cielo y del agua, que puede ser refrescante, libre y tranquilo.

- Los cielos azules generan calma y tranquilidad, el azul puede representar frescura y renovación.

- La tranquilidad del azul favorece la relajación.

MORADO

- Asociado por el color de las vestimentas reales, el morado se relaciona con la realeza.

- Los morados con más rojo pueden estar asociados con romances, intimidad, suavidad y confort.

- El morado puede generar sensación de misterio y de lujo.- También puede ser un color divertido y

provocador.

BLANCO- Es el color universal utilizado en artes gráficas.- Está dentro de la gama de los grises y representa la paz, la

pureza, la felicidad, etc.- Su principal fortaleza es que potencia los colores que lo

acompañan.- Está asociado con higiene y esterilidad. La mayoría de las

representaciones religiosas son muy claras y blancas, representando la “bondad” y la santidad.

- Puede representar suavidad por su analogíca con el algodón y las nubes.

NEGRO- El negro se encuentra en el extremo opuesto de la

tonalidad de grises. Simboliza el silencio, y el misterio.- Es un color que sirve para otorgar elegancia y distinción.- Asociado con la muerte, especialmente en los paises

occidentales. Mucha cantidad de negro en una imagen puede sugerir depresión y desesperación, así como soledad.

- Cuando se combina con otros colores, como el oro, puede representar lujo. Combinado con plata o gris, puede representar sofisticación.

Gracias