Vægt i en webside design opretter et område eller objekt, der er omdrejningspunktet for siden. Det er en måde at få et element til at skille sig ud i designet. Brændpunktet kan være større end andre elementer i designet eller farvestrålende - begge har tendens til at trække ø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 får den til at skille sig ud, men der er mange andre måder at bruge vægt på i din design.
Brug af vægt i design
En af de største fejl, webdesignere kan lave, er at forsøge at få alt i designet til at skille sig ud. Når alt har lige vægt, ser designet ud til at være travlt og forvirrende eller værre - kedeligt og ikke tiltalende. For at skabe et fokuspunkt i et webdesign skal du ikke overse brugen af:
- Linjer: Opret vægt i kontrast. Hvis flere elementer er vandrette, bliver et lodret element i centrum.
- Farve: Hvis de fleste elementer i designet er mørke eller dæmpede, tiltrækker ethvert objekt med farve øjet.
- Former: Når de fleste former er uregelmæssige, skiller en geometrisk form sig ud.
- Nærhed: Når flere elementer er grupperet, og en er adskilt fra gruppen, går øjet til det enkelte element.
- Placering: Selvom der er undtagelser, trækker et element, der er placeret i midten af et design, normalt øjet.
- Vægt: Et tungt element tiltrækker seeren.
- Gentagelse: Når et enkelt grafik-til-element-element gentages, følger øjet det gentagne element til fokuspunktet.
- Kontrast: Ud over kontraster skabt af farve og linjer kan kontrast genereres af størrelse, struktur eller skrifttypeskift. Ændringen får brændstofelementet eller betoning til at skille sig ud.
- Hvidt rum: Et element omgivet af hvidt (eller tomt) rum bliver omdrejningspunktet.
Hierarki i webdesign
Hierarki er det visuelle arrangement af designelementer, der indikerer 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 en semantisk strøm til din HTML markup, dette er let, fordi din webside allerede har et hierarki. Alt dit design skal gøre er at understrege det rigtige element - såsom en H1-overskrift - for mest vægt.
Sammen med hierarki i markering, erkender, at en besøgendes øje ser en webside i et Z-mønster, der begynder i øverste venstre hjørne af skærmen. Det gør det øverste venstre hjørne af siden til et godt sted for en vigtig vare som f.eks. Et firmalogo. Det øverste højre hjørne er den næstbedste placeringsposition for vigtig information.
Sådan inkluderes vægt i webdesign
Vægt i webdesign kan implementeres på mange måder:
- Brug semantisk markering til at fremhæve selv uden stilarter.
- Skift størrelsen på skrifttyper eller billeder for at fremhæve dem eller dempere dem i designet.
- Brug kontrasterende farver at lægge vægt på.
- Størrelse tæller. Et stort ord på siden eller skærmen får øjeblikkelig opmærksomhed.
- Omgiv fokuspunktet med hvidt rum.
- Gentag et ord eller et billede for at henlede opmærksomheden.
Hvor passer underordning til?
Underordning finder sted, når du tone ned andre elementer i et design for at få fokuspunktet til at poppe. Et eksempel er en farvet grafik placeret mod et sort / hvid baggrundsbillede. Den samme effekt opstår, når du bruger dæmpede farver eller farver, der blander sig med baggrunden bag fokuspunktet og får den til at skille sig ud.