Weißraum ist der leere Raum zwischen und um die Elemente einer Gestaltung, auch Negativraum genannt. Weiß muss er nicht sein; gemeint ist jede Fläche ohne Inhalt. Weißraum trennt Gruppen, lenkt den Blick und macht Texte leichter lesbar.
- Weißraum (Negativraum)
Der leere Raum zwischen und um Gestaltungselemente, der ordnet, trennt und Ruhe schafft.
Beispiel: „Mit mehr Weißraum um das Formular wirkt die ganze Seite ruhiger.“Auch: Leerraum, Negativraum, englisch whitespace.
Abgrenzung zur CSS-Eigenschaft
white-space: Sie regelt, wie der Browser Leerzeichen und Zeilenumbrüche im Text behandelt, und hat mit Weißraum als Gestaltungsmittel nichts zu tun.
Welche Arten von Weißraum es gibt
Mark Boulton unterschied 2007 Makro- und Mikroweißraum: den Raum zwischen den großen Bereichen einer Seite und den zwischen kleinen Elementen, etwa Listenpunkten, Bild und Caption oder Buchstaben. Aktiver Weißraum führt den Leser bewusst von einem Element zum nächsten, passiver schafft Luft und Gleichgewicht.
Was Weißraum bewirkt
In einer Studie der Wichita State University von 2004 beeinflussten Ränder um den Text Lesegeschwindigkeit und Verständnis, und die Teilnehmenden waren mit Rändern zufriedener. Mehr ist aber nicht automatisch besser: In drei Shop-Varianten mit 25, 50 und 75 Prozent Weißraum sank die wahrgenommene Usability über 50 Prozent. Die oft zitierte Zahl, Weißraum verbessere das Verständnis um 20 Prozent, hat keine nachvollziehbare Quelle.
Weißraum in CSS
Gesetzt wird Weißraum über Innenabstand und Außenabstand, in Flexbox und Grid über gap. Eine feste Skala mit wenigen Stufen hält die Abstände einer Website einheitlich.