nadruk in a webpagina ontwerp creëert een gebied of object dat het middelpunt van de pagina is. Het is een manier om één element te laten opvallen in het ontwerp. Het brandpunt kan groter zijn dan andere elementen van het ontwerp of felgekleurd zijn - die beide de neiging hebben om de aandacht te trekken. Wanneer u een webpagina ontwerpt, kunt u de nadruk leggen door een woord of woordgroep te kiezen en er een kleur, lettertype of grootte waardoor het opvalt, maar er zijn veel andere manieren om nadruk te gebruiken in uw ontwerp.
Gebruik van nadruk in ontwerp
Een van de grootste fouten die webdesigners kunnen maken, is proberen alles in het ontwerp te laten opvallen. Wanneer alles evenveel nadruk krijgt, lijkt het ontwerp druk en verwarrend of erger - saai en onaantrekkelijk. Om een centraal punt in een webdesign te creëren, mag u het gebruik van:
- lijnen: Creëer nadruk door contrast. Als meerdere elementen horizontaal zijn, wordt één verticaal element het brandpunt.
- Kleur: Als de meeste elementen in het ontwerp donker of gedempt zijn, trekt elk object met kleur de aandacht.
- vormen: Wanneer de meeste vormen onregelmatig zijn, valt een geometrische vorm op.
- Nabijheid: Wanneer meerdere items zijn gegroepeerd, en één is gescheiden van de groep, gaat het oog naar het enkele item.
- Plaatsing: Hoewel er uitzonderingen zijn, trekt een element dat in het midden van een ontwerp wordt geplaatst meestal de aandacht.
- Gewicht: Een zwaar element trekt de aandacht van de kijker.
- Herhaling: Wanneer een eenvoudig grafisch om te typen element wordt herhaald, volgt het oog het herhaalde element naar het brandpunt.
- Contrast: Naast contrasten die worden gecreëerd door kleur en lijnen, kan contrast worden gegenereerd door veranderingen in grootte, textuur of lettertype. De verandering zorgt ervoor dat het focuselement, of de nadruk, opvalt.
- Witte ruimte: Een element omgeven door witte (of lege) ruimte wordt het brandpunt.
Hiërarchie in webontwerpen
Hiërarchie is de visuele rangschikking van ontwerpelementen die het belang aangeven op basis van grootte. Het grootste element is het belangrijkste; de minder belangrijke elementen zijn kleiner. Focus op het creëren van een visuele hiërarchie in uw webontwerpen. Als je hebt gewerkt aan het creëren van een semantische stroom naar je HTML markup, dit is gemakkelijk omdat uw webpagina al een hiërarchie heeft. Het enige dat uw ontwerp hoeft te doen, is het juiste element benadrukken - zoals een H1-kop - voor de meeste nadruk.
Samen met hiërarchie in opmaak, herkennen dat het oog van een bezoeker een webpagina in een Z-patroon bekijkt, beginnend in de linkerbovenhoek van het scherm. Dat maakt de linkerbovenhoek van de pagina een goede plek voor een belangrijk item zoals een bedrijfslogo. De rechterbovenhoek is de op één na beste plaatsingspositie voor belangrijke informatie.
Nadruk opnemen in webontwerpen
Nadruk in webdesign kan op vele manieren worden geïmplementeerd:
- Gebruik semantische opmaak om de nadruk te leggen, zelfs zonder stijlen.
- Wijzig de grootte van lettertypen of afbeeldingen om ze in het ontwerp te benadrukken of juist minder te benadrukken.
- Gebruik contrasterende kleuren nadruk te geven.
- Maat telt. Een groot woord op de pagina of het scherm krijgt onmiddellijk aandacht.
- Omring het brandpunt met witruimte.
- Herhaal een woord of afbeelding om de aandacht te trekken.
Waar past ondergeschiktheid in?
Ondergeschiktheid treedt op wanneer u andere elementen in een ontwerp afzwakt om het brandpunt te laten opvallen. Een voorbeeld is een felgekleurde afbeelding die tegen een zwart-witte achtergrondfoto is geplaatst. Hetzelfde effect treedt op wanneer u gedempte kleuren gebruikt of kleuren die versmelten met de achtergrond achter het brandpunt, waardoor deze opvalt.