Cómo usar el contraste para mejorar sus diseños gráficos

Pasos:

  • Tamaño: Coloque dos elementos similares uno al lado del otro, pero haga uno más grande que el otro. El más grande llama la atención.
  • Valor: Use valores claros y oscuros del mismo color. Cuanto más separados estén los valores, mayor será el contraste.
  • Color: Contrastar dos colores llama la atención sobre el elemento que destaca.

Este artículo explica varias formas de usar el contraste para mejorar los diseños gráficos.


Índice
  1. Pasos:
  • Cómo usar el contraste para mejorar sus diseños gráficos
  • Tamaño
  • Valor
  • Color
  • Escribe
  • Otros elementos contrastantes
  • Cómo usar el contraste para mejorar sus diseños gráficos

    El contraste es un principio de diseño que ocurre cuando dos elementos visuales son dramáticamente diferentes. Cuanto mayor sea la diferencia, mayor será el contraste. El contraste transmite su mensaje al enfatizar lo que es importante y dirigir la atención del lector, ayuda en la legibilidad al hacer que los encabezados de las secciones se destaquen y llama la atención del lector al agregar interés a la página. Puede crear contraste en tamaño, valor, color, tipo y otros elementos.


    Tamaño

    Colocar dos elementos uno al lado del otro que sean similares en todos los aspectos, excepto en el tamaño, es una forma de lograr un contraste de tamaño. Pueden ser imágenes grandes y pequeñas o tipos de letra grandes y pequeños, por ejemplo. Dejar mucho espacio en blanco alrededor de un objeto pequeño es otra forma de contrastar el tamaño.

    Porciones grandes y pequeñas de espaguetis


    La vista de los lectores se centrará primero en los elementos más grandes, por lo tanto, amplíe los objetos que desea enfatizar.


    Valor

    La relativa claridad u oscuridad de dos elementos puede crear un contraste de valor. Ya sea con tonos de gris o con matices y matices de un solo color, cuanto más alejados estén los valores, mayor será el contraste.

    Nubes de gotas de agua en suspensión sobre un fondo colorido


    Puede usar más de un elemento de contraste juntos. Por ejemplo, un texto blanco grande sobre un fondo negro, seguido de un texto gris sobre el mismo fondo, combina valor y tamaño.


    Color

    Use colores armonizantes, complementarios y opuestos para crear contraste. Cuando contraste colores, tenga cuidado con el valor. Los colores armonizados (colores que son adyacentes entre sí en la rueda de colores) pueden aparecer desteñidos si no hay suficiente diferencia de valor entre ellos.

    Paraguas verde que contrasta con un mar de paraguas negros


    Considere el efecto en los espectadores al determinar pares de colores contrastantes. Por ejemplo, el rojo brillante y el azul brillante contrastan, pero pueden causar fatiga visual cuando se ven juntos.


    Escribe

    Utilice el tamaño, el valor y el color para crear tratamientos tipográficos contrastantes. Haz que ciertas palabras se destaquen más usando una de las siguientes acciones:

    • Agregue negrita o cursiva.
    • Mezcle letra grande con letra pequeña.
    • Combine el tipo serif con sans serif (non-serif).
    • Establezca porciones de texto en colores contrastantes o valores variables.
    • Cambie el tipo de alineación o espaciado.
    • Usa estilos tipográficos complementarios pero diferentes.

    La palabra 'amor' en bloques de impresión rojos


    Usar la tipografía estratégicamente en tu diseño es un arte en sí mismo. Aprende el principios de combinación de tipografíascomo limitar el número de tipos a dos o tres.


    Otros elementos contrastantes

    Otros elementos que crean contraste incluyen textura, forma, alineación, dirección y movimiento. La clave es utilizar una diferencia sustancial. Un cambio de tamaño de fuente que apenas se nota o los colores que tienen un valor demasiado similar pueden parecer un error en lugar de un intento de proporcionar énfasis o interés.

    niña sin cabeza con tacones, boca abajo, colgando del borde de la mesa


    Usa tu imaginación para encontrar formas adicionales de usar el contraste. Por ejemplo:

    • Para compensar columnas de texto altas y estrechas, incluya fotos anchas o de forma irregular.
    • En una serie de imágenes estáticas, agregue una que muestre movimiento.
    • Haz que un elemento de una foto en blanco y negro destaque agregándole color.

    El contraste puede ser exagerado. Si todo contrasta mucho con todo lo demás, terminas con elementos en competencia, que confunden, en lugar de ayudar, al lector. Por lo tanto, tenga cuidado con la forma en que utiliza el contraste.

    Entradas Relacionadas

    Subir

    Utilizamos cookies propias y de terceros para personalizar contenidos y analizar el tráfico web. Política de privacidad