Whitespace (Weißraum)
Whitespace, auch Weißraum oder Negativraum genannt, ist die leere Fläche zwischen und um die Elemente einer Seite, einschließlich Außen- und Innenabstände sowie der Lücken zwischen Text, Bildern und Buttons.
Im Detail
Whitespace ist kein vergeudeter Platz, sondern ein aktives Gestaltungsmittel. Makro-Weißraum trennt große Blöcke und gibt dem Layout Luft, während Mikro-Weißraum, etwa Zeilenhöhe und der Abstand zwischen Label und Feld, die Lesbarkeit im Detail steuert. Großzügiger Abstand um einen Call-to-Action isoliert ihn vom umgebenden Rauschen, was die Klickwahrscheinlichkeit erhöht, und ausreichender Zeilenabstand verbessert messbar das Leseverständnis und senkt die kognitive Belastung.
Der häufige Fehler ist die Angst vor Leere: Stakeholder füllen jeden Pixel mit Text, Badges und Angeboten, weil leere Bereiche "unfertig" wirken. Das Ergebnis ist eine dichte Seite, die überfordert und schlecht konvertiert. Im Quiz-Funnel hält Whitespace jeden Frage-Screen ruhig, damit Teilnehmer sich auf eine Entscheidung konzentrieren, und er rahmt den Score der Ergebnisseite so, dass die wichtigste Zahl von Raum umgeben statt im Durcheinander vergraben ist.
Beispiel aus der Praxis
Häufig gestellte Fragen
Muss Whitespace weiß sein?
Nein. Whitespace bedeutet einfach leeren Raum und kann über jeder Hintergrundfarbe, jedem Bild oder jeder Textur liegen. Entscheidend ist die Abwesenheit von Inhalt, nicht die Farbe.
Wie unterstützt Whitespace die visuelle Hierarchie?
Abstände gruppieren zusammengehörige Elemente und isolieren wichtige, was die Lesereihenfolge der Seite verstärkt. Ein von Raum umgebener Button wirkt wichtiger als einer, der an andere Elemente gedrängt ist.
Kann eine Seite zu viel Whitespace haben?
Ja. Übermäßiger Abstand kann wichtige Inhalte unter den Sichtbereich drücken oder eine Seite leer und zusammenhangslos wirken lassen. Ziel ist Balance, genug um Aufmerksamkeit zu lenken, ohne unnötiges Scrollen zu erzwingen.