01 от 10
Разбиране на схемите за цвят и уеб цветове
Има четири основни цветови схеми, които можете да използвате за уеб сайт. Всяка страница на тази статия показва картина на цветовата схема и как можете да генерирате подобна схема в Photoshop.
- едноцветен
Използване на цветове със същия цвят. Те могат да имат различни нюанси или нюанси в зависимост от това колко бели или черни са добавени. - аналогичен
Това използва цветове, които са близки един до друг върху цветното колело. - допълнителен
Това често се разглежда като "противоположно", защото двата цвята в допълваща цветова схема са разположени една срещу друга върху цветното колело. - триадична
Тези цветове са равномерно разположени на цветното колело.
Всички цветови схеми ще използват жълто като основен цвят.
02 от 10
Монохромна цветова схема на уеб
Тази цветова схема използва горчивия жълт цвят на моя основен цвят и добавя някои бели и черни цветове, за да оцветят и сянката на схемата съответно.
- горе вляво - базовия цвят # ffe500
- горе вдясно - добавихме запълване с 50% бяло, за да получим # fff280
- долния ляв - добавихте 75% бяло за да получите # fff8bf
- долу в дясно - добавихме запълване с 50% черно, за да получим # 7f7200
Монохроматичните цветови схеми често са най-леки в очите на всички цветови схеми. Нежните промени в нюанс и нюанс правят цветовете по-добре един в друг. Използвайте тази цветова схема, за да направите сайта си по-гъвкав и събран.
03 от 10
Още монохромна уеб цветова схема
Добавен е квадрат с 20% черно, за да получите повече цветове в схемата. Добавянето на черно или бяло към вашите цветове може да създаде нов цвят на вашата палитра, без да пречи на тона на страницата.
04 от 10
Аналогична схема за уеб цветове
Тази цветова схема отнема жълтия основен цвят и добавя и изважда 30 градуса от оттенъка в цветовата палитра на Photoshop.
- горе вляво - базовия цвят # ffe500
- горе вдясно - +30 градуса, за да получите # 99ff00
- долна лява - -30 градуса, за да получите # ff6600
- долу вдясно - 100% бяло #ffffff
Аналогичните цветове могат да работят много добре заедно, но понякога те могат зле да се сблъскат. Не забравяйте да тествате тези схеми с повече хора, отколкото себе си, вашето семейство и приятели. Когато работят, те създават сайт, който е по-цветен от монохромната схема, но почти като течност.
05 от 10
Още аналогична схема за уеб цветове
Добавен е квадрат с 20% черно, за да получите повече цветове в схемата.
06 от 10
Допълнителна уеб цветова схема
Допълнителните цветови схеми, за разлика от други цветови схеми, обикновено имат само два цвята. Основният цвят и противоположното на цветното колело. Photoshop улеснява получаването на допълнителния цвят - просто изберете областта на цвета, която искате да допълни и натиснете Ctrl-I. Photoshop ще го обърне за вас. Уверете се, че правите това на дублиран слой, така че да не загубите основния си цвят.
- ляво - основния цвят # ffe500
- десен - допълнението # 001aff
Допълнителните цветови схеми често са много по-забележителни от другите цветови схеми, затова ги използвайте внимателно. Най-често се използват на парчета, които трябва да се откроят.
07 от 10
Повече допълваща уеб цветова схема
За да получите тази версия, добавих 50% бяло към долната половина на цветовете и 30% черно към централния площад. Както можете да видите, това ви дава още няколко опции, но все още е допълнителна цветова схема.
08 от 10
Триадична уеб цветна схема
Триадичните цветови схеми се състоят от три цвята, които са разположени по-равно или по-равномерно около цветното колело. Тъй като цветното колело е 360 градуса, отново използвах цветовата кутия в цветовият инструмент за добавяне и изваждане на 120 градуса от базовия цвят.
- горе вляво - базовия цвят # ffe500
- горе вдясно - +120 градуса, за да получите # e500ff
- долу -120 градуса, за да получите # 00ffe6
- долу вдясно - 100% бяло #ffffff
Триадичните цветови схеми често създават много живи уеб страници. Но като допълващи цветови схеми, те могат да засегнат хората по различен начин. Не забравяйте да тествате.
Можете също така да създавате тетрадични или 4-цветни цветови схеми, където цветовете са равномерно разположени около цветното колело.
09 от 10
Още триадична уеб цветова схема
Както и при другите примери, добавих 30% черен квадрат към цветовете, за да получа допълнителните нюанси.
10 от 10
Несъответстващи схеми за уеб цветове
Красотата е в очите на наблюдателя, но е жалко, че не всички цветове вървят заедно. Несъответните цветове са цветове, които са по-отдалечени от цвета на колелото на около 30 градуса и не са допълващи или са част от триада.
Несъвършените цветови схеми могат да бъдат много шокиращи и трябва да се използват само за генериране на внимание. Не забравяйте, че тъй като тези цветове често се сблъскват, вниманието, което получавате, може да не е точно това, което търсите.