Klem i en webdesign krever et område eller objekt som er fokuspunktet for siden. Det er en måte å få et element til å skille seg ut i designet. Brennpunktet kan være større enn andre elementer i designen eller brightly farget - begge har en tendens til å tegne øyet. Når du designer en nettside, kan du legge vekt ved å velge et ord eller en setning og tilordne den en farge, skrift eller størrelse som gjør det skiller seg ut, men det er mange andre måter å bruke vekt på i design.
Bruk av vekt i design
En av de største feilene webdesignere kan gjøre er å forsøke å gjøre alt i design skiller seg ut. Når alt har samme vekt, ser designen seg opptatt og forvirrende eller verre - kjedelig og unappealing. For å opprette et fokuspunkt i et webdesign, må du ikke overse bruken av:
- Lines: Skape vekt i kontrast. Hvis flere elementer er horisontale, blir et vertikalt element fokuseringspunktet.
- Farge: Hvis de fleste elementene i designet er mørke eller dempet, tiltrekker et objekt med farge øyet.
- former: Når de fleste former er uregelmessige, skiller en geometrisk form ut.
- Nærhet: Når flere elementer er gruppert, og en er skilt fra gruppen, går øyet til det enkelte elementet.
- plassering: Selv om det er unntak, trekker et element i midten av et design øyet.
- Vekt: Et tungt element tiltrekker seg seeren.
- Gjentakelse: Når et enkelt element for å skrive elementet gjentas, følger øyet det gjentatte elementet til fokuspunktet.
- Kontrast: I tillegg til kontraster opprettet av farge og linjer, kan kontrast genereres ved hjelp av størrelse, tekstur eller skrifttypeendringer. Forandringen fører til at fokuselementet eller vekten kommer til å skille seg ut.
- Hvit plass Et element omgitt av hvitt (eller tomt) plass blir fokuspunktet.
Hierarki i webdesign
Hierarki er det visuelle arrangementet av designelementer som angir betydning etter størrelse. Det største elementet er det viktigste; de mindre viktige elementene er mindre. Fokuser på å skape et visuelt hierarki i webdesignene dine. Hvis du har jobbet for å lage en semantisk flyt til HTML-oppslaget ditt, er dette enkelt fordi nettsiden din allerede har et hierarki. Alt du trenger å gjøre er å understreke det riktige elementet - for eksempel en H1-overskrift - for mest vekt.
Sammen med hierarkiet i markup, gjenkjenn at et besøkendes øye viser en nettside i et Z-mønster som begynner øverst til venstre på skjermen. Det gjør det øverste venstre hjørnet av siden et godt sted for et viktig element som en firmalogo. Øverste høyre hjørne er den nest beste plasseringsposisjonen for viktig informasjon.
Slik inkluderer du vekt på webdesign
Fokus på webdesign kan implementeres på mange måter:
- Bruk semantisk markering for å gi vekt selv uten noen stiler.
- Endre størrelsen på skrifter eller bilder for å understreke eller de-understreke dem i designet.
- Bruk kontrasterende farger for å gi vekt.
- Størrelse teller. Et stort ord på siden eller skjermen får umiddelbar oppmerksomhet.
- Omgjøre kontaktpunktet med hvitt mellomrom.
- Gjenta et ord eller et bilde for å trekke oppmerksomheten.
Hvor plasserer underordnet seg?
Subordination oppstår når du toner ned andre elementer i et design for å gjøre fokuspunktet pop. Et eksempel er en farget grafikk plassert mot et svart-hvitt bakgrunnsbilde. Den samme effekten oppstår når du bruker dempede farger eller farger som blander seg med bakgrunnen bak fokuspunktet, og får det til å skille seg ut.
