Rytme som et grunnleggende prinsipp for design for nettsteder

Få designet ditt til å synge

Sentrerte piler konvergerer på en enkelt pil

Westend61 / Getty Images





Som et designprinsipp er rytme også kjent som repetisjon. Rhythm gir en generell konsistens og orden som bidrar til å gjøre informasjonen på nettstedet ditt forståelig, visuelt tiltalende og sannsynligvis produsere handlingen eller inntrykket du leter etter.

Sansene våre – og derfor hjernen – reagerer positivt på rytmen. Når hjernen gjenkjenner mønsteret i rytmen, slapper den av og forstår resten av designet. Ved å bruke repetisjon i designet kan du målbevisst trekke besøkende på nettstedet til viktige elementer.



Bruken av rytme i design

Du kan bruke rytme på nesten alle elementer i designet. Webdesignere og utviklere bruker vanligvis rytme på måter besøkende kan se, og til og med i noen kan de ikke.

I navigasjonsmenyen

En av de beste måtene å bruke repetisjon og rytme på webdesign er i nettstedets navigasjonsmeny. Et konsistent, lett å følge mønster – i farger, layout osv. – gir brukerne et intuitivt veikart til alt du ønsker å dele på nettstedet ditt.



Lifewire

Lifewire

I innholdsoppsett

Rytme spiller også inn i utformingen av innholdet. For eksempel kan du ha bloggartikler, pressemeldinger og arrangementer som følger hvert sitt bestemte layoutmønster. På denne måten kan besøkende med et blikk se hva slags innhold de ser på ganske enkelt ved hvordan innholdet er lagt ut på en side. Videre, når brukere er kjent med et mønster, er de mer mottakelige for innholdet.

I farger

Konsistens i fargene du bruker gir klarhet. Du kan for eksempel bruke bestemte farger for de forskjellige produktene og/eller tjenestene du tilbyr. Dette hjelper besøkende å forstå hvor de passer inn på nettstedet, som en visuell, fargekodet disposisjon.

En vanlig praksis er å gjøre alle lenker til en konsistent farge. Besøkende kan umiddelbart og enkelt se hvilke setninger som lenker andre steder for å gi tilleggsinformasjon.



I bilder

Du kan til og med bruke rytme i bilder du bruker på et nettsted for å maksimere visuell appell, flyt og sammenheng. Du bruker kanskje ikke identiske bilder, selvfølgelig, men du kan plassere noen som er like i emne, form, innhold osv.

I typografi

Typografi er enda et område der rytme og webdesign går hånd i hånd. Begrensning av antall fonter som brukes på et nettsted skaper repetisjon og mønster. Du kan for eksempel bruke den samme skrifttypen gjennom, men i forskjellige vekter og størrelser – kanskje stor og fet for hovedhoder, stor, men ikke fet for underoverskrifter, vanlig for tekst, og så videre. Dette hjelper deg med å organisere innholdet ditt, og dermed sikre lesbarhet og visuell organisering.



I koding

Rhythm fungerer selv bak kulissene for designere og utviklere, som legger ut koden sin i spesifikke formater som bruker farger, font og layout for å fremme rask, visuell forståelse og organisering.

Eksempel på CSS-stilark

Lifewire/Jon Morin