Lytt til lydversjonen av denne artikkelen

En av de vanskeligste delene av å snakke om prinsippene for design er å finne ut hvor mange prinsipper det faktisk er (er det) fem ? Syv ? 10 ?). Og når det er funnet ut, hvilke av disse antatte grunnleggende designene bør inkluderes?

Søk etter 'prinsipper for design', og Google vil gi resultater for artikler som inneholder fra fem til mer enn et dusin individuelle prinsipper. Selv artiklene som er enige om nummeret, er ikke nødvendigvis enige om hvilke som skal være inkludert i det tallet.

I virkeligheten er det omtrent et dusin grunnleggende prinsipper for design som begynner og ekspert designere bør huske på når du jobber med prosjektene sine. I tillegg er det et titalls eller så “sekundære” designprinsipper som noen ganger er inkludert som grunnleggende (for eksempel Gestalt-prinsipper , typografi, farge og innramming). De viktigste designprinsippene er forklart og illustrert nedenfor.

Grunnleggende designprinsipper

Som allerede nevnt er det ingen reell enighet i designmiljøet om hva hovedprinsippene for design faktisk er. Når det er sagt, er følgende tolv prinsipper de som er nevnt oftest i artikler og bøker om emnet.

Kontrast

En av de vanligste klager som designere har om tilbakemeldinger fra kunder, dreier seg ofte om kunder som sier at et design trenger å 'poppe' mer. Selv om det høres ut som et helt vilkårlig begrep, er det klienten generelt mener at designet trenger mer kontrast.

Kontrast refererer til hvordan forskjellige elementer er i et design, spesielt tilstøtende elementer. Disse forskjellene gjør at ulike elementer skiller seg ut. Kontrast er også et veldig viktig aspekt ved å skape tilgjengelige design . Utilstrekkelig kontrast kan gjøre tekstinnhold spesielt veldig vanskelig å lese, spesielt for synshemmede.

Balansere

Hvert element i et design - typografi, farger, bilder, former, mønstre osv. - har en visuell vekt. Noen elementer er tunge og trekker øyet, mens andre elementer er lettere. Måten disse elementene er lagt ut på en side skal skape en følelse av balanse.

Det er to grunnleggende typer balanse: symmetrisk og asymmetrisk. Symmetriske designelementer med samme vekt på hver side av en imaginær midtlinje. Asymmetrisk balanse bruker elementer med forskjellige vekter, ofte lagt ut i forhold til en linje som ikke er sentrert i det overordnede designet.

Vektlegging

Vekt fokuserer på delene av et design som er ment å skille seg ut. I de fleste tilfeller betyr dette den viktigste informasjonen designet er ment å formidle.

Vekt kan også brukes til å redusere effekten av viss informasjon. Dette er mest tydelig i tilfeller der 'fin skrift' brukes til tilleggsinformasjon i et design. Liten typografi gjemt bort nederst på en side har mye mindre vekt enn nesten noe annet i et design, og blir derfor understreket.

Proporsjon

Andel er et av de enklere designprinsippene å forstå. Enkelt sagt, det er størrelsen på elementene i forhold til hverandre. Andel signaliserer hva som er viktig i et design og hva som ikke er. Større elementer er viktigere, mindre elementer mindre.

Hierarki

Hierarki er et annet designprinsipp som direkte relaterer seg til hvor godt innhold kan behandles av folk som bruker et nettsted. Det refererer til viktigheten av elementer i et design. De viktigste elementene (eller innholdet) skal vises å være den viktigste.

Hierarki illustreres lettest ved bruk av titler og overskrifter i et design. Tittelen på en side skal gis størst betydning, og bør derfor umiddelbart gjenkjennes som det viktigste elementet på en side. Overskrifter og underoverskrifter skal være formatert på en måte som viser deres betydning i forhold til hverandre så vel som i forhold til tittel og hovedtekst.

Gjentakelse

Gjentagelse er en fin måte å forsterke en idé på. Det er også en fin måte å forene et design som samler mange forskjellige elementer. Gjentakelse kan gjøres på en rekke måter: ved å gjenta de samme fargene, skriftene, figurene eller andre elementer i et design.

Denne artikkelen bruker for eksempel repetisjon i overskriftens format. Hvert designprinsipp er formatert det samme som de andre i denne delen, og signaliserer til leserne at de alle er like viktige og at de alle er beslektede. Konsekvente overskrifter forener disse elementene på tvers av siden.

Rytme

