Een rastersysteem verdeelt een pagina in kolommen en rijen die bepalen waar de inhoud komt te staan. Het brengt orde in de lay-out. De Zwitserse ontwerper Josef Müller-Brockmann legde de principes van rasters vast in de jaren 60, en zijn boek Grid Systems in Graphic Design is nog steeds een standaard naslagwerk. Kranten, tijdschriften en websites maken allemaal gebruik van rasters, hoewel ze die op verschillende manieren toepassen.

Een typisch raster heeft kolommen, tussenruimtes en marges. Kolommen bevatten de inhoud. Tussenruimtes scheiden de kolommen. Marges omlijsten de pagina. Een raster met 12 kolommen is gebruikelijk op het web omdat het de pagina gelijkmatig verdeelt in helften, derden, kwarten en zesden. Ontwerpers kunnen meerdere kolommen gebruiken voor bredere inhoud of een enkele kolom voor smalle tekst. Het raster dicteert het ontwerp niet. Het biedt een structuur die de ontwerper kan volgen, aanpassen of bewust doorbreken.

Rastercomponenten

• Kolommen: verticale stroken voor inhoud.
• Goten: de openingen tussen kolommen.
• Marges: de buitenste randen van de lay-out.
• Basislijnraster: horizontale lijnen voor het uitlijnen van tekst.

Het doorbreken van het raster kan krachtig zijn. Een afbeelding die de hele pagina vult en de kolommen negeert, trekt juist de aandacht omdat de structuur wordt doorbroken. Maar de breuk werkt alleen als het raster sterk genoeg is om voelbaar te zijn.