Forstå fargesykologi er et sentralt aspekt ved å lage en fargepalett som fungerer bra i digital design . Mens farger noen ganger blir sett på som et rent estetisk valg av noen designere, er det faktisk en nøkkelkomponent i den psykologiske innvirkningen av et design på brukerne, og som sådan UX.

En gjennomtenkt fargepalett kan heve et design fra 'bra' til 'flott' mens en middelmådig eller dårlig fargepalett kan forringe brukerens samlede opplevelse og til og med forstyrre deres evne til å bruke et nettsted eller en app.

Mens fargelære generelt er et komplekst emne, og bruk av farge i UX-design dekker mye mer enn bare å lage en palett som ser fin ut (som tilgjengelighet og de psykologiske effektene av til og med forskjellige nyanser i samme fargetone); designere kan gradvis innlemme bedre fargebruk i designene sine uten å måtte tenke gjennom hele prosessen. Når en designer har dekket det grunnleggende, lærer en av de mest givende delene av fargeteori å innlemme mer uventede farger i designene sine.

Psykologien i farger

Fargeteori og de psykologiske effektene fargen kan ha på brukerne er et komplekst og ofte subjektivt tema. Men det er visse aspekter som kan tas opp på et mer universelt nivå.

Ting som de vanlige betydningene av hovedfargene (primære, sekundære og tertiære), tradisjonelle fargepaletter og kulturelle variasjoner i fargebetydninger er alle ganske enkle. Designere kan enkelt lære disse grunnleggende og bruke dem på arbeidet sitt. Men det er finere poeng å lære når det gjelder å bruke farger i UX-design .

Den følelsesmessige virkningen av grensesnittfarger skal ikke overses. Og mens noen farger er 'universelle' i UX-design (for eksempel svart, hvitt og grått, hvorav minst en brukes i nesten alle gode design der ute), kan fargene de kombineres med ha stor innvirkning på en brukers oppfatning.

Måten fargen brukes på kan selvfølgelig også ha en dramatisk innvirkning på hvordan den oppfattes. For eksempel vil blått som en primærfarge i et moderne, minimalistisk design ha en helt annen følelse enn den samme blåen som brukes som aksentfarge i en mer kompleks, bedriftsdesign.

Kulturelle forskjeller i farge

En sak designere har en tendens til å overse er kulturforskjeller som kan eksistere rundt forskjellige farger. For eksempel, i mange vestlige kulturer, er hvitt assosiert med ting som renhet, uskyld og håp. Men i deler av Asia er hvitt assosiert med død, sorg og uflaks.

Noen farger har generelt positive konnotasjoner uavhengig av kultur (for eksempel oransje), mens andre, som hvitt, varierer sterkt mellom forskjellige land. Dette kan absolutt komplisere en designers liv når de prøver å lage et design som vil appellere til et størst mulig publikum.

Det er viktig at designere ser på de kulturelle implikasjonene av fargepalettene sine basert på det tiltenkte publikum for produktet eller nettstedet. Hvis et produkt skal målrette mot et verdensomspennende publikum, må du sørge for å balansere farger og bilder som brukes for å forhindre negative kulturelle konnotasjoner. Hvis et produkt først og fremst bare er rettet mot en bestemt kultur, kan designere være mindre oppmerksomme på implikasjonene den valgte paletten kan ha i andre kulturer.

Matcher UX-farger til merkevaren

Merkeverdier skal spille en nøkkelrolle i å lage en fargepalett. Men de er ikke den eneste viktige faktoren. Bransjens normer er også viktige, i likhet med farger som allerede brukes av konkurrenter. Å bruke en fargepalett som er nesten identisk med merkevarens primære konkurranse, er en flott måte å avle forvirring og sikre at merkevaren ikke skiller seg ut.

Gitt, det er unntak fra dette. Ta for eksempel McDonald's og Wendy's. Begge er hurtigmatrestauranter som er i direkte konkurranse med hverandre. Og begge bruker en rød og gul fargepalett. Imidlertid, når man ser på logoene deres, er Wendys logo primært rød med gule aksenter, mens McDonald's er det motsatte. Emballasjen deres bruker også disse fargene på forskjellige måter, og skiller videre mellom merkene. På grunn av dette ville ingen av dem lett forveksles med den andre, selv om logoer og andre identifiserende merker ble fjernet fra emballasjen.

