El diseño equilibrado. El contraste

  • 09 de enero de 2004
  • Valoración:
  • 7 Comentarios
  • Guias de diseño
El contraste permite resaltar el peso visual, lo podemos conseguir por medio de diversos medios: tonos, colores, contornos y escala.
El contraste es el efecto que permite resaltar el peso visual de uno o más elementos o zonas de una composición mediante la oposición o diferencia apreciable entre ellas, permitiéndonos atraer la atención de espectador hacia ellos.



El contraste puede conseguirse a través de diferentes oposiciones entre elementos:

Contraste de tonos

Se obtiene contraste entre elementos que poseen tonos (claridad-oscuridad) opuestos. En este caso, el mayor peso lo tendrá el elemento más oscuro, destacando el más claro sobre él con más intensidad cuanto mayor sea la diferencia tonal.



Conforme se disminuye la tonalidad del elemento más oscuro el contraste va perdiendo intensidad, siendo necesario redimensionarlo si queremos mantener el mismo contraste.



Este tipo de contraste el tal vez el más intenso, y es muy usado en composiciones gráficas.

Contraste de colores

Dos elementos con colores complementarios se refuerzan entre sí, al igual que un color cálido y otro frío.



El contraste creado entre dos colores será mayor cuanto más alejados estén en el círculo cromático. Los colores opuestos contrastan mucho, mientras que los análogos apenas lo hacen, perdiendo importancia visual ambos.



Este efecto se puede usar para dar mayor dimensión o sensación de proximidad a un elemento en una composición, situándolo sobre un color que contraste con él.



Este tipo de contraste es especialmente indicado para los contenidos textuales, en los que debe primar la facilidad de lectura. Lo ideal será el texto negro sobre fondo blanco, ya que es el que más contraste crea (contraste de tono). Pero en ciertos elementos, en los que este juego de colores no sea posible, habrá que buscar siempre un texto cálido sobre un fondo frío o viceversa.

Contraste de contornos

Los contornos irregulares destacan de forma importante sobre los regulares o reconocibles.



Este tipo de contrastes es adecuado para dirigir la atención del usuario a ciertos elementos de una composición o página web, como botones importantes, banners publicitarios, etc. No obstante, hay que ser comedidos en su uso, sobre todo si se combinan con otros tipos de contraste, ya que pueden ser un foco de atracción visual demasiado potente. Además, crean mucha tensión en el espacio que les rodea.

Contraste de escala

Es el producido por el uso de elementos a diferentes escalas de las normales o de proporciones irreales, consiguiéndose el contraste por negación de la percepción aprendida.



Este sistema de contraste no es muy usado en las páginas web, donde se busca siempre la escala adecuada, pero sí es frecuente en fotografía y pintura, consiguiendo atraer la atención del espectador de forma muy efectiva.

Autor

Luciano Moreno

Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabillidad y diseño centrado en el usuario.

Comentarios

Bibiana Orozco

29/7/2004
Me dio la impresión de estar hablando con un Ingeniero de Sistemas que le habla a su hijo. Es decir, la explicación clara, amena e informa.

WILLY

18/5/2009
trabaja y suerte
aslo Y SUERTE AMIGITO NOS VEMOS AÑANA Y TE CUENTO MUCHAS COSAS

willy

18/5/2009
trabajo
espero que t salga vien y ten suerte para acerlo siwmpre ete mandaree

Sandrita

27/9/2009
Fuente de información
Sería interesante que citaras que la imagen es de un cuadro del pintor colombiano Fernando Botero quien entre otras obras donadas a España estan en el aeropuerto El Prat de Barcelona.
Hasta pronto ;)

ramon

02/11/2010
buscando un color
me gustan los colores que tu usas y creo que utilizare uno de tus diseños pero que color tu pondrias si tu tienes un piso de color mostasa rodeando la barra de una fuente soda ?

eglis2010

20/10/2011
Saludos
Esto es interesante y importante para cuando uno va a diseñar

Daniel

10/12/2011
Sugerencia
No estaria de mas que pusieras la fuente de información de tu texto

Compartir