Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Jerarquía Tipográfica | Creación y Organización de Objetos
UI/UX con Figma
course content

Contenido del Curso

UI/UX con Figma

UI/UX con Figma

1. Herramientas Básicas de Figma
2. Creación y Organización de Objetos
3. Creando Visuales
4. Prototipado
5. Enviando Trabajo

book
Jerarquía Tipográfica

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.
question mark

¿Cuál es el propósito de la jerarquía de fuentes en el diseño UI/UX?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9
Lamentamos que algo salió mal. ¿Qué pasó?
some-alt