Ein Rastersystem unterteilt eine Seite in Spalten und Zeilen und gibt so die Reihenfolge der Inhalte vor. Es sorgt für Struktur im Layout. Der Schweizer Designer Josef Müller-Brockmann systematisierte die Rasterprinzipien in den 1960er-Jahren, und sein Buch „Grid Systems in Graphic Design“ gilt bis heute als Standardwerk. Zeitungen, Zeitschriften und Websites nutzen Raster, wenn auch auf unterschiedliche Weise.

Ein typisches Raster besteht aus Spalten, Spaltenabständen und Seitenrändern. Die Spalten enthalten den Inhalt. Spaltenabstände trennen die Spalten. Seitenränder rahmen die Seite ein. Ein 12-spaltiges Raster ist im Web weit verbreitet, da es die Seite gleichmäßig in Hälften, Drittel, Viertel und Sechstel unterteilt. Designer können mehrere Spalten für breitere Inhalte nutzen oder eine einzelne Spalte für schmaleren Text verwenden. Das Raster gibt das Design nicht vor. Es bietet eine Struktur, die der Designer befolgen, anpassen oder bewusst aufbrechen kann.

Rasterkomponenten

• Spalten: Vertikale Bereiche zur Darstellung von Inhalten.
• Dachrinnen: Lücken zwischen den Säulen.
• Ränder: äußere Ränder des Layouts.
• Grundlinienraster: horizontale Linien zur Ausrichtung von Text.

Das Aufbrechen des Rasters kann eine starke Wirkung haben. Ein randloses Bild, das die Spalten ignoriert, erregt Aufmerksamkeit, gerade weil es die Struktur durchbricht. Doch dieser Bruch funktioniert nur, wenn das Raster stark genug ist, um spürbar zu werden.