DECOM IPUC
Fundamentos

Contraste

Lo que no contrasta, no existe.

Contraste

Lo que no contrasta, no existe.

"Sin contraste, el diseño muere." — Paul Rand, diseñador de los logos de IBM, ABC, UPS y NeXT.

El error más común en piezas amateur: el título mide 16pt y el subtítulo 14pt. Casi iguales. Eso no es contraste, es indecisión. El miedo a exagerar es el enemigo número uno del buen diseño.


Los 4 tipos de contraste

Tamaño

Grande vs pequeño. La forma más obvia y poderosa.

Peso

Bold vs regular. La misma fuente puede crear contraste.

Color

Oscuro vs claro, cálido vs frío.

Forma

Geométrico vs orgánico, recto vs curvo.


Cómo aplicarlo

En tipografía

  • Si el título va en bold negro, el subtítulo va en regular gris.
  • Si el título es muy grande, el cuerpo es muy pequeño (no medio).

En color

  • Texto sobre fondo: ratio mínimo 4.5:1 (estándar WCAG de accesibilidad).
  • Regla simple: si tu fondo es claro, tu texto es muy oscuro. Y al revés.

En forma

  • Si tu fondo tiene formas redondas, tu tipografía puede ser geométrica.
  • El contraste de formas crea jerarquía sin necesidad de mucho color.

Cuando dudes, exagera

Si pensaste...Hazlo así
"Que el título sea un poquito más grande"Que sea el doble
"Un gris medio para el texto secundario"Gris claro o gris muy oscuro, nunca medio
"Un poco más bold el principal"Bold extra o un peso de diferencia

Frase para llevarte a casa

Si dudas si contrasta lo suficiente, no contrasta lo suficiente.

Ejemplo de contraste

On this page