domingo, 7 de julio de 2019

8º HTML Y DISEÑO DE COLORES

COLORES

La combinación de colores es fundamental al momento del diseño, ya que va a tener una influencia realmente grande en cómo lo perciban los usuarios y la sensación que les quede después de verlo.

Una de las primeras cosas a tener en cuenta es el numero o cantidad de colores. Es arriesgado establecer una norma estricta, ya que más de 6 colores simultáneos en una composicion pueden ser demasiados si existe un gran contraste entre ellos, pero pueden formar una combinación agradable si la relación entre ellos es adecuada.

Dos puntos a tener en cuenta
Siempre es mejor pocos colores antes que muchos. Como mínimo, el riesgo de estridencias es menor.
Podemos afirmar que 3 colores en una misma composición sería lo mínimo a utilizar y, en la mayoría de casos, debiera ser suficiente. Con menos de 3, las posibilidades de que la página o la imagen sea anodina y aburrida son muy grandes.

Estructura básica de una composición
Color Primario: es el tono básico de la página, el que la define, y el que ocupa la gran mayoría de la misma. Sería el color del atributo "background" de la página.

Color Secundario: es el segundo tono predominante en la página, aunque en mucha menor medida que el primario. Normalmente debe acotar o resaltar áreas y debe ser bastante próximo en tono al primario.
Color Destacado: es el color que se utiliza para resaltar aspectos concretos de la página. Por definición debe contrastar mucho con los colores primario y secundario y, por tanto, debe utilizarse con moderación. Puede utilizarse el Complementario o el Complementario Escindido del color primario de la página.

Relación entre colores

Circulo Estándar del Color


Según su posición relativa en el Círculo Estándar de Color, los colores pueden ser:

Colores Análogos: Para un determinado color, sus colores análogos son aquellos que se encuentran a ambos lados del mismo en el círculo de color.


Colores Complementarios: Son aquellos que se encuentran opuestos en el círculo de color (por ejemplo el amarillo y el violeta o naranja y azul). Usados juntos producen un gran contraste destacando mucho uno sobre el otro.


Colores Monocromáticos: Son aquellos que se encuentran aislados, sin presencia de otros colores. Usados producen sensación de unidad, homogeneidad y robustez. Se puede evitar la monotonía utilizándolos con diferente luminosidad (más claros y más oscuros).


Colores Complementarios Adyacentes: Para un color, sus complementarios adyacentes son los colores análogos de su color complementario.


Triada de Colores: Tres colores constituyen una Triada cuando sus tonos son equidistantes en el Círculo Estándar de Color.


Esquema Cromático Monótono: Un esquema de color mono tono lo constituyen un único tono de color junto a sus posibles variaciones en términos de tintes, luminosidad y saturación.


Esquema Acromático Monotono: Un esquema de color acromático monotono es un caso particular del esquema de color monotono constituido sólo por colores neutros dentro de la gama del negro al blanco.



Contraste entre colores
El contraste será mayor cuanto mayores sean las diferencias entre ambos en términos de:
· Tono
· Luminancia
· Cromancia

Cuando se diseña un sitio el elegir el contraste entre los colores que vamos a usar es muy importante porque va a influir directamente en la sensación que vamos a transmitir a los visitantes.

En primer lugar será importante que exista un gran contraste entre el testo ordinario y el fondo. Sin embargo habrá que tener sumo cuidado en no caer en estridencias que generalmente son tomadas como inmadurez o falta de profesionalidad.



Tomado de: http://www.cristalab.com/tutoriales/guia-basica-para-la-combinacion-de-colores-c53345l/

USOS DEL CÍRCULO CROMÁTICO DEL COLOR






PSICOLOGIA (SIGNIFICADOS) DE LOS COLORES EN DISEÑO DE PÁGINAS WEB

Son usados para representar: 

Negro - Prohibición, Misterio, Muerte, Oscuridad, Maldad
Blanco - Pureza, Sinceridad, Seriedad.
Gris - Encierro, Aburrimiento, Depresión, Tranquilidad
Café - Monotonía. Tranquilidad, Seriedad.
Azul - Limpieza, Frescura, Tranquilidad, Paz.
Amarillo - Alegría, Calor, Luz, Alerta.
Rojo - Pasión, Fuerza, Agresividad, Alerta.
Verde - Frescura, Naturaleza, Tranquilidad, Indecisión
Naranja - Calor, Hambre, Intranquilidad.
Morado - Misterio, Soledad, Cursi.


Dependiendo de tu tendencia tonal, tu visitante tendrá distintas sensaciones sobre el mismo color, solo es cuestión de modificar el tono para crear la sensación que deseas y según la combinación de tonos que tienes en tu sitio, tú puedes crear una idea sobre tu sitio.

Algunos colores se asocian fácilmente con paginas web especificas, descubre la identidad de tu sitio y lo que tus visitantes pueden imaginar que encontraran con solo ver los colores:

Negro - Paginas pornográficas, de contenido ilegal, de videojuegos

Blanco - Paginas comerciales, de servicios.

Gris - Paginas con contenido muy serio

Café - Religión, Libros, Coleccionistas y servicios

Azul - Usado en todas sus tonalidades en casi todos los sitios

Amarillo - Paginas de chistes, de artesanías, de restaurantes o servicios turísticos

Rojo - Paginas de servicios generalmente mecánicos, electrónicos o de herramientas

Verde - Salud, vida sana, nutrición, naturismo

Naranja - Alimentos, Mascotas

Morado - Belleza, Eróticas

No hay comentarios:

Publicar un comentario