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
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.
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 9