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.
¿Cuál es el propósito de la jerarquía de fuentes en el diseño UI/UX?

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

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9
We're sorry to hear that something went wrong. What happened?
some-alt