Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Typografische Hierarchie | Erstellen und Organisieren von Objekten
Ui/Ux Mit Figma
course content

Kursinhalt

Ui/Ux Mit Figma

Ui/Ux Mit Figma

1. Figma-Grundwerkzeuge
2. Erstellen und Organisieren von Objekten
3. Erstellen von Visuals
4. Prototyping
5. Arbeit Einreichen

book
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.
Was ist der Zweck der Schrifthierarchie im UI/UX-Design?

Was ist der Zweck der Schrifthierarchie im UI/UX-Design?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 9
We're sorry to hear that something went wrong. What happened?
some-alt