De lay-out bepaalt de rangschikking van tekst en afbeeldingen op een pagina of scherm. Het bepaalt waar elementen komen te staan ​​en hoeveel ruimte ze innemen. Een lay-out kan compact of luchtig zijn. Hij kan symmetrisch of asymmetrisch zijn. Hij kan een raster volgen of er juist van afwijken. De lay-out bepaalt hoe de kijker de inhoud ervaart. Een overvolle lay-out overweldigt. Een minimalistische lay-out voelt leeg aan. De juiste balans hangt af van de boodschap en het medium.

De principes van lay-out zijn door de eeuwen heen verfijnd. Printontwerp legde de basis. Marges geven de inhoud ademruimte. Kolommen organiseren tekst voor een betere leesbaarheid. Witruimte scheidt elementen en leidt de blik. Hiërarchie laat zien wat het belangrijkst is. Digitaal ontwerp paste deze principes aan schermen aan. Responsieve lay-outs passen zich aan verschillende schermformaten aan. Een lay-out met drie kolommen op een desktop wordt een lay-out met één kolom op een mobiel apparaat. De inhoud wordt opnieuw ingedeeld. De hiërarchie blijft behouden. Lay-out beïnvloedt ook de gebruiksvriendelijkheid. Een knop die op de verwachte plek staat, wordt aangeklikt. Een navigatiemenu op de standaardlocatie wordt gebruikt. Een formulier met duidelijke labels en logische groepering wordt ingevuld. De lay-out is niet alleen esthetisch. Ze is functioneel. Ze beïnvloedt gedrag. De ontwerper gebruikt lay-out om te begeleiden, te informeren en te overtuigen. Elke plaatsing is een beslissing. Elke beslissing heeft gevolgen.

Indelingsprincipes

• Marges — de ruimte rondom de inhoud
• Kolommen — verticale onderverdelingen voor tekst
• Witruimte — lege gebieden die elementen van elkaar scheiden
• Hiërarchie — volgorde van visuele belangrijkheid
• Uitlijning — elementen worden uitgelijnd langs gemeenschappelijke randen
• Nabijheid — verwante elementen worden samen gegroepeerd.

De lay-out is de rangschikking van onderdelen. De onderdelen zelf zijn belangrijk, net als de ruimte ertussen.