En el tutorial de diseño de este mes, continuamos explorando los principios del diseño gráficoEl mes pasado les presenté las teorías de jerarquía y énfasis  y este mes exploramos el contraste, que va de la mano con estas teorías. El contraste es a menudo un principio que se olvida fácilmente; sin embargo, como verá, si se usa de manera efectiva, puede ser parte integral de cualquier diseño exitoso.

contrate en diseño

Que es el contraste

El concepto simple detrás del contraste es asegurar que cada elemento dentro de un diseño no se vea igual. En esencia, debe tener una serie de elementos que se vean muy diferentes a los otros dentro de un diseño.

Por ejemplo, si tuviera una página que contuviera diez cuadrados de los cuales cada uno estuviera espaciado uniformemente, y todos del mismo tamaño y color, no habría contraste. Sin embargo, reemplazar uno de los cuadrados con un círculo instantáneamente agregaría contraste y además sería un punto focal.

El contraste puede referirse al color, la forma, la textura, el tamaño y el tipo de letra, y es necesario para garantizar que un diseño no se vea aburrido o unidimensional.

Maneras de lograr el contraste

  • Asegúrese de que todas las formas en la página no sean del mismo tipo. Las imágenes, los gráficos y los párrafos crean formas, así que considere usar formas variables, no solo cuadrados y rectángulos.
  • Al elegir los tipos de letra y si utiliza más de un tipo, asegúrese de que varían significativamente. Por ejemplo, no elija dos fuentes Sans-Serf. En su lugar, elija un Sans-Serif y un Serif o un Sans-Serif y un Script.
  • El tamaño de los elementos es importante. Algo pequeño sentado junto a algo grande creará contraste.
  • Al seleccionar colores, las  relaciones como el complemento, el complemento dividido y la tríada generarán el mayor contraste.
  • Agregar diferentes texturas a un diseño puede agregar contraste.

Ejemplos

A continuación se muestran algunos ejemplos de cómo se ha aplicado el contraste en el diseño de cada día.

El café informal de anymade

Negro sobre blanco o vis-versa crea el mayor contraste cuando se refiere al color. La forma también se usa bien en este diseño para crear contraste. La forma de la montaña rusa está en contraste con la forma rectangular del texto y el gráfico.

Processed with VSCOcam with t2 preset

The Informal Anymade Cafe de Oddds con licencia de CC BY-NC 3.0

Lados No.29

En este ejemplo, tanto el color como la forma se han utilizado para crear contraste. El azul oscuro y negro sobre amarillo es una paleta de alto contraste. Además, la forma circular detrás de la cabeza del modelo está en contraste con la forma del cargador y las otras formas rectangulares en la página.

Lados No.29 de Cordova-Canillas con licencia de CC BY-NC 3.0

FLEUR

Este ejemplo muestra cómo se puede usar la textura para crear contraste. Las cajas, las líneas y la tipografía son muy limpias y lineales, lo que contrasta con la naturaleza orgánica de las ilustraciones.

FLEUR by by Judit Besze con licencia de CC BY-NC 3.0

Baile de encantamiento bajo el mar

Si bien la paleta de colores tiene un contraste muy alto, es la selección de tipo de letra que deseo resaltar en este ejemplo. ¿Observa cómo la palabra ‘encantamiento’ usa un tipo de letra con un estilo muy diferente en comparación con los otros en la página? Como resultado, esta palabra importante no se «pierde» dentro del diseño.

Enchantment Under the Sea Dance por Simon Pearce con licencia de CC BY-NC-DC 3.0