Vekt i a webside design oppretter et område eller objekt som er midtpunktet for siden. Det er en måte å få ett element til å skille seg ut i designet. Fokuspunktet kan være større enn andre elementer i designet eller i fargerike farger - begge har en tendens til å trekke øyet. Når du designer en webside, kan du legge vekt på å velge et ord eller en setning og tildele det a farge, skrift eller størrelse som gjør at den skiller seg ut, men det er mange andre måter å bruke vekt på design.
Bruk av vekt i design
En av de største feilene webdesignere kan gjøre er å prøve å få alt i designet til å skille seg ut. Når alt har like stor vekt, ser designet ut til å være travelt og forvirrende eller verre - kjedelig og lite tiltalende. For å skape et fokuspunkt i et webdesign, ikke overse bruken av:
- Linjer: Lag vekt i kontrast. Hvis flere elementer er horisontale, blir ett vertikalt element i fokus.
- Farge: Hvis de fleste elementene i designet er mørke eller dempet, tiltrekker ethvert objekt med farge øyet.
- Former: Når de fleste former er uregelmessige, skiller en geometrisk form seg ut.
- Nærhet: Når flere elementer er gruppert, og en er atskilt fra gruppen, går øyet til det enkelte elementet.
- Plassering: Selv om det er unntak, trekker vanligvis et element plassert i midten av et design øyet.
- Vekt: Et tungt element tiltrekker seerens oppmerksomhet.
- Gjentakelse: Når et enkelt grafisk å skrive element blir gjentatt, følger øyet det gjentatte elementet til fokuspunktet.
- Kontrast: I tillegg til kontraster skapt av farge og linjer, kan kontrast genereres av størrelse, tekstur eller skriftendringer. Endringen får fokuspunktet, eller vektleggingen, til å skille seg ut.
- White Space: Et element omgitt av hvitt (eller tomt) rom blir fokuspunktet.
Hierarki i nettdesign
Hierarki er den visuelle ordningen av designelementer som indikerer viktighet 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 å skape en semantisk flyt til din HTML markering, dette er enkelt fordi nettsiden din allerede har et hierarki. Alt du trenger å gjøre er å understreke riktig element - for eksempel en H1-overskrift - for mest vekt.
Sammen med hierarki i markering, erkjenner at et besøkendes øye ser på en webside i et Z-mønster som begynner øverst til venstre på skjermen. Det gjør øvre venstre hjørne av siden til et bra sted for et viktig element, for eksempel en firmalogo. Øverst til høyre er den nest beste plasseringsposisjonen for viktig informasjon.
Hvordan inkludere vekt i webdesign
Vekt i webdesign kan implementeres på mange måter:
- Bruk semantisk markering for å legge vekt selv uten stiler.
- Endre størrelsen på skriftene eller bildene for å understreke dem eller understreke dem i designet.
- Bruk kontrasterende farger å gi vekt.
- Størrelse teller. Et stort ord på siden eller skjermen får øyeblikkelig oppmerksomhet.
- Omgiv fokuspunktet med hvitt mellomrom.
- Gjenta et ord eller et bilde for å trekke oppmerksomhet.
Hvor passer underordning til?
Underordning oppstår når du tone ned andre elementer i et design for å få fokuspunktet til å poppe. 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 den til å skille seg ut.