Det første trinnet for å lage en merkefargepalett som støtter merkevarens verdier, er å forstå betydningen av de forskjellige fargene, og hvordan du gjør dem lysere / lysere / mørkere / mattere / osv. kan påvirke dem. Her er en grunnleggende oversikt over hva forskjellige farger betyr:

• Nett - Rødt er fargen på fare og lidenskap, så vel som spenning. Det er en veldig sterk farge og kan fremkalle sterke reaksjoner hos mennesker. Lyser den til rosa gjør den mer feminin og romantisk mens mørkere fargen på rødbrun gjør den mer dempet og tradisjonell.
• oransje - Orange er en veldig kreativ farge som også er forbundet med eventyr og ungdom. Det er veldig energisk også. På grunn av appelsins sterke bånd til 70-tallsstil, kan det også fremkalle en retrofølelse.
• Gul - Gul er glad, optimistisk og munter. Det er populært i design for barn og voksne. Mer pastellfarger brukes ofte som en kjønnsnøytral babyfarge, mens lysere gule er populære i kreative design. Mørkere nyanser av gult blir gull, noe som er forbundet med rikdom og suksess.
• Grønn - Green har varierte assosiasjoner. På den ene siden vekker det følelser av rikdom og tradisjon (spesielt mørkere fargetoner), mens det på den andre er sterkt forbundet med miljø og natur. Kalkgrønnsaker er ofte forbundet med fornyelse og vekst.
• Blå - Blå er oftest assosiert med lojalitet og tillit. Lysere blues kan knyttes til kommunikasjon, mens mattere og mørkere blues kan assosieres med tristhet og depresjon. Blå er den mest likte fargen i verden, noe som kan forklare hvorfor så mange selskaper velger blå nyanser for merkevaren deres.
• Lilla - Lilla er en annen fargetone med varierte betydninger. Det har lenge vært assosiert med kongelige og velstand (siden lilla fargestoff var sjelden i mange gamle sivilisasjoner, var det reservert for kongelige). Men det er også forbundet med mystikk og åndelighet. Lilla kan også vekke kreativitet.
• Svart - Svart innebærer raffinement og luksus. Det kan imidlertid også knyttes til sorg og negativitet. Avhengig av de andre UX-fargene som brukes sammen med svart, kan det føles moderne eller tradisjonelt, formelt eller uformelt.
• Hvit - Hvitt er bundet til renhet, uskyld og positivitet. Hvitt er også veldig populært i minimalistiske design på grunn av sin nøytralitet og enkelhet. I likhet med svart får hvitt lett egenskapene til andre farger den brukes sammen med.
• Grå - Grå har varierte betydninger, avhengig av kontekst. Det kan være konservativt og sofistikert eller snusket og kjedelig. Det kan være følelsesløs eller humørsyk. Det kan også knyttes til sorg og tristhet.
• brun - Brun (som egentlig er en mørk oransje nyanse) er forbundet med å være jordnær og jordet. Det er også forbundet med natur og til og med kos. Og selvfølgelig kan det være tilknyttet å være skitten eller snusket.

Å kjenne disse grunnleggende fargebetydningene gir designere et solid grunnlag for å bygge fargepaletter for ethvert merke eller produkt.

Fargeteori er imidlertid en del vitenskap og en del kunst. Bare fordi en farge generelt er assosiert med en bestemt følelse eller stemning, betyr ikke det at den ikke kan oppfattes på andre måter ved å kombinere den med forskjellige farger, endre den eksakte fargen eller variere hvordan den brukes blant andre designelementer.

Bruke ukonvensjonelle UX-farger

Ukonvensjonell bruk av UX-farger er en fin måte å skille merkevaren fra hverandre. Og mens det kreves mer finesse enn å bare kombinere gamle farger en designer har lyst til å kombinere, er det ikke så vanskelig å lære å bruk uventede farger i UX-design .

