01 z 10
Porozumění barevným a webovým barevným schématám
Existují čtyři základní schémata barev, které můžete použít pro webové stránky. Každá stránka tohoto článku zobrazuje obrázek barevné schématu a způsob vytváření podobného schématu ve Photoshopu.
- monochromatické
Použití barev stejného odstínu. Mohou mít různé odstíny nebo odstíny v závislosti na tom, kolik je přidáno bílé nebo černé. - analogický
Toto používá barevné barvy, které se blíží k sobě. - komplementární
To je často viděno jako "opačné", protože dvě barvy v doplňkové barevné schéma jsou opačné navzájem na barevném kolečku. - triadické
Tyto barvy jsou rovnoměrně rozmístěny na barevném kolečku.
Všechny barevné schémata použijí tuto žlutou jako základní barvu.
02 z 10
Monochromatická barevná webová schéma
Tato barevná schéma používá hořčičnou žlutou barvu základní barvy a přidává nějakou bílou a černou barvu na odstín a stínování schématu.
- vlevo vlevo - základní barva # ffe500
- vpravo vpravo - přidala se výplň 50% bílé, aby se dostalo # fff280
- doleva doleva - přidala výplň 75% bílé, aby získala # fff8bf
- vpravo dole - přidala výplň 50% černé, aby se dostala # 7f7200
Monochromatické barevné schémata jsou často nejjednodušší na očích všech barevných schémat. Jemné změny odstínu a odstínu způsobují, že barvy se navzájem snášejí. Použijte tuto barevnou schématu, aby vaše stránky vypadaly více tekuté a shromážděné.
03 z 10
Více monochromatických webových barevných schémat
Přidáno čtverec o 20% černé, aby se do schématu dostalo více barev. Přidání černobílé nebo bílé barvy může vytvořit novou barvu na vaší paletě, aniž by došlo ke zmatení tónu stránky.
04 z 10
Analogická barevná schéma webu
Tato barevná schéma přebírá žlutou základní barvu a přidává a odčítá 30 stupňů odstínu v barevné paletě Photoshopu.
- vlevo vlevo - základní barva # ffe500
- vpravo vpravo - +30 stupňů pro získání # 99ff00
- doleva vlevo - -30 stupňů, abyste získali # ff6600
- vpravo dole - 100% bílá #ffffff
Podobné barvy mohou dobře fungovat společně, ale někdy se mohou špatně setkat. Ujistěte se, že testujete tyto programy s více lidmi než sami, se svou rodinou a přáteli. Když pracují, vytvářejí místo, které je mnohem pestřejší než monochromatické schéma, ale téměř stejně tekuté.
05 z 10
Více analogových webových barevných schémat
Přidáno čtverec o 20% černé, aby se do schématu dostalo více barev.
06 z 10
Doplňková barevná schéma webu
Doplňkové barevné schémata, na rozdíl od jiných barevných schémat, mají obvykle pouze dvě barvy. Základní barva a je na opačné straně na barevném kolečku. Photoshop usnadňuje získání doplňkové barvy - prostě vyberte oblast barvy, kterou chcete doplnit a stiskněte Ctrl-I. Photoshop to obrátit za vás. Ujistěte se, že to děláte na duplicitní vrstvě, takže neztrácíte základní barvu.
- vlevo - základní barva # ffe500
- pravý - doplněk # 001aff
Doplňkové barevné schémata jsou často mnohem výraznější než jiné barevné schémata, takže je používejte opatrně. Nejčastěji se používají na kusy, které potřebují vyniknout.
07 z 10
Další doplňková barevná webová schéma
Chcete-li získat tuto verzi, přidal jsem 50% bílý ke spodní polovině barev a 30% černý k centru náměstí. Jak můžete vidět, nabízí vám několik dalších možností, ale stále je to doplněk barevného schématu.
08 z 10
Triadická barevná webová schéma
Trojité barevné schémata jsou tvořeny třemi barvami, které jsou víceméně stejně rozmístěné kolem barevného kolečka. Vzhledem k tomu, že je barevný kolečko o 360 stupňů, opět jsem použil barevný rámeček ve výběru barev, aby přidal a odčistil 120 stupňů od základní barvy.
- vlevo vlevo - základní barva # ffe500
- vpravo vpravo - +120 stupňů pro získání # e500ff
- doleva vlevo - -120 stupňů pro získání # 00ffe6
- vpravo dole - 100% bílá #ffffff
Triadické barevné schémata často vytvářejí velmi živé webové stránky. Ale jako doplňkové barevné schémata mohou ovlivňovat lidi jinak. Nezapomeňte otestovat.
Můžete také vytvořit tetradické nebo čtyřbarevné barevné schémata, kde jsou barvy rovnoměrně rozmístěny kolem barevného kolečka.
09 z 10
Více Triadic Web Color Scheme
Stejně jako u ostatních příkladů jsem přidal 30% černý čtvereček k barvám, aby získal další odstíny.
10 z 10
Nesourodé schémata barev webu
Krása je v oku pozorovatele, ale je to nešťastná skutečnost, že ne všechny barvy jdou dohromady. Nesouhlasné barvy jsou barvy, které jsou na farebném kolečku o více než 30 stupňů od sebe a nejsou doplňkové nebo jsou součástí trojice.
Nesourodé barevné schémata mohou být velmi šokující a měly by se používat pouze k získání pozornosti. Nezapomeňte, že protože tyto barvy se často střetávají, pozornost, kterou získáte, nemusí být přesně to, co hledáte.