Forstå Color and Web Color Schemes

01 av 10

Forstå Color and Web Color Schemes

Det er fire grunnleggende fargevalg som du kan bruke til et nettsted. Hver side i denne artikkelen viser et bilde av fargeskjemaet, og hvordan du kan generere en lignende skjema i Photoshop.

• monokromatiskBruke farger med samme fargetone. De kan ha forskjellige toner eller nyanser avhengig av hvor mye hvitt eller svart er lagt til.
• analogtDette bruker farger som er nær hverandre på fargeskiven.
• utfyllendeDette blir ofte sett på som "motsatt" fordi de to farger i en komplementær fargevalg er motsatt hverandre på fargeskiven.
• triadiskDisse fargene er jevnt fordelt på fargeskiven.

Alle fargeskjemaene vil bruke denne gule som basisfarge.

02 av 10

Monokromatisk web fargeskjema

Dette fargeskjemaet bruker sennepgulet av min basefarge og legger til noe hvitt og svart til fargetone og skygger ordningen tilsvarende.

• øvre venstre - grunnfarge # ffe500
• øverst til høyre - lagt til en fylling på 50% hvit for å få # fff280
• nederst til venstre - lagt til en fylling på 75% hvit for å få # fff8bf
• nederst til høyre - lagt til en fylling på 50% svart for å få # 7f7200

Monokromatiske fargeskjemaer er ofte det enkleste på øynene til alle fargeskjemaene. De svake endringene i fargetone og skygge gjør fargene flyter til hverandre bedre. Bruk dette fargevalget til å gjøre nettstedet ditt mer fluid og samlet.

03 av 10

Mer Monochromatic Web Color Scheme

Lagt til en firkant på 20% svart for å få flere farger i ordningen. Hvis du legger til svart eller hvitt i fargene dine, kan du lage en ny farge til paletten din uten å ødelegge tonen på siden.

04 av 10

Analog Web Color Scheme

Dette fargeskjemaet tar den gule basen farge og legger til og trekker 30 grader på fargetone i Photoshop-fargepaletten.

• øvre venstre - grunnfarge # ffe500
• Øverst til høyre - +30 grader for å få # 99ff00
• Nedre venstre - -30 grader for å få # ff6600
• nederst til høyre - 100% hvit #ffffff

Analoge farger kan fungere veldig bra sammen, men noen ganger kan de kollidere sterkt. Pass på å teste disse ordningene med flere personer enn deg selv, din familie og venner. Når de jobber, oppretter de et nettsted som er mer fargerikt enn det monokromatiske systemet, men nesten som væske.

05 av 10

Mer Analog Web Color Scheme

Lagt til en firkant på 20% svart for å få flere farger i ordningen.

06 av 10

Komplementær web fargeskjema

Komplementære fargevalg, i motsetning til andre farger, har vanligvis bare to farger. Basen farge og det er motsatt på fargeskiven. Photoshop gjør det enkelt å få den komplementære fargen - bare velg det fargeområde du vil ha komplementet til og klikk Ctrl-I. Photoshop vil invertere det for deg. Pass på at du gjør dette på et duplikatlag, slik at du ikke mister basefarge.

• igjen - grunnfarge # ffe500
• høyre - komplementet # 001aff

Komplementære fargeskjemaer er ofte mye mer slående enn andre fargeskjemaer, så bruk dem med omhu. De brukes oftest på stykker som må skille seg ut.

07 av 10

Mer komplementær web fargeskjema

For å få denne versjonen, la jeg til 50% hvit til den nederste halvdel av fargene og 30% svart til midtfeltet. Som du kan se, gir den deg noen flere alternativer, men det er fortsatt et komplementært fargevalg.

08 av 10

Triadic Web Color Scheme

Triadiske fargeskjemaer består av 3 farger, omtrent eller mindre like fordelt rundt fargeskiven. Fordi et fargeskjul er 360 grader, brukte jeg igjen fargetråden i fargeplukeren for å legge til og trekke 120 grader fra grunnfarge.

• øvre venstre - grunnfarge # ffe500
• Øverst til høyre - +120 grader for å få # e500ff
• Nedre venstre - -120 grader for å få # 00ffe6
• nederst til høyre - 100% hvit #ffffff

Triadiske fargeskjemaer produserer ofte svært levende websider. Men som komplementære fargeskjemaer, kan de påvirke mennesker annerledes. Pass på å teste.

Du kan også lage tetradiske eller 4-fargede fargeskjemaer, hvor fargene er like spredt rundt fargeskiven.

09 av 10

Mer Triadic Web Color Scheme

Som med de andre eksemplene, la jeg til et 30% svart firkant i fargene for å få de ekstra nyanser.

10 av 10

Diskriminerende web fargeskjemaer

Skjønnhet er i øyets øye, men det er et uheldig faktum at ikke alle farger går sammen. Diskrete farger er farger som er lengre enn rundt 30 grader fra hverandre på fargeskiven og er ikke komplementære eller deler av en triade.

Uforskammet fargevalg kan være veldig sjokkerende og bør bare brukes til å generere oppmerksomhet. Husk at fordi disse fargene ofte kommer i konflikt, er oppmerksomheten du kanskje ikke akkurat det du leter etter.