Färg är det mest relativa mediet i konsten
-Josef Albers
Vi uppfattar alla ljus och färg på olika sätt. Det du ser som rött är annorlunda än det jag ser som rött, även om vi båda kallar det rött. Hur färg påverkar oss och hur vi reagerar på den är också olika för var och en av oss. Färg är relativ.
En bra design ska fungera i avsaknad av färg. Den ska fungera när den betraktas i gråskala. Färg är dock en av de första saker som någon kommer att lägga märke till i din design och kommer att vara avgörande för om dina tittare tycker att din design är estetiskt tilltalande.
Som allt annat bör ditt val av färg vara underordnat ditt koncept och tema. Färg bör användas för att förbättra din design, men det bör inte vara din design.
Du kan använda färg för att skapa visuella hierarkier och förbättra den övergripande balansen i din design.
Det finns mycket att säga om färg. Mycket mer än vad som kan sägas i ett enda inlägg. När jag har planerat det här inlägget har jag gått fram och tillbaka på om jag ska behålla detta som ett enda inlägg eller utvidga det till flera inlägg för att täcka in mer. Till slut har jag bestämt mig för att dela upp detta samtal om färg i två inlägg.
Detta första kommer att fokusera på färglära, färgsystem, färghjulet och färgscheman. Nästa gång kommer vi att gå in på betydelsen av färg och tankar om hur du kan använda färg för att förbättra din design.
Färgteori
Färg är ljus. Ljus är elektromagnetisk strålning och över ett antal våglängder gör det intryck på det mänskliga ögat. Detta intervall av våglängder är det visuella spektrumet.
När ljuset träffar ett föremål absorberas vissa våglängder och andra reflekteras. Vi ser ljusets reflekterade våglängder som färg. När alla våglängder i det visuella spektrumet absorberas ser vi svart och när alla reflekteras ser vi vitt. När en del absorberas och en del reflekteras ser vi olika färger i spektrumet.
Färg kan beskrivas på tre sätt. Genom namn, genom renhet och genom värde eller ljushet. Vi har flera termer som hjälper oss att beskriva färger på dessa tre sätt. När du läser termerna nedan tittar du tillbaka på bilden ovan.
- Färgton: När någon talar om färgton talar de om den faktiska färgen på ett föremål. Grönt är en färgton liksom rött, gult, blått, lila osv.
- Chroma: Avser renheten hos en färgton i förhållande till grått. När det inte finns någon gråton i en färg har den färgen en hög kroma. Om man lägger till gråtoner till en nyans minskar dess kroma.
- Mättnad: Är graden av renhet hos en nyans. Det liknar kroma, men är inte riktigt samma sak. Rena nyanser är mycket mättade. När grått läggs till blir färgen avmättad.
- Intensitet: En färgs ljusstyrka eller matthet. Genom att lägga till vitt eller svart till en färg sänks dess intensitet. En intensiv och mycket mättad färg har en hög kroma.
- Värde/Luminans: Är ett mått på mängden ljus som reflekteras från en färg och är i princip hur ljus eller mörk en nyans är. Om man lägger till vitt till en nyans blir den ljusare och ökar dess värde eller luminans. Om svart läggs till gör det den mörkare och sänker värdet eller luminansen.
- Skugga: Resultatet av att lägga till svart till en nyans för att få en mörkare nyans
- Tint: Resultatet av att lägga till vitt till en nyans för att få en ljusare nyans
- Tone: Mellan svart och vitt har vi grått. En färgton är resultatet av att lägga till grått till en nyans. Nyanser och toner är toner i ytterligheterna.
När jag har funnit förhållandet mellan alla toner måste resultatet vara en levande harmoni mellan alla toner, en harmoni som inte är olik den i en musikalisk komposition.
-Henri Matisse
Färgsystem
Färgsystem hänvisar till hur vi producerar färger. När man producerar fysiska färger som i färg används ett subtraktivt system och när man producerar färger digitalt som på en dator används ett additivt system.
Färgerna du ser på din datorskärm kanske inte i slutändan är samma färger som andra ser på sina datorskärmar. Skillnaderna kan vara ännu mer uttalade om dina bilder hamnar i tryck. Färghantering kan hjälpa till att göra saker och ting mer konsekventa, men förstå att det sannolikt alltid kommer att finnas vissa skillnader.
Subtraktiva färger (CMYK) När vi ser färger i fysiska objekt ser vi reflekterande ljus. När vi ser rött beror det på att alla andra våglängder av ljuset har absorberats och endast det röda reflekteras. Detta är ett subtraktivt system, eftersom vi för att producera färg tar bort alla de våglängder av ljus vars färg vi inte vill se.
När vi lägger till fler färger till systemet absorberas mer ljus och den totala färgen blir mörkare. Subtraktiva system börjar med vitt och fortsätter att lägga till färg tills resultatet är svart.
CMYK (Cyan, Magenta, Yellow, Black) är ett subtraktivt system som används för att skapa färger för tryck.
Additiva färger (RGB) För att skapa färger på en datorskärm måste vi lägga till ljus eftersom ljuskällan kommer inifrån istället för att reflektera ljuset som kommer från utsidan av systemet. När det inte finns något ljus ser vi svart och när vi lägger till mer färg (fler våglängder av ljus) rör vi oss mot vitt.
RGB (Red, Green, Blue) är ett additivt system som används för att skapa färger i digitala medier. Eftersom additiva system skiljer sig från hur vi uppfattar färg i naturen har våra primärfärger förändrats. Grön (och inte gul) är nu primär i systemet istället för att vara en sekundär produkt av blått och gult.
Färghjulet
Färghjulet är en visuell representation av det mesta vi har pratat om ovan. Det ursprungliga färghjulet tillskrivs Sir Isaac Newton som sammanfogade de röda och violetta ändarna av det visuella spektrumet till en cirkel.
I följande bilder kan du se hur ett färghjul skapas. Man börjar med de primära färgerna som ligger i hörnen av en liksidig triangel och ställer sedan in en liknande triangel roterad 180 grader för att skapa de sekundära färgerna. Mellan dessa färger kommer de tertiära färgerna att finnas.
Bemärk i bilderna nedan att de tre primära färgerna här är rött, gult och blått.
Se nu på färghjulet nedan. Du kommer att märka att det ser annorlunda ut än det ovan. De primära färgerna här är rött, grönt och blått och du kommer också att märka att det visar olika nyanser av färger tills det når vitt i mitten. Detta är ett RGB-färghjul med nyanser.
Du kan också hitta färghjul som visar nyanser och toner. Faktum är att det finns en mängd olika färghjul och färgtrianglar. Kom ihåg att ett färghjul bara är en representation av färg och det finns olika sätt att uttrycka färgförhållanden.
Färgscheman
Färgscheman kommer från färghjulet och de olika färgscheman är olika kombinationer av färger baserade på deras förhållande till varandra.
I bilderna nedan har jag sänkt mättnaden för alla färger utom de som kan ingå i den typ av färgschema som beskrivs.
Monokromatiska färgscheman bygger på olika toner av samma färg. Här visas toner av rött.
Analoga färgscheman är baserade på färger som gränsar till varandra på färgskivan
Komplementära färgscheman baseras på färger som står mittemot varandra på färghjulet
Triadiska färgscheman använder tre färger som är jämnt fördelade runt färghjulet
Tetradikala/kvadratiska färgscheman skapas genom att välja färger i hörnen av en rektangel inskriven på färghjulet
Split Complementary färgscheman skapas genom att välja en färg och sedan ytterligare två färger som gränsar till den första färgens komplementär. Tänk på det som en kombination av ett komplementärt och analogt färgschema.
Det finns dessutom färgscheman som inte helt och hållet beskrivs av färghjulet.
Neutrala färgscheman omfattar endast färger som inte finns i färghjulet (olika toner av brunt och grått)
Akcentrerade neutrala färgscheman omfattar neutrala färger som ovan och ett eller flera stänk av färger som finns i färghjulet.
En sista typ av färgscheman vi kan tala om är de som finns i naturen. Som du kanske kan gissa är de färgscheman baserade på vad du ser förekomma i naturen. Du kan skapa ett naturligt färgschema baserat på de färger du hittar i ett fotografi.
Sammanfattning
Detta inlägg har fokuserat på teorin bakom färg, men det finns mycket mer att ta upp som till exempel den betydelse vi uppfattar i färg samt hur du kan använda färg i din design för att få effekt.
För tillfället försök att bekanta dig med de termer som används för att beskriva färg samt de olika färgscheman som kommer från färghjulet.
Vi fortsätter nästa gång med mer detaljer om färgscheman och när du kan välja att använda vart och ett av dem.
Resurser
Under hela det här inlägget har jag länkat till ett par artiklar som erbjuder fler tankar och idéer om färg. Nedan finns ytterligare några artiklar och artikelserier om färglära.
Med tanke på färgens betydelse och hur mycket det finns att veta om färg kanske du vill ägna lite tid åt att titta igenom var och en av länkarna nedan. Mycket av det som finns i de följande artiklarna kommer att likna det som finns här, men varje artikel kommer troligen att innehålla några saker som jag inte har nämnt och öka din totala kunskap om ämnet färg.
- Grundläggande färgscheman – Introduktion till färglära
- Färgteori – Wikipedia
- Färgteori – Dev.Opera
- Färgteori – Wrox
- Färgteori – Liquisoft
- Skapa konsekventa färgstarka användarupplevelser: Del 1,
Den senaste veckan har Cameron Chapman skrivit en utmärkt artikelserie för Smashing Magazine om färg, som jag särskilt vill uppmärksamma er på.
- Färgteori för designers, del 1: Färgens betydelse
- Färgteori för designers, del 2: Att förstå begrepp och terminologi
- Färgteori för designers, del 3: Skapa egna färgpaletter
De 7 komponenterna i design
- Enhet
- Gestalt
- Rymd
- Dominans
- Hierarki
- Balans
- Färg del I: Färgteori
- Färg Del II: Hur man använder färg
Ladda ner ett gratisprov från min bok, Design Fundamentals.