Zum Inhalt springen

Raster (Grid)

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 12.11.2026

Ein Raster (Grid) ist ein Netz aus Linien oder Punkten, das eine Fläche in gleichmäßige Einheiten teilt. Laut Duden geht das Wort auf das lateinische raster, rastrum zurück, die Hacke oder Harke, nach dem rechenartigen Linienwerk. Das DWDS datiert die Entlehnung ins 19. Jahrhundert; verwandt sind radieren und rasieren. In der Gestaltung hat das Wort drei Bedeutungen, die alle auf dieses Netz zurückgehen.

Raster

Ein Ordnungsnetz aus Linien oder Punkten; in der Gestaltung das Gestaltungsraster, im Druck die Zerlegung eines Bildes in Punkte.
Beispiel: „Ohne Raster steht das Bild auf jeder Unterseite an einer anderen Stelle.“

Auch: Grid, im Druck Rasterung.

Abgrenzung zum Gestaltungsraster: Es ist die erste der drei Bedeutungen und dort ausführlich beschrieben.

Drei Felder: ein Gestaltungsraster aus sechs Spalten mit Inhaltsblöcken, ein Druckraster aus Punkten, die nach rechts größer werden, und ein Kreis als Pixelraster mit treppenförmiger Kante.
Ein Wort, drei Ordnungen: für das Layout, für den Druck und für das Bild.

Das Raster im Layout

Im Layout meint Raster das Gestaltungsraster aus Spalten, Stegen und Rändern. Josef Müller-Brockmann beschrieb es in seinem zweisprachigen Buch Raster-Systeme für die visuelle Gestaltung, das laut Deutscher Digitaler Bibliothek 1981 bei Niggli erschien. Karl Gerstner hatte schon 1964 in Programme entwerfen gezeigt, wie sich Gestaltung aus Regeln ableiten lässt, so der Verlag Lars Müller Publishers. Im Web setzt CSS Grid ein Raster um; die Spezifikation des W3C beschreibt es als zweidimensionales Layoutsystem aus Linien, Spuren, Zellen und Bereichen.

Raster im Druck

Im Druck zerlegt ein Raster ein Halbtonbild in Punkte, deren Größe den Tonwert trägt: Helle Stellen bekommen kleine Punkte, dunkle große. Die Rasterweite gibt an, wie viele Linien auf einen Zentimeter kommen. Eine Druckerei-Richtlinie nennt für den Bogenoffset 70 Linien pro Zentimeter, rund 178 lpi, und für jede der vier Farben aus CMYK einen eigenen Rasterwinkel, damit kein Moiré entsteht. Bilder brauchen laut den Technischen Richtlinien für die Druckbranche in Österreich zwei Pixel pro Rasterweite.

Pixelraster und Rastergrafik

Die dritte Bedeutung ist das Netz der Bildpunkte. Eine Pixelgrafik, auch Rastergrafik genannt, speichert ein Bild als Raster aus Pixeln; vergrößert man sie stark, werden Kanten treppig. Auch Schrift wird am Bildschirm gerastert: Ihre Umrisse werden auf das Pixelraster des Displays abgebildet. Eine Vektorgrafik beschreibt Formen dagegen mathematisch und wird erst bei der Anzeige in ein Raster übersetzt.

Siehe auch:

Gestaltungsraster (Rastersysteme)

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

#Gestaltungsgrundlagen

CSS Grid

Layout in zwei Richtungen: Zeilen und Spalten zugleich.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Pixelgrafik

Ein Bild, das aus einem Raster einzelner Bildpunkte besteht, von denen jeder eine Farbe speichert.

#Gestaltungsgrundlagen

Vektorgrafik

Eine Grafik, die aus mathematisch beschriebenen Linien, Kurven und Flächen besteht und sich ohne Qualitätsverlust skalieren lässt.

#Gestaltungsgrundlagen

DPI (Dots Per Inch)

Eine Maßeinheit für die Auflösung, die angibt, wie viele Punkte auf einen Zoll kommen, vor allem im Druck.

#Gestaltungsgrundlagen

Swiss Style (Internationaler Typografischer Stil)

Ein Gestaltungsstil aus der Schweiz der 1950er Jahre mit strengem Raster, serifenloser Schrift und linksbündigem Flattersatz.

#Gestaltungsgrundlagen