Aksentfarger er det enkleste stedet å starte når det gjelder å legge til ukonvensjonelle farger i et design. Et advokatfirmas nettsted kan for eksempel bruke en tradisjonell fargepalett i marineblå og grå. Men legg til noen limegrønne aksenter, og plutselig er designet skilt fra havet av andre advokatfirmaer med marineblå og grå nettsteder. Eller se på dette eksemplet fra Hogan Lovells , som bruker en hvit, grå og limegrønn fargepalett for å lage et moderne nettsted som definitivt skiller seg ut fra andre lovlige bransjesider. Det vil appellere til en yngre, mer moderne mengde enn det gjennomsnittlige lovlige nettstedet.

Berdan Real Estate er et annet nettsted som bruker en uventet fargepalett. Eiendomsnettstedet bruker nyanser av gult og fersken, som begge er mye mer energiske enn ditt gjennomsnittlige eiendomsside (der store deler av blått, rødt og grønt dominerer).

Forsikring blir vanligvis ikke sett på som en moderne, banebrytende industri, men det betyr ikke at designene deres ikke kan være det. Lemonades nettsted bruker et grått og hvitt fargevalg med fuchsia-aksenter. Det er helt uventet i en bransje som ikke er kjent for å ta risiko.

Det er mange andre eksempler på ukonvensjonelle UX-farger som brukes i praksis på nettet, og som kan brukes til inspirasjon.

60-30-10-regelen

60-30-10-regelen er en enkel teori for å lage fargepaletter som er godt balansert og visuelt interessant. Tanken er at en farge - generelt noe ganske nøytral (enten bokstavelig eller psykologisk) - utgjør 60% av paletten. En annen komplementær farge utgjør 30% av paletten. Og så brukes en tredje farge som aksent for de resterende 10% av designet.

Denne metoden gjør det mye enklere for designere å begynne å eksperimentere med ukonvensjonelle fargepaletter uten å gå for langt utenfor de forventede normene innen en bransje eller merkevare. Å legge til en pop med uventet fargetone kan heve et design som ellers passer innenfor det som forventes av et bestemt selskap. Det kan også være det første skrittet mot å lage en merkevarepalett som er mye mer fremtidsrettet enn konkurrentene, og derved skiller merkevaren fra hverandre og gjør det mer minneverdig.

Konklusjon

Selv om fargeteori er et komplekst emne, er det ikke spesielt komplisert å lære det grunnleggende. Derfra kan designere bygge på sin kunnskap for å lage mer varierte og sofistikerte fargepaletter for designene sine.

En godt designet fargepalett, spesielt en som inkluderer noen uventede fargetoner, er ikke bare et estetisk valg. Det kan ha betydelige psykologiske effekter på brukere, som UX-designere bør kapitalisere på for å skape bedre opplevelser.

• • •

Videre lesing på ApeeScape Design Blog:

• Designpsykologi og nevrovitenskap til Awesome UX
• Mørke brukergrensesnitt. Det gode og det dårlige. Dos and Don'ts.
• Emosjonell merkevarebygging for bærekraftig produktdesign
• Bruk din inspirasjon - en guide til humørbrett
• Overbevisende design: Bruk avansert psykologi effektivt

Forstå det grunnleggende

Hvorfor er det viktig å lære fargeteori?

Å lære de psykologiske effektene av farger og deres evne til å påvirke følelser for å skape bedre opplevelser for brukerne, er et sentralt aspekt ved å bli en eksepsjonell designer.

Hvorfor er fargekontrast viktig på nettet?

Riktig fargekontrast er en viktig tilgjengelighetsbekymring. I tillegg til tilgjengelighet, har det også innvirkning på brukeradferd (for eksempel ekstra kontrast som gjør at CTA-er skiller seg ut mer og påvirker brukerne til å klikke oftere).

Hva er en nettsikker farge?

Det er 216 allment aksepterte 'websikre' farger som er mye brukt. Når datamaskindisplayet var begrenset til 256 farger, kunne man bruke 'websikre' farger for å gjengi det samme i store nettlesere. Moderne enheter kan nå gjengi millioner av farger, så designere er ikke lenger begrenset til bruk.