Pochopenie farieb a farieb webových schém
Existujú štyri základné farebné schémy, ktoré môžete použiť pre webové stránky. Každá stránka tohto článku zobrazuje obrázok farebnej schémy a ako môžete vytvoriť podobnú schému vo Photoshope.
- jednofarebnýPoužitie farieb rovnakého sfarbenia. Môžu mať rôzne odtiene alebo odtiene v závislosti od toho, koľko bielych alebo čiernych farieb sa pridáva.
- analogickýToto používa farby, ktoré sú navzájom blízko k farebnému koliesku.
- komplementárneToto sa často vníma ako "opačné", pretože dve farby v doplnkovej farebnej schéme sú navzájom opačné na farebnom koliesku.
- triadicTieto farby sú rovnomerne rozmiestnené na farebnom koliesku.
Všetky farebné schémy použijú túto žltú farbu ako základnú farbu.
02 z 10Monochromatická farebná webová schéma
Táto farebná schéma používa horčicu žltej farby svojej základnej farby a pridá niektoré biele a čierne na odtieň a odtieň schémy.
- vľavo hore - základná farba # ffe500
- vpravo hore - pridaním výplne 50% bielej získate # fff280
- doľava dole - pridala výplň 75% bielej, aby získala # fff8bf
- nižšie vpravo - pridaním výplne 50% čiernej získate # 7f7200
Monochromatické farebné schémy sú často najjednoduchšie na oči všetkých farebných schém. Jemné zmeny v odtieňoch a odtieni spôsobujú, že farby pretekajú lepšie. Použite túto farebnú schému, aby sa vaša stránka zobrazila viac tekutinou a zhromažďovala sa.
03 z 10Viac monochromatickej farebnej webovej schémy
Pridaním štvorca 20% čierneho získate viac farieb v schéme. Pridaním čiernej alebo bielej farby do farieb môžete vytvoriť novú farbu do vašej palety bez toho, aby ste narušili tón stránky.
04 z 10Analogická webová farebná schéma
Táto farebná schéma berie žltú základnú farbu a pridáva a odčíta 30 stupňov odtieňa farebnej palety Photoshopu.
- vľavo hore - základná farba # ffe500
- vpravo hore - +30 stupňov na získanie # 99ff00
- doľava vľavo - -30 stupňov na získanie # ff6600
- vpravo dole - 100% biela #ffffff
Analogické farby môžu fungovať veľmi dobre, ale niekedy sa môžu zlým spôsobom stretnúť. Nezabudnite otestovať tieto schémy s viacerými ľuďmi ako sami, vašou rodinou a priateľmi. Keď pracujú, vytvárajú miesto, ktoré je farebnejšie než monochromatická schéma, ale takmer taká tekutá.
05 z 10Viac analogickej farby webovej schémy
Pridaním štvorca 20% čierneho získate viac farieb v schéme.
06 z 10Doplnková webová farebná schéma
Doplnkové farebné schémy majú na rozdiel od iných farebných schém typicky len dve farby. Základná farba a opačná farba na farebnom koliesku. Aplikácia Photoshop uľahčuje získať doplnkovú farbu - jednoducho vyberte oblasť farieb, ktorú chcete doplniť a stlačte Ctrl-I. Photoshop to obráti pre vás. Uistite sa, že to robíte na duplicitnej vrstve, aby ste nestratili základnú farbu.
- vľavo - základná farba # ffe500
- pravý - doplnok # 001aff
Doplnkové farebné schémy sú často oveľa výraznejšie než iné farebné schémy, preto ich používajte opatrne. Najčastejšie sa používajú na kusy, ktoré potrebujú vyniknúť.
07 z 10Viac Doplnková webová farebná schéma
Ak chcete získať túto verziu, pridal som 50% bielu farbu k spodnej polovici farieb a 30% čiernej k centrálnemu štvorcu. Ako môžete vidieť, ponúka vám niekoľko možností, ale je to stále doplnková farebná schéma.
08 z 10Trojrozmerná farebná webová schéma
Triadické farebné schémy sú tvorené 3 farbami, ktoré sú viac či menej rovnako rozmiestnené okolo farebného kolieska. Vzhľadom k tomu, že farebné koliesko je o 360 stupňov, opäť som použil farebný odtieň vo výbere farieb na pridanie a odčítanie 120 stupňov od základnej farby.
- vľavo hore - základná farba # ffe500
- vpravo hore - +120 stupňov na získanie # e500ff
- doľava dole - -120 stupňov na získanie # 00ffe6
- vpravo dole - 100% biela #ffffff
Triadické farebné schémy často vytvárajú veľmi živé webové stránky. Ale ako doplnkové farebné schémy, môžu ovplyvniť ľudí inak. Nezabudnite otestovať.
Môžete tiež vytvoriť tetradické alebo štvorfarebné farebné schémy, kde farby sú rovnako rozmiestnené okolo farebného kolieska.
09 z 10Viac farebnej schémy Triadic Web
Rovnako ako u ostatných príkladov som do farieb pridal 30% čierny štvorec, aby získal ďalšie odtiene.
10 z 10Nesúvisiace schémy farieb webu
Krása je v očiach pozorovateľa, ale je nešťastnou skutočnosťou, že nie všetky farby idú spolu. Nesúrodé farby sú farby, ktoré sú vzdialené viac ako 30 stupňov od farebného kolieska a nie sú doplnkové alebo sú súčasťou trojice.
Nesúrodé farebné schémy môžu byť veľmi šokujúce a mali by sa použiť len na zvýšenie pozornosti. Pamätajte si, že pretože tieto farby často stoja, pozornosť, ktorú dostanete, nemusí byť presne to, čo hľadáte.
