¿Cuál es el número ideal de tamaños de fuente para usar en un sitio web o aplicación móvil?

Answer 1

En mi experiencia personal, alrededor de cuatro lo ayudarán a superar la mayoría de los trabajos de diseño.

• Tamaño base: para el 80% de su texto
• Tamaño base delta: un tamaño para subtítulos realmente pequeños o todo el texto de mayúsculas que debe combinarse con el tamaño base.
• Tamaño del título: un tamaño para un poco más de jerarquía
• Tamaño enorme: un tamaño final para destacar realmente, para pantallas de bienvenida, grandes bloques de tipografía, etc.

Puede depender de cuánta jerarquía necesite. Cuanto menos tenga, más coherente se sentirá su diseño. Pero si no tiene suficiente, puede interferir con la claridad. Como el tamaño de letra no es la única forma de crear jerarquía en un diseño, generalmente no necesita más de cuatro. Mandy Brown escribió un artículo con algunos buenos ejemplos de jerarquía tipográfica que no están todos relacionados con el tamaño: Estudio de tipo: jerarquía tipográfica.

¡Buena suerte!

Answer 2

La respuesta, como en la mayoría de las cosas UX, es: depende.

En términos generales, solo desea tamaños de letra suficientes para crear una jerarquía significativa, de modo que el usuario pueda distinguir entre diferentes categorías de contenido. Pero, por cualquier otra variedad de razones (velocidad, carga cognitiva, etc.), querrá restringir la cantidad de tipos de letra que usa solo a aquellos que son esenciales para lograr el primer objetivo.

Si su sitio es de naturaleza editorial, con muchos tipos diferentes de contenido, es posible que deba usar varios tamaños y pesos de tipo. Sin embargo, si está creando una aplicación bastante simple, es posible que solo necesite un par.

De nuevo: realmente depende.

Answer 3

La regla general para la tipografía es no más de 3 variaciones de fuente por diseño. Sin embargo, una pantalla móvil es tan pequeña y apenas puede caber más de dos.

Siempre tenga en cuenta que los cambios sutiles (cursiva, negrita, tamaño, color, fondo) también pueden ayudar a diferenciar y crear una jerarquía tipográfica sin sobrecargar su diseño.

Answer 4

tantos como haya configurado en su CSS!

Usamos 5 para para 0

es título / ~ 24pt texto en negrita

es ~ 18pt texto en negrita

texto estándar normal de 12 puntos

es texto de tamaño 10pt

es texto de 9.5pt