Forstå farve- og webfarvesystemer

01 af 10

Forstå farve- og webfarvesystemer

Der er fire grundlæggende farveskemaer, som du kan bruge til et websted. Hver side i denne artikel viser et billede af farveskemaet, og hvordan du kan generere en lignende ordning i Photoshop.

• monokromatiskBrug af farver af samme nuance. De kan have forskellige toner eller nuancer afhængigt af hvor meget hvide eller sorte er tilføjet.
• analogDette bruger farver, der ligger tæt på hinanden på farvehjulet.
• komplementærDette ses ofte som "modsat", fordi de to farver i et komplementært farveskema er modsatte hinanden på farvehjulet.
• triadiskeDisse farver er jævnt fordelt på farvehjulet.

Alle farveskemaerne bruger denne gule som basisfarve.

02 af 10

Monokromatisk Web Colour Scheme

Dette farveskema bruger sennepegulet i min basisfarve og tilføjer noget hvidt og sort til farvetone og skygger ordningen i overensstemmelse hermed.

• øverst til venstre - grundfarven # ffe500
• øverst til højre - tilføjet en fyld på 50% hvid for at få # fff280
• nederst til venstre - tilføjet en fyld på 75% hvid for at få # fff8bf
• nederst til højre - tilføjet en fyld på 50% sort for at få # 7f7200

Monokromatiske farveskemaer er ofte det nemmeste for øjnene af alle farveskemaerne. De blide ændringer i farvetone og skygge gør farverne bedre til hinanden. Brug dette farveskema til at gøre dit websted mere flydende og opsamlet.

03 af 10

Mere Monochromatic Web Color Scheme

Tilføjet en firkant på 20% sort for at få flere farver i ordningen. Hvis du tilføjer sort eller hvid til dine farver, kan du oprette en ny farve til din palette uden at ødelægge tonen på siden.

04 af 10

Analog webfarveordning

Dette farveskema tager den gule basisfarve og tilføjer og trækker 30 grader til farvetone i Photoshop farvepalet.

• øverst til venstre - grundfarven # ffe500
• øverst til højre - +30 grader for at få # 99ff00
• Nedre venstre - -30 grader for at få # ff6600
• nederst til højre - 100% hvid #ffffff

Analoge farver kan fungere meget godt sammen, men nogle gange kan de hårdt kollidere. Sørg for at teste disse ordninger med flere mennesker end dig selv, din familie og venner. Når de arbejder, opretter de et websted, der er mere farverigt end den monokromatiske ordning, men næsten som væske.

05 af 10

Flere analoge webfarvesystemer

Tilføjet en firkant på 20% sort for at få flere farver i ordningen.

06 af 10

Supplerende Web Color Scheme

Komplementære farveskemaer har i modsætning til andre farveskemaer typisk kun to farver. Basisfarven og den er modsat på farvehjulet. Photoshop gør det nemt at få den komplementære farve - vælg blot det område med farve, som du vil have komplementet til og tryk Ctrl-I. Photoshop vil vende det til dig. Sørg for at gøre dette på et dobbeltlag, så du ikke mister din base farve.

• venstre - grundfarven # ffe500
• højre - komplementet # 001aff

Komplementære farveskemaer er ofte meget mere slående end andre farveskemaer, så brug dem med omhu. De bruges oftest på stykker, der skal skille sig ud.

07 af 10

Mere komplementær webfarveordning

For at få denne version tilføjede jeg 50% hvid til den nederste halvdel af farverne og 30% sort til midtfeltet. Som du kan se, giver den dig nogle flere muligheder, men det er stadig et komplementært farveskema.

08 af 10

Triadic Web Color Scheme

Triadiske farveskemaer består af 3 farver, der er mere eller mindre lige adskilt omkring farvehjulet. Fordi et farvehjul er 360 grader, brugte jeg igen farvenæsen i farvevælgeren til at tilføje og subtrahere 120 grader fra basisfarven.

• øverst til venstre - grundfarven # ffe500
• øverst til højre - +120 grader for at få # e500ff
• nederst til venstre - -120 grader for at få # 00ffe6
• nederst til højre - 100% hvid #ffffff

Triadiske farveskemaer producerer ofte meget levende websider. Men som komplementære farveskemaer, kan de påvirke folk forskelligt. Sørg for at teste.

Du kan også oprette tetradiske eller 4-farve farveskemaer, hvor farverne er ligeligt fordelt omkring farvehjulet.

09 af 10

Mere Triadic Web Color Scheme

Som med de andre eksempler tilføjede jeg en 30% sort firkant til farverne for at få de ekstra nuancer.

10 af 10

Uforskammet webfarvesystemer

Skønhed er i øjnene af den bevogtede, men det er et uheldigt faktum, at ikke alle farver går sammen. Uforskammet farver er farver, der er længere end omkring 30 grader fra hinanden på farvehjulet og ikke komplementære eller del af en triade.

Uforskammet farveskemaer kan være meget chokerende og bør kun bruges til at generere opmærksomhed. Husk, at fordi disse farver ofte kommer i konflikt, er den opmærksomhed, du får, måske ikke præcis det, du leder efter.