La gerarchia tipografica/font è un aspetto cruciale del design UI/UX che organizza il testo in stili (ad esempio, titoli e corpo del testo) per migliorare la leggibilità e la struttura. La maggior parte dei design utilizza da 1 a 6 stili di titoli e diverse varianti di testo del corpo.

Puoi utilizzare il sito Typescale per determinare la gerarchia tipografica ideale.

• Inserisci una dimensione base (di solito 14px o 16px per il corpo del testo);
• Seleziona una scala (rapporto di scala del font) come Minor Third (1.2), Major Third (1.25) o Golden Ratio per caratteri più grandi.
• Personalizza le impostazioni come nome del font, peso, interlinea, spaziatura tra le lettere e colore;
• Copia i valori dei Titoli e del Corpo del testo in Figma o modificali secondo necessità mantenendo il rapporto di scala. Puoi moltiplicare o dividere la dimensione del font per il rapporto di scala selezionato per creare dimensioni coerenti per titoli o corpo del testo;
• Sebbene il rapporto di scala offra coerenza, puoi regolare le impostazioni in base alle esigenze del tuo design.