Mellomromene mellom repeterende elementer kan få en følelse av rytme til å danne seg, på samme måte som rommet mellom tonene i en musikalsk komposisjon skaper en rytme. Det er fem grunnleggende typer visuell rytme som designere kan lage: tilfeldig, vanlig, vekslende, flytende og progressiv.

Tilfeldige rytmer har ikke noe synlig mønster. Vanlige rytmer følger samme avstand mellom hvert element uten variasjon. Vekslende rytmer følger et settmønster som gjentas, men det er variasjon mellom de faktiske elementene (for eksempel et 1-2-3-1-2-3 mønster). Flytende rytmer følger svinger og kurver, på samme måte som sanddynene bølger eller bølger strømmer. Progressive rytmer endres etter hvert, med hver endring som legger til de forrige iterasjonene.

Rytmer kan brukes til å skape en rekke følelser. De kan skape spenning (spesielt flytende og progressive rytmer) eller skape trygghet og konsistens. Alt avhenger av måten de implementeres på.

Mønster

Mønstre er ikke noe annet enn en repetisjon av flere designelementer som jobber sammen. Bakgrunnsmønstre er det mest allestedsnærværende eksemplet på mønstre som nesten alle er kjent med.

I design kan imidlertid mønstre også referere til å sette standarder for hvordan visse elementer er designet. Topp navigering er for eksempel et designmønster som de fleste internettbrukere har samhandlet med.

White Space

Hvitt rom - også referert til som 'negativt rom' - er områdene i et design som ikke inkluderer noen designelementer. Rommet er effektivt tomt.

Mange begynnende designere føler behov for å pakke hver piksel med noen form for 'design' og overse verdien av hvite rom. Men hvite rom tjener mange viktige formål i et design, først og fremst å gi elementer av designrommet til puste . Negativ plass kan også bidra til å markere spesifikt innhold eller bestemte deler av et design.

Det kan også gjøre elementene i et design lettere å skjelne. Dette er grunnen til at typografi er mer leselig når store og små bokstaver brukes, siden negativt rom er mer variert rundt små bokstaver, noe som gjør at folk kan tolke dem raskere.

I noen tilfeller brukes negativ plass til å lage sekundære bilder som kanskje ikke umiddelbart er synlige for betrakteren. Dette kan være en verdifull del av merkevarebygging som kan glede kundene. Ta den skjulte pilen i FedEx-logoen, for bare ett eksempel.

Bevegelse

Bevegelse refererer til måten øyet beveger seg over et design. Det viktigste elementet skal føre til det neste viktigste og så videre. Dette gjøres gjennom posisjonering (øyet faller naturlig på bestemte områder av et design først), vekt og andre designelementer som allerede er nevnt.

Variasjon

Variasjon i design brukes til å skape visuell interesse. Uten variasjon kan et design veldig raskt bli ensformig og føre til at brukeren mister interessen. Variasjon kan opprettes på en rekke måter, gjennom farge, typografi, bilder, former og praktisk talt alle andre designelementer.

Imidlertid er variasjon av hensyn til variasjonen meningsløs. Variasjon bør forsterke de andre elementene i et design og brukes sammen med dem for å skape et mer interessant og estetisk tiltalende resultat som forbedrer brukerens opplevelse.

Enhet

Alle har sett et nettsted eller annet design der ute som bare så ut til å kaste elementer på en side uten hensyn til hvordan de jobbet sammen. Avisannonser som bruker ti forskjellige skrifter, kommer til å tenke nesten umiddelbart.

Enhet refererer til hvor godt elementene i et design fungerer sammen. Visuelle elementer skal ha klare forhold til hverandre i et design. Enhet bidrar også til å sikre at konsepter kommuniseres på en tydelig og sammenhengende måte. Design med god enhet ser også ut til å være mer organisert og av høyere kvalitet og autoritet enn design med dårlig enhet.

Andre prinsipper for design

Andre prinsipper for design er også berørt i forskjellige artikler om emnet. Disse inkluderer typografi, farge, Gestalt-prinsipper, rutenett og justering, innramming og form. Noen passer definitivt til definisjonen av 'prinsipper', mens andre ligner mer på designelementer.

Typografi refererer til måten tekst er ordnet i et design. Dette inkluderer skriftene som brukes, avstand, størrelse og vekt, og måten forskjellige tekstelementer forholder seg til hverandre. God typografisk design er sterkt påvirket av alle de andre designprinsippene som er nevnt tidligere i denne artikkelen.

