Satzspiegel fürs Web

Grids

Grids sind Satzspiegel die sich repetieren. Ein Raster (Webstandard war ein 12er-Raster für Desktop) welches sich auf die jeweilige Screengrössen herunterbricht.

Zwölf, weil dies eine gut teilbare Zahl ist und somit eine grosse Vielzahl an Satzspiegeln auf kleineren Devices eröffnet.

Layout-Relevanz

Grids sowie Satzspiegel werden erst wirklich relevant, wenn die Komplexität des Inhaltes dies erfordert. Man kann durchaus einfachere Webseiten ohne Satzspiegel gestalten und je nach Situation ein Layout definieren.

Grids helfen in einem Team die Gestaltungskonventionen anzuwenden, was die Konsistenz einer Seite erhöht.

Grid-System auf verschiedenen Screengrössen. Von Computer über Tablet, Smartphone zur Watch.
© Webdesign Essentials

Vokabular

«Column» für die vertikalen Spalten.

«Row» für die horizontalen Spalten (nicht oben abgebildet)

«Gutter» für den Abstand zwischen den Spalten.

«Offset» für den Startpunkt des Rasters

Vertiefe dich ins ganze Kapitel

Responsive Design