Inhoud
- 01. Gebruik een rooster
- 02. Kies een enkel brandpunt
- 03. Gebruik de regel van derden
- 04. Gebruik witruimte
- 05. Herhaal ontwerpelementen
- 06. Gebruik hiërarchie
- 07. Gebruik schaal, contrast en harmonie
Het primaire doel van elke pagina-indeling die u ontwerpt, of het nu gaat om een gedrukte brochure of de nieuwste webapp, is om informatie duidelijk en effectief over te brengen aan de lezer. Een van de beste manieren om ervoor te zorgen dat de belangrijkste boodschappen aan de lezer worden bezorgd, is door een evenwichtige pagina-indeling te creëren.
Het ontwerp van pagina-indeling omvat doorgaans veel plaatsing, herschikking en opmaak van elementen. Veel ontwerpers benaderen dit proces organisch en zoeken hun weg naar een aangenaam eindresultaat. Hoewel dit kan leiden tot een aantal uitstekende gelukkige ongelukken, bestaat het risico dat het gebruik van een vrije-vormmethode kan resulteren in een gebrek aan visuele balans op de pagina.
Een goede paginasamenstelling moet zowel een lust voor het oog zijn als die kernboodschappen duidelijk overbrengen aan het beoogde publiek. We hebben een aantal toptips verzameld om u te helpen ervoor te zorgen dat uw ontwerpen voor paginalay-out in balans zijn (een goede websitebouwer helpt ook). Deze benaderingen zullen goed werken om een evenwichtsstructuur te bieden, ongeacht het medium waarmee u werkt.
Raadpleeg onze gids voor het maken van perfecte websitelay-outs voor meer webspecifiek advies.
01. Gebruik een rooster
Een van de gemakkelijkste manieren om ervoor te zorgen dat uw pagina een zekere mate van balans heeft, is door een rastersysteem te gebruiken. Grids waren vroeger het enige domein van de gedrukte pagina, maar er is de afgelopen jaren veel werk online verricht om het concept van het grid naar het digitale medium te migreren.
Door een raster te gebruiken om de positie van verschillende elementen op een pagina te informeren, creëer je een verband tussen de verschillende elementen waaruit je pagina bestaat. Dit kan helpen om uw lay-out te ordenen, de lezer een duidelijke structurele referentie te geven waarop hij kan terugvallen en het succes van uw pagina te vergroten.
Dit is belangrijk omdat wanneer al uw pagina-elementen een gevoel van verbondenheid met elkaar hebben, het algehele effect comfortabeler aanvoelt voor de lezer, waardoor ze op hun gemak worden gesteld en hun toegang tot de belangrijke dingen: de inhoud wordt vergemakkelijkt.
02. Kies een enkel brandpunt
Een van de meest effectieve manieren om een gevoel van evenwicht te creëren, is door één centraal punt te kiezen voor uw lay-outontwerp. Een goed voorbeeld hiervan in de praktijk is het gebruik van een grote afbeelding als het grootste afzonderlijke element op een pagina.
Een sterke visual kan een krachtige manier zijn om de lezer naar uw pagina te leiden (net als de deskundige analyse van de ideale webhostingservice), en levert ook een nuttig structureel element waarrond u de resterende inhoud in uw lay-out kunt rangschikken. Als je meerdere visuele elementen hebt, gebruik dan het nabijheidsprincipe van de Gestalttheorie om ze te groeperen, en lijn ze op dezelfde manier uit.
Houd er ook rekening mee dat u op dezelfde manier een kop kunt gebruiken of een citaat kunt ophalen; een goede kop op het display kan net zoveel visueel interessant zijn als een afbeelding, terwijl het toch de structuur blijft bieden die u zal helpen een evenwichtige lay-out te garanderen.
03. Gebruik de regel van derden
Een van de beste manieren om een gevoel van evenwicht te creëren, is door de favoriete Rule of Thirds of Golden Ratio van de ontwerper te gebruiken. Simpel gezegd, de regel van derden zegt dat als u uw pagina zowel verticaal als horizontaal in drieën verdeelt, de punten waarop de rasterlijnen elkaar kruisen de natuurlijke brandpunten van een compositie vormen.
Door uw belangrijkste elementen op deze vier punten uit te lijnen, krijgt u een aangenamere compositie dan wanneer u bijvoorbeeld elementen perfect op uw pagina centreert.
Op zichzelf zal de regel van derden uw lay-out niet op magische wijze evenwicht geven, maar door het principe uit te breiden, is het gemakkelijk om deze neiging naar een natuurlijk brandpunt te gebruiken om de balans van uw lay-out te bepalen.
Een gebruikelijke benadering is om de belangrijkste elementen van uw pagina in het bovenste (of onderste) derde deel van de pagina te plaatsen, waarbij het primaire brandpunt overeenkomt met een van de kruispunten. Heeft u veel middelen om op te slaan voor uw site? Bekijk deze opties voor cloudopslag.
04. Gebruik witruimte
Het is gebruikelijk voor beginnende ontwerpers om elk stukje ruimte op een pagina te gebruiken en inhoud in te vullen totdat elk gat is gevuld. De meer ervaren mensen weten dat het beste deel van het ontwerp soms is om elementen weg te laten, in plaats van ze erin te slikken.
In het gedrukte medium is de meest gebruikelijke manier om gebruik te maken van witruimte door de paginamarges en rugmarge te vergroten. Door op internet voldoende ademruimte te bieden rond elementen, kan uw lay-outontwerp gecomponeerd en uitgebalanceerd aanvoelen.
Het gebruik van negatieve ruimte werkt het beste als je een duidelijke structuur hebt die inhoud aan elkaar verankert (zoals die van een raster), omdat het risico van witruimte een gevoel van ontkoppeling tussen pagina-elementen kan zijn als ze lukraak worden geïntroduceerd.
05. Herhaal ontwerpelementen
Herhaling kan ook een sterk gevoel van verbonden ontwerp en balans aan een compositie geven. Het idee is dat door het identificeren en hergebruik van een motief of ontwerpbehandeling in uw lay-out, u een referentie voor de lezer kunt geven, zodat ongelijksoortige gebieden zich verbonden voelen en deel uitmaken van dezelfde algehele compositie.
U kunt deze techniek ook gebruiken om een centraal punt in uw ontwerp te bieden, terwijl u een algehele balans behoudt, door opzettelijk het patroon van gelijkenis te doorbreken dat door herhaling is geïntroduceerd.
06. Gebruik hiërarchie
Een van de belangrijkste benaderingen om nirvana voor paginalay-out te bereiken, is een duidelijk gevoel voor structuur en hiërarchie. We hebben het al gehad over structuur, maar het is belangrijk om ook het relatieve belang van verschillende soorten inhoud op uw pagina over te brengen. Een kop moet bijvoorbeeld bijna altijd visueel belangrijker zijn dan de inhoud van de hoofdtekst.
Bekijk de verschillende elementen waaruit uw lay-outontwerp bestaat en beslis welk element het belangrijkste is. Gebruik dit element om een structurele haak te maken voor de overige elementen op de pagina, waarbij je deze het belangrijkste houdt.
07. Gebruik schaal, contrast en harmonie
Ten slotte kan het gebruik van schaal een zeer effectieve methode zijn om een goede visuele balans in uw lay-out te bereiken. Door sommige elementen groter te maken dan andere, ontstaat er een gevoel van orde en hiërarchie. Dit helpt bij het creëren van een comfortabele lay-out omdat de kijker automatisch eerst naar de grotere elementen in de lay-out kijkt en tijdens het lezen doorgaat naar de kleinere elementen.
Dit principe werkt ook met verhoogd contrast, zodat door het isoleren van een element op de pagina door middel van contrast het oog eerst op dat punt zal focussen. Dit biedt een toegang tot de pagina en geeft opnieuw een nuttig structureel punt om uw lay-out van te ontwikkelen.
Zowel schaal als contrast werken het beste wanneer ze op één element van toepassing zijn, waardoor het zich onderscheidt van de andere delen van uw lay-out. Gebruik de principes van harmonie om de anderen zich verbonden te laten voelen en accentueer het brandpunt.
