Kostenlos
Design, das professionell wirkt (ohne Designer zu sein)
Du lernst, warum selbstgebaute Websites und Oberflächen oft billig wirken - und wie du das mit wenigen, klaren Regeln abstellst. Der Kurs gibt dir ein System aus Design-Tokens, Spacing, Typografie und Farbe, mit dem deine Projekte ruhig, konsistent und professionell aussehen. Am Ende hast du ein wiederverwendbares Fundament statt Bauchgefühl - und setzt es mit modernem Tailwind direkt im Code um.
Das erwartet dich
6 Module · 19 Lektionen
Warum selbstgebaut oft billig aussieht
- Das Problem hat einen Namen: fehlendes System
- Konsistenz schlägt Kreativität
- Vom Bauchgefühl zum System
Spacing: der stärkste Hebel
- Warum Abstände wichtiger sind als Farben
- Die Spacing-Skala: 4 und 8 als Bausteine
- Innen und außen: Padding und Abstand
- Ausrichtung und das unsichtbare Raster
Typografie: 90 Prozent deiner Oberfläche
- Text ist der Großteil deines Designs
- Die Typo-Skala und Hierarchie
- Lesbarkeit: Zeilenlänge, Zeilenhöhe, Kontrast
Farbe und Kontrast mit Absicht
- Weniger Farben, mehr Wirkung
- Kontrast: lesbar für alle
- Eine Palette aufbauen und einsetzen
Design-Tokens und Konsistenz
- Was Design-Tokens wirklich sind
- Tokens nach Rollen benennen
- Konsistenz zur Gewohnheit machen