Kursinhalt
Ui/Ux Mit Figma
Ui/Ux Mit Figma
1. Figma-Grundwerkzeuge
2. Erstellen und Organisieren von Objekten
Typografische Hierarchie
Schriftart-/Typografische Hierarchie ist ein entscheidender Aspekt des UI/UX-Designs, der Text in Stile (z. B. Überschriften und Fließtext) für bessere Lesbarkeit und Struktur organisiert. Die meisten Designs verwenden 1–6 Überschriftenstile und mehrere Fließtextvariationen.
Sie können die Typescale-Website verwenden, um die ideale Schriftart-Hierarchie zu bestimmen.
- Geben Sie eine Basisgröße ein (normalerweise 14px oder 16px für Fließtext);
- Wählen Sie eine Skala (Schriftgrößenverhältnis) wie Minor Third (1.2), Major Third (1.25) oder Goldener Schnitt für größere Schriftarten.
- Passen Sie Einstellungen wie Schriftname, Gewicht, Zeilenabstand, Buchstabenabstand und Farbe an;
- Kopieren Sie die Werte der Überschriften und des Fließtextes in Figma oder ändern Sie sie nach Bedarf, während Sie das Skalierungsverhältnis beibehalten. Sie können die Schriftgröße mit dem ausgewählten Skalierungsverhältnis multiplizieren oder dividieren, um konsistente Überschriften- oder Fließtextgrößen zu erstellen;
- Während das Skalierungsverhältnis Konsistenz bietet, können Sie die Einstellungen basierend auf den Anforderungen Ihres Designs anpassen.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 9