Designtrend: Slik bruker du striper til din fordel
Stripes er et morsomt tillegg som kan gi visuell interesse og dybde til designprosjekter på en rekke måter. Men striper er mer enn bare de blå og hvite nautiske mønstrene du kanskje ser for deg.
Striper kan ta på seg en rekke former. Vertikale eller horisontale, og fra klassiske mønstre til nettbasert foring til bakgrunner og bildekomponenter, er striper et flott designalternativ. Her er noen måter å bruke dem du kanskje ikke har tenkt på.
Tradisjonelle striper
Når du først tenker på striper i design, kan det hende at noe av tradisjonstanken kommer til å tenke deg. Blå eller rød og hvit nautiske striper. De røde og hvite stolpene på det amerikanske flagget. De morsomme sokkene som bæres av Raggedy Ann eller Pippi Longstockings. Men striper er så mye mer allsidige enn bare de tradisjonelle mønstrene. De kan brukes på flere måter.
Men vi vil ta en titt på en tradisjonell bruk: Nettstedet ovenfor bruker en stripet stang i barbershop-stil som en liten aksent i design av nettstedet. Dette tradisjonelle utseendet er en flott måte å fokusere oppmerksomhet på en viss del av designet og skape vekt.
Klassisk design
Striper kan bidra til å sette tonen med et klassisk utseende og preg. Legg til litt tekstur eller lag striper i et nettbasert design for å understreke det konseptet.
Når det gjelder klassiske visjoner av striper i design, er farge også en viktig faktor. Tenk på noen av de klassiske bruksområdene for striper og farger, for eksempel svart og hvitt uniform for fanger. (Bruk denne kombinasjonen for et minimalistisk eller mer skarpt utseende.) Røde eller blå striper for en tradisjonell eller old-school følelse.
Tekstur kan også skape vekt på striper ved å bringe dem mer i forgrunnen. Mens striper ofte brukes i bakgrunner - ofte med liten kontrast i lyse farger - for "usynlig tekstur", kan større striper med tekstur være et samlingspunkt. Trikset er å holde teksturer enkle og i tråd med andre bilder i designet.
Stripeteksturer kan også hjelpe deg med å lage "lysere" linjer slik at de ikke ser tunge ut og tyngde designet, selv når de brukes i en lys eller fet farge. Orchard Keepers ovenfor bruker tekstur på denne måten for å skape en følelse av tid med et "gammelt preg."
Moderne striper
I nettstedsdesign brukes striper for å bidra til å skape fokus, drive navigasjon og hjelpe brukere å finne og fokusere på oppfordringer til handling. Paret over ovenfor bruker striper på forskjellige måter for å hjelpe brukbarheten.
Industry West bruker en tykk horisontal stripe for å inneholde navigasjon. På grunn av stripens kontrast mot bakgrunnsbildene, fungerer den som et statisk fokuspunkt. Den brede linjen med høy kontrast gjør det enkelt å lese navigasjonsknapper og bevege seg gjennom nettstedet.
Ombygging sammen bruker en tynn stripe på toppen av designet for å skape en fargeflyt over hele siden. Den oransje stripen (eller streken) hjelper til med å trekke øyet fra topp til bunn av siden, med brukeren pause på oransje aksentknapper gjennom. Den smarte designen hjelper deg med å fortelle brukerne hva de skal gjøre videre (klikk på de oransje knappene).
Bakgrunnsstriper
Bakgrunnsstriper kan være mer enn bare en serie horisontale eller vertikale linjer fordelt på et mønster. Striper kan lages ved hjelp av en serie andre former eller til og med et mer tilfeldig eller naturlig utseende.
Pastaria bruker en morsom serie med runde former for å lage et stripet mønster i sidebakgrunnen. Avhengig av perspektiv, kan mønsteret vises vertikalt eller horisontalt. Trikset for at dette fungerer så bra er at mønsteret skaper interesse og dybde uten å være det dominerende visuelle.
På mye motsatt måte bruker Night Owl Interactive et naturlig stripet mønster (trekorn) for tekstur og dybde. Det som er fint med denne naturlige stripestilen, er at den har et tilfeldig utseende.
Striper i bilder
Mens stripemønster ofte er noe du lager, kan de også være en del av bildene du velger for siden. Enten du planlegger å inkludere striper i et bilde som en del av designen eller de skjer ved en tilfeldighet, kan de gi øyeblikkelig interesse og dybde.
Begge eksemplene ovenfor inkluderer trekornstrukturer for å etablere mønstre og striper i hovedbildene. Ikke hvor forskjellige linjene er, hvor de hjelper deg med å se ut og den ekstra dybden de gir for den generelle designen.
Farge og mønster
En av de mest trendy bruksområdene er sammenkobling av brede og / eller tynnfargede striper for et fargeblokkerende mønster. Som en designteknikk for digital, trykk og til og med mote- og interiørdesign, legger fargeblokkering øyeblikkelig vekt på en innesperret måte.
Fargede striper kan være et flott verktøy for å legge merkefarger til et design som er bildetungt eller minimalistisk. Farge skaper kontrast og vekt på steder der det kan mangle og den generelle effekten har et moderne preg. (Dette er et flott alternativ hvis du vil prøve et trendy konsept som ikke er så vanskelig og har et mer tidløst utseende.)
'Mini' striper
Mens mange av stripene i eksemplene ovenfor er store og lette å oppdage, kan stripene også være små designdivoter eller aksenter.
Et av de minste eksemplene på striper er hamburgerikonet. Tre små stablede linjer. Det er det. Men det er et eksempel på å bruke striper på det minste nivået.
Webdesignen til Day of the Dead bruker striper som en aksentdetalj på en måte som også har mye visuell interesse. Nesten faller i bakgrunnen omgir et par intrikate striper teksten og hjelper med å trekke blikket mot den. Påfølgende linjer og striping med farger er med på å skape flyt gjennom rullen på hjemmesiden.
Konklusjon
En siste tanke for deg. Mens ideen om striper ofte fremkaller et mentalt bilde av rader eller kolonner hvis linjer, kan striping også brukes i en enkel form. Mange av eksemplene over inkluderer striper på måter som ikke er det første mentale bildet du måtte ha, men hver av dem er interessante og bidrar til å skape et sterkt visuelt.
Vurder å bruke striper på måter som er litt forskjellige for mest mulig utslag. Lek med farge og tekstur og form og størrelse. Eksperimenter med striper som du ville gjort før du prøvde ut noe annet designverktøy og ha det gøy!
Bildekilde: Bill Lapp .
