Gebruik klem om die oog van die kyker te teken
Klem in 'n webbladontwerp skep 'n area of voorwerp wat die fokuspunt vir die bladsy is. Dit is 'n manier om een element uit te beeld in die ontwerp. Die fokuspunt mag groter wees as ander elemente van die ontwerp of helderkleurig. Albei is geneig om die oog te teken. Wanneer jy 'n webblad ontwerp, kan jy klem byvoeg deur 'n woord of frase te kies en dit 'n kleur, lettertipe of grootte te gee wat dit uitsteek, maar daar is baie ander maniere om klem in jou ontwerp te gebruik.
Gebruik van klem in Ontwerp
Een van die grootste foute wat ontwerpers kan maak, is om te probeer om alles in die ontwerp uit te beeld. Wanneer alles gelyke klem het, lyk die ontwerp besig en verwarrend of erger, saai en onaantreklik. Om 'n fokuspunt in 'n webontwerp te skep, moet u nie die gebruik van:
- Lyne: Skep klem in teenstelling. As verskeie elemente horisontaal is, word een vertikale element die fokuspunt.
- Kleur: As die meeste elemente in die ontwerp donker of gedemp is, trek enige voorwerp met kleur die oog.
- Vorme: Wanneer die meeste vorms onreëlmatig is, staan 'n geometriese vorm uit.
- Nabyheid: Wanneer verskeie items gegroepeer word, en een is geskei van die groep, gaan die oog na die enkele item.
- Plasing: Alhoewel daar uitsonderings is, trek 'n element in die middel van 'n ontwerp gewoonlik die oog.
- Gewig: ' n Swaar element lok die aandag van die kyker.
- Herhaling: Wanneer 'n eenvoudige element om te teken, herhaal word, volg die oog die herhaalde element na die fokuspunt.
- Kontras: Benewens kontraste wat deur kleur en lyne geskep word, kan kontras gegenereer word deur veranderinge in grootte, tekstuur of lettertipe. Die verandering veroorsaak dat die fokuselement uitsteek.
- Witruimte: ' n Element omring deur wit (of leë) ruimte word die fokuspunt.
Hiërargie in webontwerpe
Hiërargie is die visuele rangskikking van ontwerpelemente wat belangrikheid volgens grootte aandui. Die grootste element is die belangrikste; die minder belangrike elemente is kleiner. Fokus op die skep van 'n visuele hiërargie in jou webontwerpe. As jy gewerk het om 'n semantiese vloei na jou HTML- opmaak te skep, is dit maklik omdat jou webblad reeds 'n hiërargie het. Al wat jou ontwerp moet doen, is om die korrekte element te beklemtoon - soos 'n H1-kop - vir die meeste klem.
Tesame met die hiërargie in opmerkings, erken dat 'n besoeker se oog 'n webblad in 'n Z-patroon begin, wat begin bo in die hoek van die skerm. Dit maak die boonste linkerhoek van die bladsy 'n goeie plek vir 'n belangrike item soos 'n maatskappy se logo. Die boonste regterhoek is die tweede beste plasingposisie vir belangrike inligting.
Hoe om klem in webontwerpe in te sluit
Klem in webontwerp kan op baie maniere geïmplementeer word:
- Gebruik semantiese opmaak om klem te bied, selfs sonder enige style.
- Verander die grootte van lettertipes of beelde om hulle in die ontwerp te beklemtoon of te beklemtoon.
- Gebruik kontrasterende kleure om klem te bied.
- Grootte tellings. 'N Groot woord op die bladsy of skerm kry onmiddellike aandag.
- Omring die fokuspunt met wit spasie.
- Herhaal 'n woord of prent om aandag te trek.
Waar pas ondergeskiktheid in?
Ondergeskiktheid vind plaas wanneer jy ander elemente in 'n ontwerp neersit om die fokuspunt te maak. Een voorbeeld is 'n helderkleurige grafiese voorstelling teen 'n swart en wit agtergrondfoto. Dieselfde effek vind plaas as jy gedempte kleure of kleure gebruik wat met die agtergrond van die fokuspunt versmelt, sodat dit uitsteek.