Die Schrift-/Typografische Hierarchie ist ein entscheidender Aspekt des UI/UX-Designs, der Text in verschiedene Stile (z. B. Überschriften und Fließtext) gliedert, um Lesbarkeit und Struktur zu verbessern. Die meisten Designs verwenden 1–6 Überschriftenstile und mehrere Varianten für Fließtext.

Du kannst die Typescale-Website nutzen, um die ideale Schrift-Hierarchie zu bestimmen.

• Gib eine Basisgröße ein (in der Regel 14px oder 16px für Fließtext);
• Wähle eine Skala (Schrift-Skalierungsverhältnis) wie Minor Third (1.2), Major Third (1.25) oder Goldener Schnitt für größere Schriftgrößen.
• Passe Einstellungen wie Schriftname, Gewicht, Zeilenabstand, Zeichenabstand und Farbe an;
• Kopiere die Werte der Überschriften und des Fließtexts in Figma oder passe sie nach Bedarf an, während das Skalierungsverhältnis beibehalten wird. Du kannst die Schriftgröße mit dem gewählten Skalierungsverhältnis multiplizieren oder dividieren, um konsistente Überschriften- oder Fließtextgrößen zu erstellen;
• Während das Skalierungsverhältnis für Konsistenz sorgt, kannst du die Einstellungen je nach den Anforderungen deines Designs anpassen.