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. Фотошопот ќе го преобрази за вас. Осигурајте се да го направите ова на дупликат слој, за да не ја изгубите основната боја.
- лево - основната боја # ffe500
- десно - комплементот # 001aff
Комплементарни шеми на бои често се многу појаки од другите шеми на бои, па затоа внимателно ги користите. Тие најчесто се користат на парчиња кои треба да се издвојат.
07 од 10
Повеќе Комплементарна веб-шема на бои
За да ја добијам оваа верзија, додадов 50% бело на долната половина од боите и 30% црно на централниот плоштад. Како што можете да видите, тоа ви дава уште неколку опции, но сеуште е комплементарна шема на бои.
08 од 10
Триадска веб-шема на бои
Триадните шеми на бои се составени од 3 бои, повеќе или помалку подеднакво распоредени околу тркалото за боја. Бидејќи тркалото за боја е 360 степени, повторно ја користам кутијата за нијанса во бојата за избор на бои за да додадете и одземете 120 степени од основната боја.
- горе лево - основната боја # ffe500
- горниот десен - +120 степени за да добиете # e500ff
- доле лево - -120 степени за да се добие # 00ffe6
- долен десен - 100% бел #ffffff
Триадните шеми за бои често продуцираат многу различни веб-страници. Но, како комплементарни шеми за бои, тие можат да влијаат на луѓето поинаку. Бидете сигурни да ги тестирате.
Можете исто така да креирате тетрадични или 4-колорни шеми за бои, каде што боите се подеднакво распоредени околу тркалото за боја.
09 од 10
Повеќе триадска веб-шема на бои
Како и со другите примери, додадов 30% црна плоштад во бои за да ги добиете дополнителните нијанси.
10 од 10
Несоодветни шеми на веб-бои
Убавината е во око на гледачот, но несреќен е фактот што не сите бои одат заедно. Несоодветни бои се бои кои се подалеку оддалечени од околу 30 степени на тркалото за боја и не се комплементарни или дел од тријада.
Несоодветните шеми на бои може да бидат многу шокантни и треба да се користат само за генерирање на внимание. Запомнете дека поради тоа што овие бои често ќе се судрат, вниманието што го добивате можеби не е токму она што го барате.