IN DEZE HANDLEIDING:
Het principe van nabijheid in ontwerp en design
Heb je ooit een afbeelding op een website gezien en kon je niet meteen zien welk tekstblok ernaar verwijst? Ooit een pagina bekeken en moeite gehad om te zien welke elementen met elkaar te maken hebben?
Verwante items moeten worden gegroepeerd.
Voorbeeld van het principe van nabijheid
Bekijk de onderstaande afbeelding van de website van de Webdesign bureau:
Kijk specifiek naar het gedeelte gemarkeerd door Oplossingen. Het is misschien niet duidelijk op de verkleinde afbeelding, maar de kop staat dichter bij de blokken eronder dan de paragraaf erboven. Kijk nog meer hoe elk blok in de sectie zijn eigen kop, icoon en tekst strak gegroepeerd heeft en hoe de ruimte tussen de verschillende blokken meer is dan de ruimte binnen elke blog.
Zo weet u in één oogopslag welke kop en welk pictogram bij elk tekstblok horen. Je verwart de SEO-oplossing niet met de Video-oplossing eronder. Het is duidelijk waar de ene eindigt en de volgende begint.
Meer tips en ontwerpprincipes voor beter en een goed uitziende WordPress website
Meer tips en ontwerpprincipes voor beter en een goed uitziende WordPress website
Uitlijning uitlijnen element layout tekst afbeelding
Het principe van uitlijning in webdesign Heb je ooit een website bekeken en wist je…
Herhaling repeterende elementen layout ontwerp principe
Het principe van herhaling in design en ontwerp Waarom zien alle h2’s op een bepaalde…
Contrast beeldelementen grootte kleur layout ontwerp
Het principe van contrast Als elk element op uw site er hetzelfde uitziet, zou niemand…