Af @jonathanzwhite

Design i farve

Farve er en stærk kraft i en designer. Det trækker øjet, fremkalder følelser og formidler mening. For at give dig en idé om, hvor vigtig farve er, i en bredt citeret undersøgelse med titlen The Impact of Colour on Marketing, opdagede forskere, at for nogle produkter kunne 90% af snap-beslutninger, mennesker træffer om produkter, være baseret på farve alene.

Så effektivt at bruge farve er vigtigt for design. Men at komme med forskellige farvekombinationer er også svært. Hver farve har sin egen betydning, og der er et uendeligt antal kombinationer derude.

Denne artikel er designet til at fungere som en guide til at hjælpe dig med at komme med farvepaletter til dit design. Det opfordrer dig til at udforske mere med farve, hvilket vil hjælpe dig med at udvikle en intuitiv sans for gode farvekombinationer.

Når du udforsker mere med farve, udvikler du en intuitiv sans for gode farvekombinationer.

Valg af farvepalet

Smuk flue efter en farvepalet

Undertiden er en farvepalet resultatet af pludselig inspiration. Men for det meste kommer det fra en systematisk tilgang.

Identificer formålet

Før du gør noget andet, skal du først identificere formålet med dit design. Godt design justerer sin farvepalet efter dens formål.

Stil dig selv følgende spørgsmål:

  • Hvad er den besked, du vil formidle med dit design?
  • Hvad er formålet med dit design? At være informativ? At overbevise?
  • Hvilke følelser ønsker du, at dit design skal fremkalde?

Formålet med dit design skal fungere som en guide til dig, når du vælger din farvepalet.

Identificer dit publikum

Hvem er dit publikum, og hvordan påvirker det dit design?

Folk opfatter farver forskelligt. Som Fairchild udtrykker det, er farve et psykologisk fænomen, der opstår inden for observatøren. Farver har forskellige effekter på mennesker baseret på deres personlige præference, kulturelle opdragelse og oplevelser. Som sådan skal du identificere dit publikum for at forstå, hvordan folk reagerer på dit design.

Mens nogle betydninger af farve er universelle på tværs af målgrupper, er andre ikke. Grønt repræsenterer universelt naturen, da det er vegetationens farve. Imidlertid tolkes en farve som rød forskelligt på tværs af kulturer. I den vestlige verden er rød forbundet med ild, vold og krigføring. Det er også forbundet med kærlighed og lidenskab. Imidlertid forbinder lande som Kina rødt med velstand og lykke.

Kinesisk rød konvolut

Da farver har så mange forskellige betydninger, er det vigtigt at matche de mentale farvemodeller, du har som designer, med dem fra dit publikum.

For at læse mere om, hvad farver betyder på tværs af forskellige lande og demografi, skal du tjekke The Psychology of Colour i Marketing and Branding og The betydningen af ​​Color.

Gennemgå farveteori

Når du vælger en farvepalet, er det nogle gange nyttigt at kende en lille farveteori. Farveteori er en logisk struktur og praktisk vejledning til at blande farver. Det omfatter alt fra farvehjulet til betydningen af ​​individuelle farver.

En god grunning er Color Theory fra Design School og Color Theory 101 af Hubspot. Du kan læse om en interessant anvendelse af farveteori i Why Is Facebook Blue? Videnskaben bag farver inden for markedsføring.

Find inspiration

Nogle gange er det svært at visualisere den rigtige farvepalet til dit design. Det er okay, store kunstnere stjæler. Eller rettere, de henter inspiration fra andre kunstnere.

Den sædvanlige mistænkte for farvepaletinspiration er steder som Dribbble og Behance. Hvis du vil finde farveinspiration til en bestemt designstil som materialedesign, kan du bruge et websted som MaterialUI. Det flade designækvivalent kan findes på FlatUIColors.

Disse websteder er nyttige, men prøv at se på design, der kommer uden for det specifikke medium, du designer til. Dette vil hjælpe dig med at komme med uventet unikke og behagelige farvepaletter. Som et eksempel kunne du se på interiørdesign.

Interiørarkitekter bruger farve for at bringe rum levende

Hvis du vil have noget andet, skal du kigge efter farveinspiration i design af andre kulturer. F.eks. Er koreanske musikvideo-sæt kendte for deres farverige og iøjnefaldende farvepaletter. Hver ramme kan tjene som en inspirationskilde.

Sætdesign er en stor kilde til inspiration

Du behøver ikke at rejse til Korea for at finde farveinspiration. Det er overalt, inklusive din daglige liv. Næste gang du går ud, skal du stoppe for at sætte pris på farverne omkring dig.

Farveinspiration findes overalt, inklusive dit daglige liv

Når du finder noget, der inspirerer dig, skal du oprette en farvepalet til det. Du kan bruge øjendråberedskabet i dit foretrukne designprogram til at drille en farvepalet ud og foretage justeringer om nødvendigt.

Etablere et designsystem

Et designsystem, nogle gange kaldet en stilguide, er en ramme, der indkapsler alle elementer, der går ind i dit design. Dette inkluderer alt fra knapper til typografi. Overvej ting som hvilke slags knapper, du vil bruge, og hvordan din navigationslinje ser ud.

