Zum Inhalt springen

Ausrichtung (Gestaltung)

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Ausrichtung bedeutet in der Gestaltung, Elemente an gemeinsamen Kanten oder Achsen anzuordnen. Was an einer Linie steht, wirkt zusammengehörig und geordnet, auch wenn die Linie selbst unsichtbar bleibt. Robin Williams zählt die Ausrichtung in ihrem erstmals 1993 erschienenen The Non-Designer's Design Book zu den vier Grundprinzipien, neben Nähe, Wiederholung und Kontrast.

Ausrichtung (Gestaltung)

Das Anordnen von Elementen an gemeinsamen Kanten oder Achsen, damit ein Layout geordnet wirkt.
Beispiel: „Die Ausrichtung an der linken Kante verbindet Überschrift, Text und Button.“

Abgrenzung zur Ausrichtung (CSS): Sie meint die Eigenschaften, mit denen Flexbox und Grid Elemente anordnen. Die gestalterische Ausrichtung ist das Prinzip dahinter.

Welche Arten der Ausrichtung es gibt

Elemente stehen an einer linken oder rechten Kante oder an einer Mittelachse. Bei Text heißt das Flattersatz, links- oder rechtsbündig, Mittelachsensatz, wenn er zentriert ist, und Blocksatz, wenn Anfang und Ende jeder Zeile senkrecht übereinanderstehen.

Vier Textblöcke aus grauen Balken: linksbündig mit flatterndem rechtem Rand, zentriert, rechtsbündig und Blocksatz. Eine blaue Linie markiert jeweils die Achse.
Vier Arten, Text auszurichten; die blaue Linie zeigt die gemeinsame Kante.

Ausrichtung von Fließtext

Für längeren Text bevorzugen die meisten Leser linksbündig. Ein Test des U.S. Census Bureau fand 2022 auf Smartphones keinen messbaren Unterschied bei Lesegeschwindigkeit und Verständnis, aber eine klare Vorliebe für linksbündigen Text. Blocksatz erzeugt im Web ungleiche Wortabstände, die laut MDN Menschen mit Legasthenie das Lesen erschweren können.

Ausrichtung im Raster

Die Linien, an denen Elemente stehen, liefert das Gestaltungsraster. Je weniger verschiedene Kanten eine Seite hat, desto ruhiger wirkt sie. Wer zentrierte und linksbündige Blöcke mischt, sollte das bewusst tun, etwa zentriert nur für kurze Überschriften.

Siehe auch:

Gestaltungsraster (Rastersysteme)

Ein Ordnungssystem aus Spalten, Stegen und Rändern, an dem sich alle Elemente einer Gestaltung ausrichten.

#Gestaltungsgrundlagen

Ausrichtung (CSS)

Die Eigenschaften, mit denen in Flexbox und Grid ausgerichtet wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Weißraum (Negativraum)

Der leere Raum zwischen und um Gestaltungselemente, der ordnet, trennt und Ruhe schafft.

#Gestaltungsgrundlagen

Fließtext

Zusammenhängender Text in Absätzen, der den Hauptteil einer Seite trägt.

#Gestaltungsgrundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Basislinienraster

Ein unsichtbares Raster aus waagerechten Linien, auf dem alle Textzeilen einer Seite stehen.

#Gestaltungsgrundlagen

Komposition

Die Anordnung der Elemente in einem Bild oder auf einer Fläche, die den Blick führt und Gewichte verteilt.

#Gestaltungsgrundlagen