01 af 10
Skilningur á lit og vefur litakerfi
Það eru fjórir grunn litakerfi sem þú getur notað fyrir vefsíðu. Hverja síðu þessarar greinar sýnir mynd af litasamsetningu, og hvernig þú getur búið til svipað kerfi í Photoshop.
- einlita
Nota liti af sama lit. Þeir kunna að hafa mismunandi litbrigði eða tónum eftir því hversu mikið hvítt eða svart er bætt við. - hliðstæð
Þetta notar liti sem eru nálægt hver öðrum á litahjólinu. - viðbótarsamningur
Þetta er oft talið "andstæða" vegna þess að tveir litirnir í viðbótarlitunarkerfi eru á móti öðrum á litahjólinu. - triadic
Þessir litir eru jafnt á milli á litahjólinu.
Öll litasamsetningin mun nota þessa gula sem grunn lit.
02 af 10
Monochromatic Web Color Scheme
Þessi litasamsetning notar mustardgultið af grunnslitnum mínum og bætir nokkrum hvítum og svörtum litum við og skuggar kerfinu í samræmi við það.
- efri til vinstri - grunnsliturinn # ffe500
- efri til hægri - bætt við fyllingu 50% hvítu til að fá # fff280
- neðst til vinstri - bætt við fyllingu 75% hvítt til að fá # fff8bf
- hægra megin - bætt við fyllingu 50% svart til að fá # 7f7200
Svarthvít litakerfi eru oft auðveldast fyrir augun allra litastigs. The blíður breytingar á lit og skugga gera liti flæði inn í annað betri. Notaðu þetta litasamsetningu til að gera vefsvæðið þitt virkt meira vökva og safnað.
03 af 10
Fleiri einlita veflitakerfi
Bætt við torginu 20% svart til að fá fleiri liti í kerfinu. Ef þú bætir svart eða hvítt við litina getur þú búið til nýja lit á stikuna án þess að skipta um tóninn á síðunni.
04 af 10
Analog Web Litur Scheme
Þessi litasamsetning tekur gula grunnlitann og bætir við og dregur 30 gráður í lit á litavalinu í Photoshop.
- efri til vinstri - grunnsliturinn # ffe500
- hægra megin - +30 gráður til að fá # 99ff00
- neðst til vinstri - -30 gráður til að fá # ff6600
- hægra megin - 100% hvítt #ffffff
Analogir litir geta virkað mjög vel saman, en stundum geta þeir slæmt samband. Vertu viss um að prófa þessi kerfi með fleiri en sjálfum þér, fjölskyldu þinni og vinum. Þegar þeir vinna, búa þeir til síðu sem er litríkari en einlita kerfið, en næstum eins og vökvi.
05 af 10
Meira Analog Web Color Scheme
Bætt við torginu 20% svart til að fá fleiri liti í kerfinu.
06 af 10
Viðbótarupplýsingar um veflitakerfi
Viðbótarupplýsingar litakerfi, ólíkt öðrum litakerfum, hafa venjulega aðeins tvær litir. Grunnliturinn og það er fjær á litahjólinu. Photoshop gerir það auðvelt að fá viðbótargluggann - veldu einfaldlega svæðið lit sem þú vilt bæta við og ýttu á Ctrl-I. Photoshop mun snúa þér fyrir þig. Gakktu úr skugga um að þú gerir þetta á tvíhliða lagi, svo þú missir ekki grunnslitinn þinn.
- vinstri - grunnsliturinn # ffe500
- rétt - viðbótin # 001aff
Viðbótarlitunarkerfi eru oft miklu sláandi en aðrar litasamsetningar, svo notaðu þær með varúð. Þau eru oftast notuð í sundur sem þurfa að standa út.
07 af 10
Fleiri viðbótarlýsingarvefurarkerfi
Til að fá þessa útgáfu bætti ég við 50% hvítu í botn helminga litanna og 30% svartur í miðju torgið. Eins og þú sérð gefur það þér nokkra valkosti en það er enn til viðbótar litasamsetningu.
08 af 10
Triadic Web Color Scheme
Triadic litastillingar eru gerðar úr 3 litum, sem eru meira eða minna jöfn í kringum litahjólið. Vegna þess að litahjól er 360 gráður, nýtti ég aftur litaspjaldið í litaspjaldinu til að bæta við og draga 120 gráður frá grunnlitanum.
- efri til vinstri - grunnsliturinn # ffe500
- hægra megin - +120 gráður til að fá # e500ff
- neðst til vinstri - -120 gráður til að fá # 00ffe6
- hægra megin - 100% hvítt #ffffff
Triadic litastillingar framleiða oft mjög lifandi vefsíður. En eins og viðbótarlit litakerfi, geta þau haft áhrif á fólk öðruvísi. Vertu viss um að prófa.
Þú getur líka búið til tetradic eða 4-lit litakerfi, þar sem litirnir eru jafnt í kringum litahjólið.
09 af 10
Meira Triadic Vefur Litur Scheme
Eins og með önnur dæmi bætti ég við 30% svörtum torginu við litina til að fá frekari tónum.
10 af 10
Discordant Web Color Scheme
Fegurð er í auga áhorfandans, en það er óheppilegt að ekki séu allir litir saman. Andstæðar litir eru litir sem eru lengra en um 30 gráður í sundur á litahjólinu og eru ekki viðbótarefni eða hluti af tríói.
Óhefðbundnar litavalmyndir geta verið mjög átakanlegar og ætti aðeins að nota til að mynda athygli. Mundu að vegna þess að þessi litir munu oft skellast, þá er athygli sem þú færð ekki nákvæmlega það sem þú ert að leita að.