Een van de elementen van een goed paginaontwerp, of het nu voor print of web is, is het concept van richting, dat nauw aansluit bij beweging. Elementen in het pagina-ontwerp leiden de ogen van de kijker opzettelijk van het ene deel van de pagina naar het andere.
Algemene aanwijzingen in ontwerpen
De drie richtingen die gebruikelijk zijn in ontwerpen die worden gebruikt om het oog te richten, zijn:
- Horizontaal: Als u de pagina of het scherm van links naar rechts in tweeën deelt met een lijn of ander element, gaat het oog naar elk element in de bovenste helft van het ontwerp voordat het naar het gedeelte onder de horizontale lijn of het element gaat dat de pagina verdeelt.
- Verticaal: Als je twee lange, smalle kolommen tekst of twee lange, smalle foto’s of grafische elementen hebt, heb je een ontwerp met een verticale richting. Het oog stroomt van de bovenkant van de ene kolom naar de onderkant en gaat dan naar de bovenkant van de tweede kolom.
- Diagonaal: Als u diagonalen of driehoeken in uw ontwerp gebruikt, valt de aandacht vooral op het web, waar u niet veel diagonale richtingslay-outs ziet.
Elk pagina-ontwerp heeft een dominante richting, die wordt bepaald door de plaatsing van de meest kritische elementen.
Gebruik van richting in ontwerp
Bij webdesign bepalen de afbeeldingen op de pagina meestal de richting. Toch kunt u ook richting geven door tekst of grafische elementen op de pagina en met lijnen te plaatsen, vooral wanneer de lijnen pijlpunten hebben.
Richting opnemen in print- en webontwerpen
Geef richting aan uw webontwerpen op de volgende manieren:
- Kijk naar je afbeeldingen om te bepalen in welke richting de onderwerpen kijken. Als de mensen op de afbeelding naar rechts kijken, plaatst u de afbeelding aan de linkerkant van de pagina. Anders leidt de richting van de ogen op de foto de ogen van uw lezers weg van de pagina. Je wilt niet dat mensen van de zijkant van de pagina kijken.
- Gebruik je lay-out om een richting voor te stellen. Plaats dichte elementen, zoals foto’s, in horizontale, verticale of diagonale lijnen. Terwijl minder dichte elementen, zoals tekst, die elementen omringen.
- Gebruik lijnen, afbeeldingen of HR-tags om beweging en richting te suggereren. Een horizontale lijn is stil en beweegt het oog soepel van links naar rechts op de pagina. Een verticale lijn suggereert beweging van boven naar beneden, en een diagonale lijn duidt sterk op beweging van het ene deel van de pagina naar het andere.
- Ongebalanceerde elementen geven ook richting en beweging aan.
Lay-outkenmerken die richting en beweging beïnvloeden
Het oog gaat meestal eerst naar het grootste element op een pagina. Het kan een grote foto zijn of een grote kop. Waar het vervolgens naartoe gaat, is een functie van richting in het ontwerp. In een goed, uitgebalanceerd ontwerp leidt de plaats waar het oog naar toe gaat, naar een belangrijk deel van de boodschap die de pagina probeert over te brengen. Verschillende dingen beïnvloeden de beweging van het eerste grote object op de pagina naar het volgende belangrijke item, waaronder:
- Kleur: Een felle kleur trekt sneller de aandacht dan een neutrale kleur.
- Grafische afbeeldingen: Een wijzende vinger of een pijl zorgt ervoor dat het oog in een bepaalde richting kijkt.
- Vormen: Een vorm die door de pagina slingert (zoals een spiraal of een stippellijn die van het ene element naar het andere beweegt) draagt het oog op zijn pad.
Hoe richting te bepalen?
Als je niet zeker weet hoe je een pagina moet ontwerpen om de richting aan te geven, experimenteer dan door naar webpagina’s te kijken en publicaties af te drukken om te bepalen waar je oog eerst gaat en vervolgens waar het tweede gaat. Zoek vervolgens naar de reden dat dit is gebeurd. Zodra u de symmetrische ontwerpelementen herkent die ervoor zorgen dat uw oog van het ene element naar het andere gaat, kunt u die elementen in uw ontwerp gebruiken.