01 din 10
Înțelegerea schemelor culorilor și a culorilor web
Există patru scheme de bază de culoare pe care le puteți utiliza pentru un site Web. Fiecare pagină a acestui articol prezintă o imagine a schemei de culori și cum puteți genera o schemă similară în Photoshop.
- monocromatic
Folosind culori de aceeași nuanță. Ele pot avea diferite nuanțe sau nuanțe, în funcție de cantitatea de alb sau negru adăugat. - analog
Acest lucru utilizează culori care sunt aproape unul de celălalt pe roata de culori. - complementar
Acest lucru este adesea văzut ca fiind "opus", deoarece cele două culori dintr-o schemă completă de culoare sunt opuse una pe cealaltă pe roata de culoare. - triadică
Aceste culori sunt distribuite uniform pe roata de culori.
Toate schemele de culori vor folosi acest galben ca bază de culoare.
02 din 10
Monocromatic Web Color Scheme
Această schemă de culori utilizează culoarea galbenă de mustar a culorii de bază și adaugă unele alb și negru pentru a nuanșa și umbra schema corespunzătoare.
- din stânga sus - culoarea de bază # ffe500
- dreapta sus - a adăugat o umplutură de 50% alb pentru a obține # fff280
- din stânga jos - a adăugat o umplutură de 75% alb pentru a obține # fff8bf
- dreapta jos - a adăugat o umplutură de 50% negru pentru a obține # 7f7200
Schemele de culori monocromatice sunt adesea cele mai simple pe ochii tuturor schemelor de culori. Modificările delicate ale nuanței și nuanței fac ca culorile să curgă unul în celălalt mai bine. Utilizați această schemă de culori pentru a face site-ul să apară mai fluid și mai colectat.
03 din 10
Mai multe planuri color monocromatice web
A adăugat un pătrat de 20% negru pentru a obține mai multe culori în sistem. Adăugarea de culori negre sau albe în culorile dvs. poate crea o culoare nouă în paleta dvs. fără a afecta tonul paginii.
04 din 10
Analog Web Color Scheme
Această schemă de culoare are culoarea de bază galbenă și adaugă și scade cu 30 de grade nuanța în paleta de culori Photoshop.
- din stânga sus - culoarea de bază # ffe500
- din dreapta sus - +30 grade pentru a obține # 99ff00
- stânga jos - -30 grade pentru a obține # ff6600
- dreapta jos - 100% alb #ffffff
Culorile analogice pot funcționa foarte bine împreună, dar uneori se pot ciocni prost. Asigurați-vă că testați aceste scheme cu mai mulți oameni decât dvs., familia și prietenii. Când lucrează, creează un site mai colorat decât schema monocromatică, dar aproape la fel de fluid.
05 din 10
Mai multe programe de colorare Web analogice
A adăugat un pătrat de 20% negru pentru a obține mai multe culori în sistem.
06 din 10
Schema complementară de culori Web
Schemele de culori complementare, spre deosebire de alte scheme de culori, au de obicei numai două culori. Culoarea de bază și este opusă roții de culoare. Photoshop ușurează obținerea culorii complementare - pur și simplu selectați zona de culoare pe care doriți să o completați și apăsați pe Ctrl-I. Photoshop îl va inversa pentru tine. Asigurați-vă că faceți acest lucru pe un strat duplicat, astfel încât să nu vă pierdeți culoarea de bază.
- stânga - culoarea de bază # ffe500
- dreapta - complementul # 001aff
Schemele de culori complementare sunt adesea mult mai izbitoare decât alte scheme de culori, deci folosiți-le cu grijă. Ele sunt cele mai des folosite pe bucăți care trebuie să iasă în evidență.
07 din 10
Mai multe scheme complementare de culori Web
Pentru a obține această versiune, am adăugat 50% alb la jumătatea inferioară a culorilor și 30% negru la centrul pătrat. După cum puteți vedea, vă oferă câteva opțiuni, dar este încă o schemă de culori complementară.
08 din 10
Sistem de colorare web tridică
Schemele de culori triadice sunt formate din 3 culori, mai mult sau mai puțin distanțate în jurul roții de culoare. Deoarece o roată de culoare este de 360 de grade, am folosit din nou cutia de culori din selectorul de culori pentru a adăuga și a scădea 120 de grade față de culoarea de bază.
- din stânga sus - culoarea de bază # ffe500
- dreapta sus - + 120 grade pentru a obține # e500ff
- stânga jos - -120 de grade pentru a obține # 00ffe6
- dreapta jos - 100% alb #ffffff
Schemele de culori triadice produc adesea pagini Web foarte vibrante. Dar, ca schemele complementare de culoare, ele pot afecta oamenii în mod diferit. Asigurați-vă că ați testat.
De asemenea, puteți crea scheme de culori tetradice sau de 4 culori, unde culorile sunt distanțate în mod egal în jurul roții de culoare.
09 din 10
Mai multe scheme color Triadic Web
Ca și în celelalte exemple, am adăugat un pătrat negru de 30% culorilor pentru a obține nuanțele suplimentare.
10 din 10
Sisteme de colorare web dezorganizate
Frumusețea este în ochii privitorului, dar este un nefericit faptul că nu toate culorile merg împreună. Culorile discordante sunt culori mai lungi decât cele de aproximativ 30 de grade pe roata de culori și nu sunt complementare sau fac parte dintr-o triadă.
Sistemele colorante discordante pot fi foarte șocante și ar trebui folosite doar pentru a genera atenție. Amintiți-vă că deoarece aceste culori se vor ciocni adesea, atenția pe care o obțineți poate nu este exact ceea ce căutați.