For et eksempel på et designsystem skal du tjekke Salesforces designsystem. For endnu flere eksempler er her en liste over 50 omhyggelige stilguider, hver opstart skal se inden lanceringen.

Designsystemet til MashCreative

Det er nyttigt at etablere et designsystem, inden du vælger en farvepalet, selvom det kun er en grov skitse. Det giver dig en idé om, hvilke elementer du har, og hvordan dine farver kan anvendes på dem.

Når du vælger en farvepalet til dit design, er det bedst at holde sig til KISS (Keep it simple, stupid) -princippet. Jo færre farver, jo bedre. For de fleste designsystemer er følgende struktur en god start:

  • Baggrund
  • Primær accent
  • Sekundær accent
  • Fejlfarve
  • Succesfarve

Den primære farve er den farve, du oftest bruger til vigtige knapper og accenter. For mange virksomheder er dette også farven på deres logo.

Den sekundære farve er den farve, du bruger til at differentiere sekundære handlinger fra de primære. For eksempel primære og sekundære knapper. Fejl- og succesfarver, typisk rødt og grønt, formidler designtilstande. F.eks. Meddelelser om succes eller fejl.

Designstater

Vælg en farvepalet

Nu hvor du er bevæbnet med inspiration og en grov skitse af et designsystem, er det tid til at vælge en farvepalet.

Til grundlæggende farvepaletter lægger jeg gerne mine farver side om side, ligesom en kunstner ville gøre for deres malingspalet.

Dette er tiden til at tage al din farveinspiration og skabe farvepaletter ud af dem. Jo flere jo bedre. Vær ikke bange for at eksperimentere med farver på egen hånd også.

Når du indsnævrer dine muligheder for farvepalet, skal du tænke tilbage på de to første sektioner, hvor du identificerede formålet og publikummet for dit design. Stil dig selv følgende spørgsmål:

  • Hvilke farver er tilgængelige?
  • Hvilke farver har visuel indflydelse og trækker øjet?
  • Har du brug for et lys eller mørkt farveskema? Hvilket tidspunkt på dagen bruger folk dit produkt?
  • Hvilken stemning vil du have, at dit design skal formidle? Har en farvepalet, du har, gjort dette bedre end de andre?

Som jeg nævnte i det sidste afsnit, vil farver have forskellige roller i dit designsystem. Dette betyder også, at hver farve har en anden vægt i dit system. For eksempel bruges dine baggrundsfarver oftere end accentfarver.

På grund af dette er det undertiden en god øvelse at skabe et kast-design, der er sammensat af former i forskellige størrelser, idet hver størrelse omtrent svarer til hyppigheden af ​​forekomst og det gennemsnitlige overfladeareal for farven på en given side.

Som eksempel er her Invisions farvepalet.

En geometrisk repræsentation kunne se sådan ud.

Påføring af farvepaletter

Lad os se på Airbnb for at give dig en idé om, hvordan du anvender farver på designsystemer. Airbnb's primære farve er Rausch, opkaldt efter den gade, som virksomheden stammer fra. Kazan fungerer som en sekundær farve, og de to gråtoner bruges som baggrundsfarver.

Airbnb's mærkefarver

På de fleste sider bruger Airbnb tåget grå som baggrund. Du kan se, at de bruger rausch som deres primære farve til at fremhæve vigtige handlinger som at bede om at booke en fortegnelse.

Kazan, den turkise farve, bruges til at fange og engagere dit øje. Bemærk, hvordan det komplimenterer den primære farve.

Ved fejlmeddelelser bruger Airbnb en lys rød, som muligvis er en skygge af rausch. Den røde, sammen med udråbstegn, trækker øjeblikkeligt øjet og underretter dig om systemets tilstand.

Start uden farve i dit design. Fokus på layout og placering af elementer. Når du er tilfreds med det, du har, kan du begynde at anvende din farvepalet på dit design.

Start uden farve og tilføj langsomt derfra

Tænk på det visuelle hierarki i dit design. Overvej hvilke designkomponenter du vil fremhæve og tildele den passende farve. Overvej også at bruge forskellige nuancer af dine farver til ting som svæve- og kliktilstande.

Pak ind

Farve handler om eksperimentering og iteration. Hvis du vil blive bedre til at arbejde med farve, er det eneste svar at gøre mere arbejde. Tænk på farve som et tilsætningsstof. Hvis du har layoutet og funktionaliteten af ​​dit design nede, kan du eksperimentere med så mange farvepaletter, som du vil.

At lære at designe med farver er uendeligt værdifuld for en designer. Når du bliver bedre til at vælge farvepaletter, udvikler du muligheden for at visualisere farvekombinationer på et design, før du selv rører ved et designprogram.

Jeg vil meget gerne vide, hvordan du arbejder med farve. Hvad er din proces? Du er velkommen til at efterlade en note eller Tweet til mig.

P. S. Hvis du kunne lide denne artikel, ville det betyde meget, hvis du trykker på anbefalingsknappen eller deler med venner.