01 од 10
Разумевање шема боја и Веб боје
Постоје четири основне шеме боја које можете користити за Веб локацију. Свака страница овог чланка приказује слику шеме боја и како можете генерирати сличну шему у Пхотосхопу.
- монохроматски
Користећи боје исте боје. Можда имају различите боје или нијансе у зависности од тога колико је додата бела или црна. - аналогно
Ово користи боје које су блиске једна другој на точкићу за боју. - комплементарно
Ово се често види као "супротно" јер су две боје у комплементарној шеми боја супротне једна другој на колору за боју. - триадни
Ове боје су равномерно распоређене на точку боја.
Све боје шема ће користити ову жуту као основну боју.
02 од 10
Монохроматски Веб Цолор Сцхеме
Ова боја користи горчицу жуту моје основне боје и додаје неке беле и црне боје да затамне и сиједе шему у складу с тим.
- горња лева - основна боја # ффе500
- Горње десно - додала је 50% беле боје да би добили # ффф280
- доњи леви - додао је пуну 75% бијелог да би добио # ффф8бф
- доњи десно - додао је 50% црно пуњење да би добио # 7ф7200
Монохроматске шеме боја често су најлакше за очи у свим бојама. Нежне промене у нијанси и сјени чине да се боје боље разликују. Користите ову шему боја како бисте учинили да ваша страница буде више флуидна и прикупљена.
03 од 10
Више монокроматске шеме Веб боје
Додао је квадрат од 20% црне да би добио више боја у схеми. Додавање црне или беле боје може вам створити нову боју у својој палети без мијешања тона странице.
04 од 10
Аналогна Веб Боја Схема
Ова шема боја узима жуту основну боју и додаје и одузима 30 степени до нијансе у палети боја у Пхотосхоп-у.
- горња лева - основна боја # ффе500
- Горње десно - +30 степени да бисте добили # 99фф00
- ниже лево - -30 степени да бисте добили # фф6600
- доњи десни - 100% бела #фффффф
Аналогне боје могу добро радити заједно, али понекад могу да се сукобљавају. Обавезно тестирајте ове шеме са више људи од вас, ваше породице и пријатеља. Када раде, креирају сајт који је више разнобојан од монохроматске шеме, али скоро као течност.
05 од 10
Више Аналогна Веб Цолор Сцхеме
Додао је квадрат од 20% црне да би добио више боја у схеми.
06 од 10
Комплементарна Веб Цолор Схема
Комплементарне шеме боја, за разлику од других боја, типично имају само две боје. Основна боја и супротно је на точку боја. Пхотосхоп олакшава добијање комплементарне боје - једноставно изаберите област боје коју желите додати и притиснути Цтрл-И. Пхотосхоп ће вам то обрисати. Обавезно урадите ово на дуплицираном слоју, тако да не изгубите основну боју.
- лево - основна боја # ффе500
- десно - комплемент # 001афф
Комплементарне шеме боја су често много јача од других боја, зато их пажљиво користите. Најчешће се користе на комадима који се морају издвојити.
07 од 10
Више Цомплементари Веб Цолор Сцхеме
Да би добили ову верзију, додао сам 50% беле до доње половине боја и 30% црне до средишњег квадрата. Као што можете видети, он вам даје још неколико опција, али је и даље комплементарна боја.
08 од 10
Триадиц Веб Цолор Сцхеме
Триадне шеме боја састоје се од 3 боје више или мање једнако распоређених око боје точка. Пошто је колор за боје 360 степени, поново сам користио кутију за нијансе у боји за додавање и одузимање 120 степени од основне боје.
- горња лева - основна боја # ффе500
- Горње десно - +120 степени да бисте добили # е500фф
- ниже лево - -120 степени да би добили # 00ффе6
- доњи десни - 100% бела #фффффф
Триадне шеме боја често производе врло живахне Веб странице. Али као комплементарне шеме боја, могу утицати на људе другачије. Обавезно тестирајте.
Такође можете креирати тетрадске или 4-бојне шеме боја, гдје су боје једнако распоређене око точкића у боји.
09 од 10
Још Триадиц Веб Цолор Сцхеме
Као и код других примера, додао сам 30% црног квадрата у боје како бих добио додатне нијансе.
10 од 10
Дискордантне Веб шеме боја
Лепота је у очима посматрача, али је несретна чињеница да све боје не иду заједно. Неусаглашене боје су боје које су даље од око 30 степени раздвајања на точкићу за боју и нису комплементарне нити део триаде.
Неусклађене шеме боја могу бити веома шокантне и требало би да се користе само за стварање пажње. Запамтите то, пошто ће се ове боје често суочавати, пажња коју добијете можда неће бити управо оно што тражите.