Analoga färger (och hur man använder dem i design)

Nästa gång du är ute, spela en omgång ögonspion: Lägg märke till hur en soluppgång målar himmelens nyanser av rött, röd-orange och orange. Eller titta på en påfågel som strutter i djurparken med sina livfulla blågröna fjädrar. Studera suckulenter och notera deras utmärkta användning av blå, blågröna och gröna nyanser.

Har du någonsin undrat varför dessa färggrupper verkar så harmoniska? Tja, dessa sevärdheter är alla naturliga förekomster av analoga färgscheman, eller ett schema med färger bredvid varandra på färghjulet. Eftersom de är särskilt tilltalande för ögat (och lätta att komma på), hämtar designers ofta inspiration från dessa färgscheman för produktdesign.

Hur man skapar ett analogt färgschema

Välj valfri färg vid valfri punkt på hjulet och notera dess direkta grannar direkt till höger eller vänster. Och där har du det: Ett analogt färgschema. Det är som att ta en liten, tre till fem nyansskiva ur färghjulet. Ett sätt att välja ett analogt schema är att börja med en primärfärg (dvs. röd, gul eller blå) och använda sekundära och tertiära färger som accenter.

Exempel på analoga färger

Analoga färger betyder att färggruppen har likheter. Dessa färgschematyper har nära relationer till varandra.

Här är några exempel på analoga färgscheman:

  • Gul, gulgrön, grön
  • Violett, rödviolett och rött
  • Röd, rödorange, orange
  • Blå, blåviolett, violett

A anmärkningsvärt exempel på ett analogt färgschema är Dropbox senaste redesign. Deras schema använder nyanser av rosa, lila och blått.

Dropbox använder djärva färger som känns som att de inte borde arbeta tillsammans – men de gör det!

Paletten för analoga färger

I den mest traditionella meningen är en analog färgpalett tre färger. Men det kan gå upp till fyra eller fem färger. Designers kan lita på en analog palett för att ge deras design en temperatur. En varm analog färgpalett med fyra färger skulle bestå av röd, röd-orange, orange och gul-orange. En cool palett skulle inkludera blå, blågrön, grön och gulgrön.

Velocity UI-kit i en analog färgpalett

Vill du se hur en analog färgpalett ser ut i ett testgränssnitt? Prova Muzlis färger.

Analoga färger i konst

Inte bara kan du upptäcka analoga färgscheman i naturen utan också i kända konstnärers arbete som vänder sig till fridfulla utomhusinställningar som mus .

Till exempel använde Vincent Van Gogh ett coolt analogt färgschema av grönt, blågrönt, blått och blålila i sin ”Irises in a Vase” -målning. Känd för att ha en skicklighet för färg, ett coolt analogt färgschema kan också tas upp i hans oljemålning, The Olive Trees. För en annan fallstudie i analoga färger, ta en titt på Claude Monets The Water-Lily Pond-målning.

Monokromatiska färger

Analoga färgscheman skapar ett något monokromatiskt utseende eftersom de använder färger som liknar varandra. Ett monokromatiskt schema bygger dock på en basfärg med olika nyanser, toner och nyanser för att skapa ett visuellt sammanhängande utseende. använder ofta en svartvit palett när de vill skapa en enkel, ren estetik – kanske för att en sida är information-h tuffa och fler färger skulle få det att se upptagen ut.

Hänsyn till analoga färger

När man beslutar om ett analogt färgschema är det alltid viktigt att överväga tillgänglighet. Vissa analoga färgpaletter kan till exempel vara uteslutande för dem med färgblindhet eller färgvisionsbrist (CVD).

”Förlita dig inte bara på färger för att göra jobbet”, Luis Gonzalez, senior varumärkesdesigner på InVision säger. ”Du kan lämna en stor del av dina användare bakom dig, och det är bara ingen bra användarupplevelse.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *