01 od 10
Razumevanje šema boja i Web boje
Postoje četiri osnovne šeme boja koje možete koristiti za Web lokaciju. Svaka stranica ovog članka prikazuje sliku šeme boja i kako možete generirati sličnu šemu u Photoshopu.
- monohromatski
Koristeći boje iste boje. Možda imaju različite nijanse ili nijanse u zavisnosti od toga koliko je dodato belo ili crno. - analogno
Ovo koristi boje koje su bliske jedna drugoj na točkiću za boju. - komplementarno
Ovo se često posmatra kao "suprotno" jer su dve boje u komplementarnoj šemi boja suprotne jedna drugoj na koloru za boju. - triadni
Ove boje su ravnomerno raspoređene na točku boja.
Sve boje šema će koristiti ovu žutu kao osnovnu boju.
02 od 10
Monohromatska šema Web boje
Ova boja koristi gorčicu žuto moje osnovne boje i dodaje neke bijele i crne za nijansiranje i sjenilo šemu shodno tome.
- Gornja leva - osnovna boja # ffe500
- Gornje desno - dodala je 50% bijele boje da bi dobili # fff280
- donji levi - dodao je punu 75% bijelog da bi dobio # fff8bf
- donji desni - dodao je 50% crn da bi dobio # 7f7200
Monohromatske šeme boja često su najlakše za oči u svim bojama. Nežne promene u nijansi i nijansama čine da se boje bolje razlikuju. Koristite ovu šemu boja kako biste učinili da vaša stranica bude više fluidna i prikupljena.
03 od 10
Više monohromatske šeme Web boje
Dodao je kvadrat od 20% crne da bi dobio više boja u shemi. Dodavanje crne ili bijele u svoje boje može stvoriti novu boju u svojoj paleti bez miješanja tona stranice.
04 od 10
Analogna Web Color Scheme
Ova šema boja uzima žutu osnovnu boju i dodaje i oduzima 30 stepeni do nijanse u paleti boja u Photoshopu.
- Gornja leva - osnovna boja # ffe500
- Gornji desni - +30 stepeni za dobijanje # 99ff00
- donji levi - -30 stepeni da biste dobili # ff6600
- donji desni - 100% bela #ffffff
Analogne boje mogu dobro raditi zajedno, ali ponekad mogu da se sukobljavaju. Obavezno testirajte ove šeme sa više ljudi od vas, vaše porodice i prijatelja. Kada rade, kreiraju sajt koji je više raznobojan od monohromatske šeme, ali skoro kao tečnost.
05 od 10
Više Analogna Web Color Scheme
Dodao je kvadrat od 20% crne da bi dobio više boja u shemi.
06 od 10
Komplementarna Web Color Scheme
Komplementarne šeme boja, za razliku od drugih boja, tipično imaju samo dve boje. Osnovna boja i suprotno je na točku boja. Photoshop olakšava dobijanje komplementarne boje - jednostavno izaberite oblast boje koju želite da dopunite i pritisnite Ctrl-I. Photoshop će vam to obrisati. Obavezno uradite ovo na dupliranom sloju, tako da ne izgubite osnovnu boju.
- lijevo - osnovna boja # ffe500
- desno - komplement # 001aff
Kompleksne šeme boja često su mnogo izražajnije od drugih boja, pa ih pažljivo koristite. Najčešće se koriste na komadima koji se moraju izdvojiti.
07 od 10
Šema dodatne komplementarne Web boje
Da bi dobili ovu verziju, dodao sam 50% bele do donje polovine boja, a 30% crne do središnjeg kvadrata. Kao što možete videti, on vam daje još nekoliko opcija, ali je i dalje komplementarna boja.
08 od 10
Triadic Web Color Scheme
Triadne šeme boja sastoje se od 3 boje više ili manje ravnomerno raspoređenih oko boje točka. Pošto je kolor za boje 360 stepeni, ponovo sam koristio kutiju za nijanse u boji za dodavanje i oduzimanje 120 stepeni od osnovne boje.
- Gornja leva - osnovna boja # ffe500
- Gornje desno - +120 stepeni da biste dobili # e500ff
- niže levo - -120 stepeni da bi dobili # 00ffe6
- donji desni - 100% bela #ffffff
Triadne šeme boja često proizvode vrlo živahne Web stranice. Ali kao komplementarne šeme boja, mogu uticati na ljude drugačije. Obavezno testirajte.
Takođe možete kreirati tetradske ili 4-bojne šeme boja, gdje su boje jednako raspoređene oko točkića u boji.
09 od 10
Još Triadic Web Color Scheme
Kao i kod drugih primera, dodao sam 30% crnog kvadrata u boje kako bih dobio dodatne nijanse.
10 od 10
Diskordantne Web šeme boja
Lepota je u očima posmatrača, ali je nesretna činjenica da sve boje ne idu zajedno. Neusaglašene boje su boje koje su dalje od oko 30 stepeni razdvajanja na točkiću za boju i nisu komplementarne niti dio triade.
Neusklađene šeme boja mogu biti veoma šokantne i trebalo bi da se koriste samo za generisanje pažnje. Zapamtite to zato što se ove boje često sukobljavaju, pažnja koju dobijete možda neće biti upravo ono što tražite.