Web krāsu shēmas izveide

01 no 10

Izpratne par krāsu un tīmekļa krāsu shēmām

Bāzes krāsa - sinepju dzeltena. J Kirnina attēls

Ir četras pamata krāsu shēmas, kuras jūs varat izmantot vietnei. Katrā šī raksta lapā tiek parādīts krāsu shēmas attēls un kā jūs varat ģenerēt līdzīgu shēmu Photoshop.

Visas krāsu shēmas izmantos šo dzelteno krāsu kā pamata krāsu.

02 no 10

Monohromatiska tīmekļkrāsu shēma

Monohromatiska tīmekļkrāsu shēma. J Kirnina attēls

Šajā krāsu shēmā tiek izmantots manas bāzes krāsas sinepju dzeltenais krāsa, un attiecīgi tiek pievienota balta un melna krāsa.

Vienkrāsainās krāsu shēmas bieži ir visvieglāk visas krāsu shēmas acīs. Maigas izmaiņas nokrāsā un ēnā padara krāsas plūsmu viens otram labāk. Izmantojiet šo krāsu shēmu, lai jūsu vietne kļūtu vieglāka un savākta.

03 no 10

Vairāk monohromatiskās tīmekļa krāsu shēmas

Monohromatiska tīmekļkrāsu shēma. J Kirnina attēls

Pievienots kvadrāts 20% melna, lai iegūtu vairāk krāsu shēmā. Melnās vai baltās krāsas pievienošana jūsu krāsu paliktnēm var radīt jaunu krāsu, nepieskaroties lapas tonim.

04 no 10

Analogā tīmekļa krāsu shēma

Analogā tīmekļa krāsu shēma. J Kirnina attēls

Šī krāsu shēma uzņem dzelteno bāzes krāsu un Photoshop krāsu paleti papildina un atņem 30 grādus krāsai.

Līdzīgas krāsas var strādāt ļoti labi kopā, bet dažreiz tās var slikti sadursmot. Noteikti pārbaudiet šīs shēmas ar vairāk cilvēku nekā jūs, jūsu ģimene un draugi. Kad viņi strādā, viņi izveido vietni, kas ir krāsaināka nekā monohromatiska shēma, bet ir gandrīz tikpat šķebinoša.

05 no 10

Vairāk analogās tīmekļa krāsu shēmas

Analogā tīmekļa krāsu shēma. J Kirnina attēls

Pievienots kvadrāts 20% melna, lai iegūtu vairāk krāsu shēmā.

06 no 10

Papildu Web krāsu shēma

Papildu Web krāsu shēma. J Kirnina attēls

Papildus krāsu shēmām, atšķirībā no citām krāsu shēmām, parasti ir tikai divas krāsas. Bāzes krāsa un tā ir pretējā krāsu ritenī. Photoshop ļauj viegli iegūt papildu krāsu - vienkārši izvēlieties krāsu apgabalu, kuru vēlaties papildināt un nospiediet Ctrl-I. Photoshop apgrieza to jums. Pārliecinieties, ka to darāt dublikāta slānī, lai jūs nezaudētu savu bāzes krāsu.

Papildu krāsu shēmas bieži ir daudz pārsteidzošākas nekā citas krāsu shēmas, tādēļ tās uzmanīgi jālieto. Tās visbiežāk tiek izmantotas gabaliņos, kas jāizceļ.

07 no 10

Papildu Web krāsu shēma

Papildu Web krāsu shēma. J Kirnina attēls

Lai iegūtu šo versiju, es pievienoju 50% balto krāsu uz apakšējo krāsu pusi un 30% melnā krāsā uz centra laukumu. Kā jūs varat redzēt, tas dod jums vēl dažas iespējas, bet tas joprojām ir papildu krāsu shēmu.

08 no 10

Trijādveida tīmekļa krāsu shēma

Trijādveida tīmekļa krāsu shēma. J Kirnina attēls

Trīspakāpju krāsu shēmas veido trīs krāsas, kas vairāk vai mazāk vienādi izvietotas ap krāsu riteni. Tā kā krāsu rats ir 360 grādos, es atkal izmantoju krāsu komplektā ietilpstošo nokrāsas lodziņu, lai pievienotu un atņemtu 120 grādus no pamatkrāsas.

Triju krāsu shēmas bieži rada ļoti dinamiskas tīmekļa lapas. Bet, tāpat kā papildu krāsu shēmas, tie var ietekmēt cilvēkus atšķirīgi. Noteikti pārbaudiet.

Jūs varat arī izveidot četrkārtīgu vai četrkrāsu krāsu shēmas, kur krāsas ir vienādi izvietotas ap krāsu ratu.

09 no 10

Vairāk trīsdimensiju tīmekļa krāsu shēmas

Trijādveida tīmekļa krāsu shēma. J Kirnina attēls

Tāpat kā citi piemēri, es pievienoju krāsu 30% melnu kvadrātā, lai iegūtu papildu toņus.

10 no 10

Neatbilstošas ​​tīmekļa krāsu shēmas

Neatbilstošas ​​tīmekļa krāsu shēmas. J Kirnina attēls

Skaistums ir skatītāja acīs, taču ir žēl fakts, ka ne visas krāsas iet kopā. Atšķirīgas krāsas ir krāsas, kas krāsainā diska attālumā ir tālāk par aptuveni 30 grādiem, un tās nav papildinošas vai triādes sastāvdaļas.

Atšķirīgas krāsu shēmas var būt ļoti šokējošas, un tās vajadzētu izmantot tikai, lai radītu uzmanību. Atcerieties, ka, jo šīs krāsas bieži vien saduras, jūsu uzmanība var nebūt tieši tā, ko meklējat.