Zum Inhalt springen
Portfolio-Projekt von Amir Reza Afshar. Ohne Registrierung testen: Admin-Panel Autorenbereich
Design

Weißraum ist kein leerer Raum

Abstand ist eines der stärksten Gestaltungsmittel. Warum gute Oberflächen manchmal vor allem davon leben, was weggelassen wird.

Wer zum ersten Mal eine Oberfläche gestaltet, möchte jeden freien Pixel nutzen. Dabei ist Weißraum – der Abstand zwischen Elementen – eines der wirkungsvollsten Werkzeuge im Design.

Abstand schafft Zusammenhang

Elemente, die nah beieinanderstehen, gehören für das Auge zusammen. Ein Label direkt über seinem Eingabefeld und etwas mehr Abstand zum nächsten Feld: Schon ist das Formular ohne zusätzliche Linien verständlich.

Ein festes Abstandssystem

Statt Abstände nach Gefühl zu setzen, hilft eine feste Skala, etwa 4, 8, 16, 24 und 40 Pixel. Die Oberfläche wirkt dadurch ruhiger, und Entscheidungen im Team werden einfacher.

Weniger Elemente, mehr Wirkung

Jede zusätzliche Schaltfläche konkurriert um Aufmerksamkeit. Fragen Sie bei jedem Element: Hilft es der Person, ihr Ziel zu erreichen? Wenn nicht, darf es gehen.

Lesbarkeit von Texten

Großzügige Zeilenabstände und eine Zeilenlänge von etwa 60 bis 75 Zeichen machen lange Texte deutlich angenehmer – wie bei diesem Artikel.

Weißraum ist kein verschenkter Platz. Er gibt dem Inhalt die Bühne, die er verdient.

1 Kommentar

Schöner Artikel

Jan, vor einer Woche

Die Abstandsskala übernehmen wir direkt in unser Designsystem.

Kommentar schreiben

Ihre E-Mail-Adresse wird nicht veröffentlicht.

Ihre Bewertung

Name, Betreff und Kommentar werden öffentlich angezeigt, die E-Mail-Adresse nur intern gespeichert. Die Demo-Daten werden regelmäßig gelöscht. Mehr dazu in der Datenschutzerklärung.