Vetenskapen bakom designfärgsteorin

Färgteori har varit ett intresse av åren i konstsamhället. Reglerna och riktlinjerna är sanna när man arbetar med digitala projekt lika mycket som fysiska saker.

Det finns mycket att lära sig i ämnet färg så jag kommer att täcka bara några av huvudpunkterna. Terminologi är något som många designare blir fastna på som verkligen inte ska skrämma dig eller hålla dig tillbaka. Vetenskapen bakom färgteori är lysande men elegant. Det ska vara ett ämne av intresse för varje digital artist.

Färgterminologi

Villkor är mycket viktiga när det gäller att arbeta som designer. Hur kommer du ju överens med din kompis till dina lagkamrater eller klient (er) om du inte förstår det själv? Nedan följer jag några beskrivningar av några villkor som varje designer borde veta.

Nyans är en jag är säker på att de flesta åtminstone hört talas om tidigare. Enkelt enkelt en nyans är den färg som används i någon pixel i en design. Dessa kan innehålla referensnamn som "Red"? eller? lila? men i allmänhet beskriver vi nyanser på andra sätt.

De flesta webbutvecklare är bekanta med RGB-värden för nyanser. De 2 standard sätten att skriva ut färger skulle vara i RGB-värdepar (till exempel? 255, 0, 0? För ren röd) eller hexadecimal kod (# FF0000). Om du någonsin har arbetat med en designmockup i Adobe Photoshop eller Illustrator-chansen har du arbetat med färghjulet och satt ett färgvärde. Det är samma sak som att sätta en nyans, vi gillar bara att komplicera saker.

Mättnad är en annan buzz word designers har nog hört talas om men aldrig riktigt definierade. Vi hänvisar till mättnad som den intensitet som en färg visar, antingen mycket ljus eller dim. Du kan också titta på mättnad som hur intensiv färgtonen av en enda färg är - ju mer mättad den renare färgen.

Färgsatser med mindre mättnad fungerar bäst som bakgrundsdelar på en webbplats. Detta beror på att de i allmänhet är närmare renvit än deras ursprungliga nyans, vilket gör att de faller bakom djupmättade element. Ett sådant exempel finns i Diggs gamla design (bilden nedan).

Deras ljusblå bakgrund är den perfekta mättnadsnivån för att passa i en bakgrundsinställning. Detta är bara sant i jämförelse med resten av webbplatsens funktioner, nämligen de intensiva gröna och bluesen som finns i hela rubriken och sidinnehållet.

Tona eller värde är en term som de flesta inte har hört talas om. Det hänvisar till mängden ljushet i en färg placerad längs ett spektrum av svart (ingen ton) till vit (högsta tonen). Detta skiljer sig från mättnad eftersom vi inte hanterar att lägga till / subtraherar mer av basfärgen, utan arbetar istället med att lägga till värden av svart eller vitt till en färg.

Som ett exempel hittar du mer ton i en ljusgul eller röd än med marinblå. Bara genom att föreställa var och en av dessa färger kan du berätta hur en ljus solrosgult är mer rik på sin ursprungliga färgton (primärgul) jämfört med marinblå som är djupare och mörkare än den ursprungliga färgtonen (primärblå).

Shades och färgtoner är polära motsatser av varandra och passar in i likhet med toner. Nyanser skapas genom att ta en nyans och lägga till ren svart för att skapa en ny djupare färg. Tints är likartade förutom att du lägger till rent vit för att skapa en ny färg. Många konstruktörer förvirrar dessa villkor och anser dem som samma som att lätta / mörka en uppsättning färger.

Den viktigaste skillnaden vi ser här är skapandet av helt unika uppsättningar av färg. Till exempel kan rena nyanser med ett tillägg av vita tints skapa färger som kallas pasteller. Dessa används ofta för att lägga till femininitet och mjukhet i ett färgschema (du hittar ofta pasteller på barnleksaker och babywebbplatser).

Förhållanden för färgteori

Vetenskapen bakom färgrelationer är direkt kopplad till färghjulet. Jag är säker på att de flesta av oss kan komma ihåg att höra om detta tillbaka i gymnasiet, men har sedan tryckt den åt sidan. Relationerna som visas i ett färghjul är faktiskt mycket viktiga när det gäller att utforma system.

Färger kan delas upp i 3 innehållande grupper av primära, sekundära och tertiära. Primärfärgerna består av rött, blått och gult. Dessa är de 3 mest grundläggande färgerna som kan kombineras för att skapa (ganska bokstavligen) alla andra färger i vårt spektrum. När du blandar dessa färger tillsammans får du vår uppsättning sekundära färger. Namnlösa är dessa orange, grön och lila.

Tertiära färger är gjorda genom att blanda samman primära och sekundära färger för att skapa helt nya uppsättningar. Ett exempel kan skapa orange genom att kombinera rött och gult tillsammans. Du kan också få riktigt unika blandningar som avfärgade blågröna eller djupa bruna.

Tillsammans med förhållanden för att skapa färger kan vi också gruppera dem i placeringar baserat på deras känslomässiga band. Grupper av färger är uppdelade i 3 liknande kategorier för detta: varm, cool och neutral.

Som jag är säker på att du kan gissa varma färger innehåller alla de brinnande, exklusiva nyanserna. Dessa framkallar värme och energi och kan hittas mot toppen av något färghjul. De mest framträdande exemplen är röd, gul och orange.

Coola färger är precis motsatsen. Dessa framkallar en avslappnad relation och främjar lätthet, lugn och löst spänning. Exempel här inkluderar blått, grönt och lila.

Neutraler är icke-känslomässiga färger som passar in i färggap. De är inställda med nyanser av svart, vit, grå och ibland djupbrun. Även om dessa former av färger inte framkallar någon känsla av känslomässig koppling kan de vara användbara för att avgränsa element på en sida eller sektion. Vanligtvis använder vi neutrala färger för våra stycken och sidinnehåll.

Färgteori i praktiken

Hela poängen med att använda färgteori är att framkalla en uppsättning känslor från en uppsättning potentiella färger. Att utveckla ett system kan vara svårt i början men det är en viktig del av designprocessen (det här gäller särskilt webbdesign och branding design).

Många kommer att argumentera för att färger inte penetrerar någon typ av mental barriär och bär emot känslor. Det visar sig vara falskt på de flesta konton och när det används korrekt kan vissa färgscheman faktiskt hjälpa ditt webbplatsgränssnitt med fler registreringar och order.

Generellt kommer varmare färger att ge en känsla av glädje och energi. Dessa färger används ofta för att visa ett åtgärd för dina besökare. Du kan ge en känsla av spänning och sensoriska krav bara genom att placera varmare färger runt regioner som du förväntar dig att besökarna ska interagera med.

Kylare färger ger en känsla av fred och likhet. Ofta används svalare system på bloggar eller digitala företag för att lätta ögonen på sina läsare och hålla dem fasta? på deras sida för längre tid. Deep blues och purples håller känslor tillfredsställda och inställda på en typ av passivitet när det gäller innehållsabsorption.

Du hittar också svala färger representerar potentiell kraft och auktoritet. Du ser dessa färger som används i förgrunden på många företag och banker för att främja tillförlitligheten hos sina kunder. Till exempel använder både Microsoft och Blackberry djupa blues och greener för att hålla en lugn, respektabel, företagskänsla genom sina sidor.

Slutsats

Dessa är bara några av de begrepp som är användbara för designers när det gäller färgteori. Färger är överallt och när de används korrekt kan du främja alla typer av känslor eller åtgärder du vill ha från dina besökare. Det finns många artiklar över hela webben som är relaterade till färgteori och färghantering. Kolla på Google om du är intresserad av att dyka djupare in i vetenskapen.

Tänk på att färger kan vara en viktig del av designarbetet, men de är inte den enda nyckeln till en perfekt layout. Färgteori är bara ett verktyg inom ramen för otaliga verktyg som vi använder som webbdesigners. Att bryta sig ur normen och spela med nya regler för färg kan bara hjälpa dig att växa som både en digital och relationell modern konstnär.