Fokus i et webdesign skaber et område eller objekt, der er fokuspunktet for siden. Det er en måde at få et element til at skille sig ud i designet. Fokuspunktet kan være større end andre elementer i designet eller stærkt farvet - begge har tendens til at tegne øjet. Når du designer en webside, kan du tilføje vægt ved at vælge et ord eller en sætning og tildele det en farve, skrifttype eller størrelse, der gør det skarpt, men der er mange andre måder at bruge vægt på i dit design.
Brug af vægt i design
En af de største fejltagere webdesignere kan gøre er at forsøge at gøre alt i designet skiller sig ud. Når alt har lige stor vægt, ser designet travlt og forvirrende eller værre ud - kedeligt og ubehageligt. For at oprette et kontaktpunkt i et webdesign skal du ikke overse brugen af:
- Lines: Skab vægt i kontrast. Hvis flere elementer er vandrette, bliver et vertikalt element brændpunktet.
- Farve: Hvis de fleste elementer i designet er mørke eller dæmpet, tiltrækker ethvert objekt med farve øjet.
- Former: Når de fleste former er uregelmæssige, skiller en geometrisk form ud.
- Nærhed: Når flere elementer er grupperet, og en er adskilt fra gruppen, går øjet til det enkelte emne.
- Placering: Selvom der er undtagelser, trækker et element i midten af et design normalt øjet.
- Vægt: Et tungt element tiltrækker seeren.
- Gentagelse: Når et simpelt element til grafisk type gentages, følger øjet det gentagne element til brændpunktet.
- Kontrast: Ud over kontraster lavet af farve og linjer kan kontrast genereres ved ændring af størrelse, tekstur eller skrifttype. Ændringen bevirker, at fokuselementet eller tyngdepunktet skiller sig ud.
- Hvidt rum: Et element omgivet af hvidt (eller tomt) rum bliver brændpunktet.
Hierarki i Webdesign
Hierarki er det visuelle arrangement af designelementer, der angiver betydning efter størrelse. Det største element er det vigtigste; de mindre vigtige elementer er mindre. Fokuser på at skabe et visuelt hierarki i dine webdesign. Hvis du har arbejdet for at skabe et semantisk flow til din HTML-opdeling, er det nemt, fordi din webside allerede har et hierarki. Alt dit design skal gøre, er at understrege det rigtige element - som f.eks. En H1-overskrift - for det meste.
Sammen med hierarki i markup, genkend at en besøgendes øje viser en webside i et Z-mønster, der begynder i det øverste venstre hjørne af skærmen. Det gør det øverste venstre hjørne af siden et godt sted for en vigtig ting som et firmalogo. Øverste højre hjørne er den næstbedste placeringsposition til vigtig information.
Hvordan man lægger vægt på webdesign
Vægten i webdesign kan implementeres på mange måder:
- Brug semantisk markering til at give vægt selv uden nogen stilarter.
- Ændre størrelsen på skrifttyper eller billeder for at understrege eller understrege dem i designet.
- Brug kontrastfarver til at lægge vægt på.
- Størrelse tæller. Et stort ord på siden eller skærmen får øjeblikkelig opmærksomhed.
- Omgiv brændpunktet med hvidt mellemrum.
- Gentag et ord eller billede for at henlede opmærksomheden.
Hvor tilpasser underordnet sig?
Underordnet forekommer, når du tone ned andre elementer i et design for at gøre fokuspunktet pop. Et eksempel er en farvestrålende grafik placeret mod et sort / hvid baggrundsbillede. Den samme effekt opstår, når du bruger dæmpede farver eller farver, der blandes med baggrunden bag brændpunktet, hvilket får det til at skille sig ud.
