La jerarquía tipográfica es un aspecto crucial del diseño UI/UX que organiza el texto en estilos (por ejemplo, encabezados y cuerpo) para una mejor legibilidad y estructura. La mayoría de los diseños utilizan de 1 a 6 estilos de encabezado y varias variaciones de texto de cuerpo.

Puedes usar el sitio Typescale para determinar la jerarquía de fuentes ideal.

• Ingresa un tamaño base (generalmente 14px o 16px para el texto del cuerpo);

• Selecciona una escala (proporción de escalado de fuente) como Tercera Menor (1.2), Tercera Mayor (1.25) o Proporción Áurea para fuentes más grandes.

• Personaliza configuraciones como el nombre de la fuente, peso, espaciado de líneas, espaciado de letras y color;

• Copia los valores de los Encabezados y el texto del Cuerpo en Figma o modifícalos según sea necesario mientras mantienes la proporción de escala. Puedes multiplicar o dividir el tamaño de la fuente por la proporción de escala seleccionada para crear tamaños de texto de encabezado o cuerpo consistentes;

• Aunque la proporción de escala proporciona consistencia, puedes ajustar configuraciones según los requisitos de tu diseño.