01 ng 10
Pag-unawa sa mga Scheme ng Kulay at Mga Kulay ng Web
Mayroong apat na pangunahing mga scheme ng kulay na maaari mong gamitin para sa isang Web site. Ang bawat pahina ng artikulong ito ay nagpapakita ng isang larawan ng scheme ng kulay, at kung paano maaari kang bumuo ng isang katulad na pamamaraan sa Photoshop.
- monochromatic
Paggamit ng mga kulay ng parehong kulay. Maaaring magkaroon sila ng iba't ibang kulay o kulay depende sa kung gaano kalaki ang puti o itim ang idinagdag. - kahalintulad
Gumagamit ito ng mga kulay na malapit sa isa't isa sa kulay ng gulong. - komplimentaryong
Madalas itong makikita bilang "kabaligtaran" dahil ang dalawang kulay sa isang komplimentaryong scheme ng kulay ay kabaligtaran sa isa't isa sa kulay ng gulong. - triadic
Ang mga kulay na ito ay pantay na naka-spaced sa wheel ng kulay.
Ang lahat ng mga scheme ng kulay ay gagamit ng dilaw na ito bilang kulay ng base.
02 ng 10
Monochromatic Web Color Scheme
Ang scheme ng kulay na ito ay gumagamit ng mustardy dilaw ng aking base kulay at nagdadagdag ng ilang mga puti at itim sa kulay at lilim ang pamamaraan nang naaayon.
- itaas na kaliwa - ang batayang kulay # ffe500
- itaas na kanan - nagdagdag ng isang punan ng 50% puti upang makakuha ng # fff280
- ibabang kaliwa - nagdagdag ng isang punan ng 75% white upang makakuha ng # fff8bf
- mas mababa sa kanan - nagdagdag ng isang punan ng 50% itim upang makakuha ng # 7f7200
Ang mga monokromatik na mga scheme ng kulay ay madalas na pinakamadali sa mga mata ng lahat ng mga scheme ng kulay. Ang mabait na pagbabago sa tint at lilim ay nagpapabuti sa mga kulay sa isa't isa. Gamitin ang scheme ng kulay upang gawing lalong tuluy-tuloy at nakolekta ang iyong site.
03 ng 10
Higit pang Monochromatic Web Color Scheme
Nagdagdag ng isang parisukat na 20% itim upang makakuha ng higit pang mga kulay sa scheme. Ang pagdaragdag ng itim o puti sa iyong mga kulay ay maaaring lumikha ng isang bagong kulay sa iyong palette nang hindi gumagalaw ang tono ng pahina.
04 ng 10
Analogous Web Color Scheme
Ang scheme ng kulay na ito ay tumatagal ng kulay ng dilaw na base at nagdadagdag at nagbabawas ng 30 degrees sa kulay sa Photoshop color palette.
- itaas na kaliwa - ang batayang kulay # ffe500
- kanang itaas - +30 degrees upang makakuha ng # 99ff00
- ibabang kaliwa - -30 degrees upang makakuha ng # ff6600
- ibabang kanang - 100% white #ffffff
Ang mga analog na kulay ay maaaring gumana nang mahusay sa magkasama, ngunit kung minsan ay maaari silang masira. Tiyaking subukan ang mga scheme na ito na may mas maraming mga tao kaysa sa iyong sarili, sa iyong pamilya at mga kaibigan. Kapag gumagana ang mga ito, lumikha sila ng isang site na mas makulay kaysa sa monochromatic scheme, ngunit halos bilang likido.
05 ng 10
Higit pang Analogous Web Color Scheme
Nagdagdag ng isang parisukat na 20% itim upang makakuha ng higit pang mga kulay sa scheme.
06 ng 10
Ang Complementary Web Color Scheme
Ang mga komplimentaryong mga scheme ng kulay, hindi katulad ng ibang mga scheme ng kulay ay karaniwang may dalawang kulay lamang. Ang base na kulay at ito ay kabaligtaran sa kulay ng gulong. Ginagawang mas madali ng Photoshop na makuha ang pantulong na kulay - piliin lamang ang lugar ng kulay na gusto mo ang pampuno ng at pindutin ang Ctrl-I. Ang Photoshop ay magbabaligtad para sa iyo. Siguraduhin na gawin ito sa isang dobleng layer, kaya hindi mo mawawala ang iyong base kulay.
- kaliwa - ang batayang kulay # ffe500
- right - ang pampuno # 001aff
Ang mga komplimentaryong mga scheme ng kulay ay madalas na mas kapansin-pansin kaysa sa iba pang mga scheme ng kulay, kaya gamitin ang mga ito nang may pag-aalaga. Sila ay madalas na ginagamit sa mga piraso na kailangan upang tumayo.
07 ng 10
Higit pang Complementary Web Color Scheme
Upang makuha ang bersyon na ito, nagdagdag ako ng 50% na puti sa kalahati ng mga kulay at 30% itim sa sentro ng parisukat. Tulad ng makikita mo, binibigyan ka nito ng ilang higit pang mga pagpipilian ngunit pa rin ito ng isang komplimentaryong scheme ng kulay.
08 ng 10
Triadic Web Color Scheme
Ang mga triadic na mga scheme ng kulay ay binubuo ng 3 mga kulay nang higit pa o mas kaunti sa pagitan ng kulay ng wheel. Dahil ang isang kulay ng gulong ay 360 degrees, muli kong ginamit ang kahon ng kulay sa tagapili ng kulay upang idagdag at ibawas ang 120 degrees mula sa kulay ng base.
- itaas na kaliwa - ang batayang kulay # ffe500
- kanang itaas - +120 degrees upang makakuha ng # e500ff
- ibabang kaliwa - -120 degrees upang makakuha ng # 00ffe6
- ibabang kanang - 100% white #ffffff
Ang mga triad na mga scheme ng kulay ay madalas na gumagawa ng napakagandang mga pahina ng Web. Ngunit tulad ng mga pantulong na mga scheme ng kulay, maaari silang makakaapekto sa mga tao nang naiiba. Siguraduhin na subukan.
Maaari ka ring lumikha ng tetradic o 4-kulay na mga scheme ng kulay, kung saan ang mga kulay ay pantay na nasa pagitan ng kulay ng gulong.
09 ng 10
Higit pang Triadic Web Color Scheme
Tulad ng iba pang mga halimbawa, nagdagdag ako ng isang 30% itim na parisukat sa mga kulay upang makuha ang karagdagang mga kulay.
10 ng 10
Mga Disorder ng Kulay ng Web
Ang kagandahan ay sa mata ng beholder, ngunit ito ay isang kapus-palad katotohanan na hindi lahat ng mga kulay magkasama. Ang mga kulay na nagkakalat ay mga kulay na mas malayo kaysa sa paligid ng 30 degrees sa kulay ng gulong at hindi komplementaryo o bahagi ng isang triad.
Ang mga diskordanteng kulay ay maaaring maging lubhang kagulat-gulat at dapat lamang gamitin upang makabuo ng pansin. Tandaan na dahil ang mga kulay na ito ay madalas na pag-aaway, ang pansin mo ay maaaring hindi eksakto kung ano ang iyong hinahanap.