Bruk av farger i design er en av de mest psykologisk viktige delene av et design og har stor innflytelse på brukeropplevelsen. Fargesykologi og teori påvirker sterkt noen av de andre prinsippene som er nevnt tidligere.

Gestalt-prinsipper inkluderer likhet, fortsettelse, lukking, nærhet, figur / bakken og symmetri og orden (også kalt prägnanz). Noen av disse prinsippene er nært knyttet til prinsippene nevnt ovenfor.

Rutenett og justering er nært knyttet til balanse og refererer til måten elementene er ordnet i forhold til et usynlig rutenett på siden.

Innramming refererer til hvordan hovedmotivet til et design er plassert i forhold til andre elementer på siden. Det blir ofte hørt referert til i film eller fotografering, med hvordan hovedfokuset til et bilde er plassert i det samlede bildet. Men prinsippet overføres til design.

Form er også en stor del av ethvert design, både når det gjelder spesifikke former som brukes som elementer i designet, og den generelle formen på selve designet. Ulike former kan fremkalle forskjellige følelser, dvs. sirkler er organiske og flytende, mens firkanter er mer stive og formelle, og trekanter gir en følelse av energi eller bevegelse.

Disse designprinsippene eller elementene er viktige aspekter ved god design og bør vurderes ved siden av de andre grunnleggende prinsippene for å skape de beste brukeropplevelsene.

Konklusjon

Hva som utgjør de 'grunnleggende' prinsippene for design, kan absolutt diskuteres. Men å forstå og implementere prinsippene dekket ovenfor er viktig for å lykkes med ethvert designprosjekt.

Designere skal sikte på å forstå hvordan hvert av disse designprinsippene faktisk påvirker arbeidet deres. Å studere hvordan andre designere har implementert disse ideene for å strukturere sine egne design, er også et utrolig verdifullt verktøy for å lære å skape bedre design.

Det er fullt mulig å skape et godt design uten en grundig forståelse av disse elementene og prinsippene for design. Imidlertid gjøres det vanligvis av 'designerens intuisjon' og kan ta mye prøving og feiling for å skape noe som faktisk ser bra ut og skaper en optimal brukeropplevelse. Designere kan spare mye tid og energi ved å øve på prinsippene vi har diskutert til de blir andre natur.

•••

Videre lesing på ApeeScape Design Blog:

• Designprinsipper: Introduksjon til hierarki
• Øk UX-en din med disse vellykkede prinsippene for interaksjonsdesign
• Utforske Gestalt-prinsippene for design
• Overbevisende design: Bruk avansert psykologi effektivt
• The Ultimate UX Hook - Anticipatory, Persuasive, and Emotional Design in UX

Forstå det grunnleggende

Hva er elementene i visuell design?

Elementene eller prinsippene til visuell design inkluderer kontrast, balanse, vekt, bevegelse, hvitt rom, proporsjon, hierarki, repetisjon, rytme, mønster, enhet og variasjon. Disse prinsippene for design jobber sammen for å skape noe som er estetisk tiltalende og optimaliserer brukeropplevelsen.

Hvorfor er kontrast viktig i design?

Kontrast refererer til hvordan forskjellige elementer er i et design, noe som gjør dem lettere å skille fra hverandre. Kontrast er veldig viktig for å skape tilgjengelige design. Utilstrekkelig kontrast kan gjøre tekstinnhold spesielt veldig vanskelig å lese, spesielt for synshemmede.

Hva betyr rytme i design?

Mellomromene mellom gjentatte visuelle elementer skaper det grunnleggende designprinsippet for rytme til form, på samme måte som rommet mellom tonene i en musikalsk komposisjon skaper en rytme. Det er fem grunnleggende typer visuell rytme som designere kan lage: tilfeldig, vanlig, vekslende, flytende og progressiv.

Hva er balanse design prinsippet?

Hvert element og prinsipp i et design - typografi, farger, bilder, former, mønstre osv. - har en visuell vekt. Noen elementer er tunge og trekker øyet, mens andre elementer er lettere. Måten disse elementene er lagt ut på en side, skal skape en følelse av balanse.

Hvordan oppnås vekt i design?

Det grunnleggende vektleggingsprinsippet brukes til å enten gjøre visse elementer i et design skille seg ut (for eksempel ved å bruke kontrasterende farger, gjøre et element større, øke det hvite rommet rundt det osv.), Eller ikke skille seg ut (som når liten 'fin utskrift' nederst på siden).