UI UNBOUND LAB
Weniger vermuten.
Mehr ausprobieren.
Kleine Experimente. Ein neues Gefühl für gute Interfaces.
ÜBUNG / 01 · ABSTÄNDE
Raum verändert alles.
Deine Aufgabe: Vergleiche 12, 24 und 40 px Innenabstand. Bei welcher Einstellung wirkt die Karte ruhig, ohne den Text unnötig schmal zu machen?
Fotografie mit dem Smartphone
14. November · 10–13 Uhr
Studio Nord · 6 freie Plätze
Die Karte hat Raum zum Rand. Vergleiche jetzt, ob Titel, Termin und Aktion weiterhin eine verständliche Gruppe bilden.
Es gibt keinen universell richtigen Wert. Begründe deine Wahl anhand von Inhalt und Bildschirmbreite.
ÜBUNG / 02 · KONTRAST
Klarer Kontrast.
Deine Aufgabe: Wähle zunächst zwei ähnliche Farben. Verändere dann eine davon, bis mindestens 4,5:1 für normalen Text erreicht sind.
Lesbarkeit beginnt mit Sichtbarkeit.
Hexwert mit sechs Zeichen, zum Beispiel #2558ed.
Hexwert mit sechs Zeichen, zum Beispiel #2558ed.
AA für normalen Text
Die Kombination erreicht den AA-Mindestkontrast für normalen Text. Prüfe zusätzlich Schriftgröße, Fokuszustände und die Bedeutung von Farben.
AA: mindestens 4,5:1 für normalen Text und 3:1 für großen Text (ab 24 px oder ca. 18,7 px fett). Der Farbtest allein ist kein vollständiger Barrierefreiheitstest.
Im Artikel: Accessibility im gesamten Ablauf prüfen →Übertrage die Übung auf deine App: zum UX-Check →