UI-Design Grundlagen

Was Sie lernen werden

Typografie-Regeln für lesbare Oberflächen anwenden

Farbpaletten mit Kontrast und Harmonie erstellen

Das 8px-Rastersystem für Abstände nutzen

Klare visuelle Hierarchie schaffen

Barrierefreie Oberflächen gestalten (WCAG Grundlagen)

Bestehende UIs kritisch bewerten und verbessern

Kursübersicht

Dieser Kurs vermittelt Ihnen die visuellen Design-Grundlagen, die Amateurarbeit von professionellen Oberflächen unterscheiden. Sie lernen, wie Sie Schriften auswählen, Farbpaletten erstellen, Abstände kontrollieren und Hierarchien schaffen, die Nutzer mühelos leiten.

Jede Lektion wendet die Theorie direkt auf praktische UI-Übungen an, sodass Sie echtes Design-Gespür entwickeln – nicht nur Wissen.

Kursplan

25 Lektionen • 3–4 weeks

Modul 1: Visuelle Design-Grundlagen

Lektion 1
Designprinzipien: Kontrast, Wiederholung, Ausrichtung, Nähe
Lektion 2
Raster und Spalten
Lektion 3
Weißraum
Lektion 4
Visuelle Hierarchie

Modul 2: Typografie

Lektion 1
Schriftarten auswählen
Lektion 2
Schriftgröße und Zeilenhöhe
Lektion 3
Schriftpaarung
Lektion 4
Typografie im UI

Modul 3: Farbe

Lektion 1
Grundlagen der Farbtheorie
Lektion 2
Eine UI-Farbpalette erstellen
Lektion 3
Dark-Mode-Überlegungen
Lektion 4
Barrierefreiheit und Kontrastverhältnisse

Modul 4: UI-Muster

Lektion 1
Navigationsmuster
Lektion 2
Formulardesign
Lektion 3
Karten und Listen
Lektion 4
Design-Kritik-Workshop

Lena Hartmann

UI/UX-Designerin

25 Lektionen
176 Teilnehmer
7+ Years Erf.

Akkie hat Oberflächen für über 50 digitale Produkte gestaltet. Sie bringt ein kritisches Auge für visuelle Details mit und eine Leidenschaft dafür, Design-Bildung zugänglich zu machen.