01 of 10
Värvi- ja veebikorra skeemide mõistmine
Veebisaidil on neli põhivärvusskeemi. Selle artikli iga leht näitab värviskeemi pilti ja kuidas saate sarnase skeemi luua Photoshopis.
- monokromaatiline
Sama värvi värvide kasutamine. Neil võib olla erinevates toonides või toonides, sõltuvalt sellest, kui palju valget või mustat on lisatud. - analoogne
See kasutab värve, mis on värviribal üksteise lähedal. - täiendav
Seda peetakse tihtipeale vastupidiseks, kuna mõlemad värvid täiendavates värviskeemides on värviratta üksteise vastas. - triadiline
Need värvid asuvad värvirattal ühtlaselt.
Kõik värvilahendused kasutavad seda kollast baasvärvi.
02 of 10
Monokromaatne veebi värviskeem
See värviskeem kasutab minu baasvärvi sinepikollast värvi ja lisab sellele vastavalt skeemi valge ja must värvi ja varju.
- üleval vasakul - baasvärv # ffe500
- üleval paremal - lisati 50% valge täitmine, et saada # fff280
- alumine vasak - lisati täidisega 75% valget, et saada # fff8bf
- alumises paremas nurgas - lisati täide 50% mustast, et saada # 7f7200
Monokromaatilised värviskeemid on sageli kõige värvilisemate silmade silmad. Õrnad muutused toonides ja varjus muudavad värvid üksteise voogu paremaks. Kasutage seda värviskeemi, et muuta teie sait ilmekamaks ja kogutud.
03 of 10
Veel ühevärviline veebiruumi värviskeem
Kavandisse lisati rohkem värve, mille värvus on 20%. Must-valge värvide lisamine võib teie palettesse uue värvi luua, ilma lehe tooni muretsemata.
04 10-st
Analoogne veebi värviskeem
See värviskeem võtab kollase baasvärvuse ja lisab ja lahutab Photoshopi värvipaletiga tooni värvi 30 kraadi.
- üleval vasakul - baasvärv # ffe500
- ülemine paremal - + 30 kraadi, et saada # 99ff00
- alumine vasak -30 kraadi, et saada # ff6600
- paremas alanurgas - 100% valge #ffffff
Sarnased värvid võivad koos töötada väga hästi, kuid mõnikord võivad nad halvasti kokku puutuda. Kontrollige kindlasti neid skeeme rohkemate inimestega kui enda, oma pere ja sõpradega. Kui nad töötavad, loovad nad saidi, mis on värviline kui monokromaatiline skeem, kuid peaaegu sama voolav.
05 of 10
Veel analoogne veebi värviskeem
Kavandisse lisati rohkem värvi, mille värvus on 20%.
06 10-st
Täiendav veebi värviskeem
Erinevalt teistest värviskeemidest on lisaks värviskeemidele tavaliselt ainult kaks värvi. Põhjavärv ja see on värvirattal vastupidine. Photoshop muudab täiendava värvuse saamise hõlpsaks - valige lihtsalt värviruumi, mida soovite täiendada ja vajuta Ctrl-I. Photoshop pöörab selle teie jaoks ümber. Veenduge, et seda tehke duplikaadi kihis, nii et te ei kaota oma baasvärvi.
- vasakul - baasvärv # ffe500
- parem - komplement # 001aff
Täiendavad värviskeemid on sageli palju silmatorkavamad kui muud värviskeemid, seega kasutage neid hoolikalt. Neid kasutatakse enamasti tükkideks, mis peavad välja paistma.
07 of 10
Täiendav veebi värviskeem
Selle versiooni saamiseks lisasin keskmisele ruudule 50% valget värvi alumisse ossa ja 30% mustale. Nagu näete, annab see teile veel paar võimalust, kuid see on endiselt täiendav värviskeem.
08 10-st
Triadiaalne veebi värviskeem
Triadiaalsed värviskeemid koosnevad kolmest värvist, mis paiknevad enam-vähem võrdselt värviratta ümber. Kuna värvilaager on 360 kraadi, kasutasin värvikvalijast värvitooni uuesti, et lisada ja lahutada 120 kraadi põhivärvist.
- üleval vasakul - baasvärv # ffe500
- ülemine parem - +120 kraadi, et saada # e500ff
- alumine vasak - -120 kraadi, et saada # 00ffe6
- paremas alanurgas - 100% valge #ffffff
Kolmeosalised värviskeemid toodavad tihti väga elavat veebi. Kuid nagu täiendavad värviskeemid, võivad need mõjutada inimesi erinevalt. Kindlasti proovige.
Võite ka luua tetradikaalseid või 4-värvilisi värviskeeme, kus värvid on võrdselt paigutatud värviratta ümber.
09 of 10
Rohkem kolmekordse veebi värviskeemi
Nagu ka teiste näidete puhul, lisasin lisavärvide saamiseks värve 30% mustast ruutorist.
10-st 10-st
Vastamatud veebi värviskeemid
Ilu on vaataja silmis, kuid kahetsusväärne asjaolu, et kõik värvid ei lähe kokku. Vastupidavad värvid on värvid, mis asuvad värvilisel ratasel kaugemal kui umbes 30 kraadi üksteisest ja mis ei ole üksteist täiendavad või kolmest osa.
Vastupidavad värviskeemid võivad olla väga šokeerivad ja neid tuleks kasutada ainult tähelepanu tekitamiseks. Pidage meeles, et kuna need värvid satuvad tihti kokku, võib tähelepanu pöörata täpselt sellele, mida otsite.