Hvordan lage mønstre i designprosjekter
Tenk på hvor mange mønstre du følger i din daglige rutine. Fra å våkne og bli klar til jobb til å sovne hver natt, er dagen fylt med disse små repeterende elementene som skaper orden og ro. Mønstre i design gjør det samme: Disse repeterende elementene kan bringe orden til et prosjekt og skape en følelse av ro (eller kaos) for å gi en tone.
Det er den sanne appellen til et mønster. Det hjelper deg å lede brukere gjennom en estetikk ved å følge mønsteret eller serien med objekter og forteller brukerne hvordan de skal samhandle med noe. Designere kan lage mønstre på flere måter - med bakgrunn, objekter, farge, ord, paneler eller ved å bruke en kombinasjon av disse elementene.
Utforsk Envato Elements
Hva er et mønster?
"Et arrangement av gjentatte eller tilsvarende deler, dekorative motiver, etc." - Collins English Dictionary
Et mønster kan omfatte en hvilken som helst måte å gjenta objekter, ord, farger eller former. For designformål involverer et mønster alle elementer der du kan se en viss forbindelse eller repetisjon i den generelle estetikken. Mens mange antar at mønstre tilsvarer ordinære og symmetriske ordninger, er det ikke alltid tilfelle. Mønstre kan falle i alle arrayer; noen ganger er uorganisering selve mønsteret.
Mønstre kan gjenkjennes av et hvilket som helst antall sanser. Visuelle mønstre er ofte mer kaotiske enn skapte. Naturlige mønstre inkluderer spiraler, bølger, sprekker og rotasjoner. Nesten hvilken som helst tekstil eller perfekt mønster er laget spesielt for visuell harmoni selv om de grunnleggende formene er avledet fra naturen.
Med bakgrunn
Noe av det første som kommer opp i tankene når vi snakker om mønstre, er bakgrunner. Gjort populært av bakgrunnsbilder (hjemmets og desktop-variantene), er små eller subtile repeterende mønstre populære måter å legge dybde til det grunnleggende rommet i et designprosjekt. Noen designere velger også større eller dristigere bakgrunnsmønstre, selv om dette ikke er like vanlig. (For mye aktivitet i bakgrunnen kan distrahere fra meldingen i forgrunnen.)
Så hva er noen vanlige teknikker for å lage et tiltalende bakgrunnsmønster?
- Enkelhet: Enkle bakgrunnsmønstre er effektive og gir dybde uten at brukerne faktisk fokuserer på det aspektet av designet. De beste bakgrunnene faller inn i naturen, per se, og tjener bare til å fremheve hoveddelen av designet.
- Logoer: For mange merker er små repeterende logoer en vanlig bakgrunnsstil. (Selv om det også er ganske mange som bruker store bakgrunnslogoer.) Gjentatte logoer kan bidra til å opprette merkevareforbindelse.
- Nøytral palett: Farge er en av de vanligste faktorene i bakgrunnsdesign. Og nøytrale paletter er overveldende dominerende. Selv med trenden å bruke uskarpe bilder på bakgrunner - noe som er veldig populært akkurat nå - er farger og former uskarpe til nøytralitet, der gjenstander og farger bare smelter sammen.
- Symmetri: Bakgrunnsmønstre faller ofte i ordinære former. Med gjentagende elementer kan mønsteret ofte forskyves, titles, reverseres eller endres på mange måter og fremdeles ha det samme generelle utseendet og preget.
- Gjentagelse: Gjenta objekter er også populære i bakgrunnsmønstre. Denne enkle teknikken kan gi dybde til et ellers flatt skjema.
Ved å gruppere objekter
Lignende former og gjenstander ser nesten ut til å falle på linje med hverandre når de brukes i umiddelbar nærhet. Selv om det åpenbare valget for å gruppere objekter etter mønstre er å gruppere objekter av samme form og størrelse, er det ikke alltid nødvendig.
På bildene over skaper Jonathan Pattersons portefølje et opplagt mønster med ni identisk formede esker som inneholder figurer i samme størrelse. Mønsteret er klart og tiltalende. Mønsterbruken på bildet for Dots Printhaus er mindre "perfekt", men like opplagt, med et sett med lignende former i forskjellige størrelser.
Dette viser for at objekter kan grupperes på forskjellige måter, men likevel skaper en følelse av mønster:
- Lignende former
- Varierende former i lignende størrelser
- Formene ordner seg for å opprette et objekt
- Former forbundet med linjer eller andre elementer
- Former med lignende antall poeng eller ender
Ved å gjenta farge
Mønster kan etableres ved å lage et tema med farge. Dette inkluderer objekter eller elementer i samme farge eller til og med å jobbe med elementer som har "farger" av lignende farge, for eksempel metning, lyshet eller fargetone. Fargemønster brukes ofte for å fortelle brukerne hva de skal gjøre med et design. I nettstedsdesign er det for eksempel vanlig at alle klikkbare knapper er en farge. Dette skaper et mønster estetisk og for brukeratferd (dvs. du klikker på alt som er rødt).
I eksemplene over brukes farge på tydelig forskjellige måter. Brand Aid Design bruker farge for å skille elementer og for å lage et mønster med ikoner i forskjellige former og størrelser. Ro og Co bruker farge på en bakgrunn og den samme fargetonen for mindre bilder på hele siden. Denne fargekoblingen knytter hvert av de mindre bildene til den generelle designen i et mønster som ikke har noen symmetri og veldig lite åpenbar skille.
Bruk farge til å lage mønstre for å:
- Etablere forbindelse mellom objekter
- Skap en følelse av hvordan du bruker et design
- Angi en visuell tone
- Legg til et mønster der ellers ikke finnes
- Tegn brukere fra det ene objektet til det neste
Med gjentagende ord
Gjenta ord kan skape et visuelt eller lydmønster. Ved å se det samme ordet igjen og igjen vil du begynne å koble det til designen eller meldingen. (Casper Sleep-nettstedet bruker for eksempel ordet “Sleep” to ganger i en design som inneholder mindre enn 20 ord. Det bruker også merkenavnet to ganger.)
Bay Street Biergarten gjør noe lignende, men spiller på at du leser nettstedet høyt. Det gjentatte bildet av en bjørn og tilkoblingen til ølglass og ordene "craft bier" begynner å spille det samme mønsteret. Hvert element i designen sier øl. (Smart, ikke sant?)
Bruk ord til å lage mønstre på andre måter også:
- Gjenta ord eller uttrykk
- Ord som har et lignende utseende (mye av de samme bokstavene)
- Ord og bilder som sier det samme
- Flere ord som har samme betydning
- Ord med lignende lengde (for eksempel mange lange eller korte setninger for å skape rytme)
Med lignende størrelse paneler
Designtrender som kort-stil prosjekter eller parallax-bla-nettsteder har gjort det mulig for paneler å lage mønstre i designprosjekter. Fra grupper av kort til Pinterest-inspirerte fliser til å bla gjennom "skjermer", grupper av paneler skaper åpenbare mønstre for brukere. Disse panelene oppretter forskjeller og forbindelser mellom objekter og gir brukerne beskjed om endringer i informasjonen de ser.
Disse panelene kan ha hvilken som helst form og størrelse, vertikale eller horisontale, og i forskjellige farger. Nettstedet 10 siste ti gjør en god jobb med å etablere distinkte paneler i en parallaksramme med farge og produktposisjonering, slik at brukerne tydelig kan skille en ide til den neste. Håndverker Ave. tar en litt annen tilnærming med et design som har et stort panel, etterfulgt av paneler på innsiden av panelene, på en vekslende måte for et mønster i mønsterstil.
Bruk paneler for å:
- Link som elementer
- Sett scener
- Lag en flyt av informasjon
- Etablere dominans ved bruk av flere bilder
- Fortell en visuell historie
Konklusjon
Mønstre kan utformes på flere måter for varierende påvirkning. Lag mønstre som fungerer med tonen du vil at et prosjekt skal ha. Symmetriske grupperinger er organisert og beroligende, mer tilfeldig sammenkoblede elementer kan føles forstyrrende og begeistret.
Føler ikke at du må holde deg til en type mønster. Bland og match forskjellige typer mønstre for påvirkning forskjellige steder. Ulike deler av det samme prosjektet kan inkludere forskjellige typer mønstre på forskjellige steder. (Og det er helt akseptabelt.)
