01 iš 10
Supratimas spalvų ir interneto spalvų schemas
Yra keturios pagrindinės spalvų schemos, kurias galite naudoti svetainėje. Kiekviename šio straipsnio puslapyje parodytas spalvų schemos vaizdas ir kaip galite sukurti panašią schemą "Photoshop".
- monochromatinis
Naudojant tos pačios spalvos spalvas. Jie gali turėti skirtingus atspalvius arba atspalvius, priklausomai nuo to, kiek balta ar juoda yra pridėta. - analogiškas
Tai naudoja spalvas, kurios yra arti vienas kito spalvų ratuose. - papildomas
Tai dažnai laikoma "priešinga", nes dvi spalvos papildomoje spalvų schemoje yra priešingos viena nuo kitos ant spalvų rato. - triadiškas
Šios spalvos yra vienodai išdėstytos ant spalvoto rato.
Visos spalvų schemos naudos šį geltoną kaip pagrindinę spalvą.
02 iš 10
Monochromatinė interneto spalvų schema
Ši spalvų schema naudoja mano bazinės spalvos saldžio geltoną spalvą ir atitinkamai prideda balto ir juodo spalvų atspalvių.
- viršutinė kairė - bazinė spalva # ffe500
- viršutiniame dešiniajame kampe - pridėta 50% balta užpildyti, kad gautumėte # fff280
- apatiniame kairiajame kampe - pridėta 75% baltos spalvos užpildyti, kad gautumėte # fff8bf
- apačioje dešinėje - pridėta 50% juodos spalvos užpildyti, kad gautumėte # 7f7200
Monochromatinės spalvų schemos dažniausiai yra lengviausios visų spalvų schemų akyse. Švelnūs spalvos ir atspalvio pakeitimai daro spalvas geresnes. Naudokite šią spalvų schemą, kad svetainė taptų labiau sklandi ir surinkta.
03 iš 10
Daugiau monochromatinės interneto spalvų schemos
Pridėta 20% juodos spalvos kvadratas, kad sistemoje būtų daugiau spalvų. Juodos arba baltos spalvos pridėjimas prie savo paletės gali sukurti naują spalvą, nesukeliant puslapio tonas.
04 iš 10
Analogiška interneto spalvų schema
Ši spalvų schema paima geltoną bazinę spalvą ir papildo ir atimama 30 laipsnių spalvą "Photoshop" spalvų paletėje.
- viršutinė kairė - bazinė spalva # ffe500
- viršutinė dešinė - + 30 laipsnių, kad gautumėte # 99ff00
- Apatinis kairysis -30 laipsnių, norint gauti # ff6600
- apatinis dešinysis - 100% balta #ffffff
Analogiškos spalvos gali dirbti labai gerai kartu, tačiau kartais jos gali smarkiai sutrikdyti. Būtinai išbandykite šias schemas daugiau žmonių nei jūs, jūsų šeima ir draugai. Kai jie dirba, jie sukuria svetainę, kuri yra spalvingesnė nei monochromatinė schema, bet beveik tokia sklandi.
05 iš 10
Daugiau analogiškos interneto spalvų schemos
Pridėta 20% juodos spalvos kvadratas, kad sistemoje būtų daugiau spalvų.
06 iš 10
Papildoma interneto spalvų schema
Papildomos spalvų schemos, skirtingai nei kitos spalvų schemos, paprastai turi tik dvi spalvas. Pagrindinė spalva ir priešinga spalvų ratai. "Photoshop" leidžia lengvai gauti papildomą spalvą - tiesiog pasirinkite spalvų plotą, kurį norite papildyti ir paspausti "Ctrl-I". "Photoshop" jį invertuos. Įsitikinkite, kad tai padaryti dublikato sluoksnyje, kad neprarastumėte pagrindinės spalvos.
- kairėje - bazinė spalva # ffe500
- teisė - papildymas Nr. 001aff
Papildomos spalvų schemos dažnai yra daug ryškesnės nei kitos spalvų schemos, todėl jas naudokite atsargiai. Jie dažniausiai naudojami gabaliukams, kuriuos reikia išskirti.
07 iš 10
Daugiau papildomos interneto spalvų schemos
Norėdami gauti šią versiją, 50% baltos spalvos pridėta prie apatinės spalvų pusės ir 30% juodos spalvos iki centro aikštės. Kaip matote, tai suteikia jums keletą parinkčių, bet tai dar papildoma spalvų schema.
08 iš 10
Triadalio interneto spalvų schema
Trijų spalvų schemos sudarytos iš 3 spalvų, kurios daugiau ar mažiau vienodai pasiskirsčiusios aplink spalvų ratą. Kadangi spalvų ratas yra 360 laipsnių, aš vėl panaudojo spalvotų rinktuvuose esantį atspalvio dėžutę, norėdamas pridėti ir išskaičiuoti 120 laipsnių nuo bazinės spalvos.
- viršutinė kairė - bazinė spalva # ffe500
- viršutinė dešinioji - +120 laipsnių, kad gautumėte # e500ff
- Apatinis kairysis - -120 laipsnių, kad gautumėte # 00ffe6
- apatinis dešinysis - 100% balta #ffffff
Triadiškos spalvų schemos dažnai sukuria labai energingus tinklalapius. Tačiau kaip papildomos spalvų schemos, jie gali paveikti žmones skirtingai. Būtinai patikrinkite.
Taip pat galite sukurti tetradikines arba 4 spalvų spalvų schemas, kuriose spalvos yra vienodai išdėstytos aplink spalvų ratą.
09 iš 10
Daugiau trimačių interneto spalvų schemos
Kaip ir kiti pavyzdžiai, pridėjau 30% juodą kvadratą su spalvomis, kad gautų papildomų atspalvių.
10 iš 10
Neatidėliotinos interneto spalvų schemos
Grožis yra žiūrovo akyje, bet gaila, kad ne visos spalvos eina kartu. Nesutapdingos spalvos yra spalvos, kurios yra nutolusios maždaug 30 laipsnių kampu tarpusavyje spalvotuosiuose ratuose ir nėra vienos ar triaados dalys.
Nesutampančios spalvų schemos gali būti labai šokiruojančios ir turėtų būti naudojamos tik tam, kad atkreiptų dėmesį. Atminkite, kad, nes dažniausiai šios spalvos susiduria, jūsų dėmesys gali būti ne tas pats, ko ieškote.