01 з 10
Разуменне колеру і вэб-каляровыя схемы
Ёсць чатыры асноўных каляровых схемаў, якія можна выкарыстоўваць для вэб-сайта. Кожная старонка гэтага артыкула паказвае карціну каляровай схемы, і як вы можаце стварыць падобную схему ў Photoshop.
- манахраматычнага
Выкарыстанне кветак аднаго і таго ж адцення. Яны могуць мець розныя адценні або адценні ў залежнасці ад таго, як шмат белага ці чорнага колеру дадаецца. - аналагічны
Гэта выкарыстоўвае колеру, якія блізкія адзін да аднаго на каляровым крузе. - дадатковы
Гэта часта разглядаецца як «супрацьлеглы», таму што гэтыя два колеру ў камплементарнай каляровай гаме процілеглыя адзін аднаго на каляровым коле. - трыядных
Гэтыя колеры раўнамерна размешчаныя на каляровым коле.
Усе каляровыя схемы будуць выкарыстоўваць гэты жоўты ў якасці асноўнага колеру.
02 з 10
Схема Monochromatic Web Color
Гэтая колеравая схема выкарыстоўвае mustardy жоўтай мой асноўнага колеру і дадае некаторыя белыя і чорны адценне і цень схемы адпаведна.
- верхні левы - асноўны колер # ffe500
- верхні правы - дадаў заліванне 50% белага, каб атрымаць # fff280
- левы ніжні - дадаў заліванне 75% белага, каб атрымаць # fff8bf
- унізе справа - дадаў заліванне 50% чорнага, каб атрымаць # 7f7200
Манахромныя каляровыя схемы часцяком з'яўляецца самым простым на вачах ва ўсіх каляровых схемаў. Далікатныя змены тону і цені робяць колеру перацякаюць адзін у другі лепш. Выкарыстоўвайце гэтую каляровую схему, каб зрабіць ваш сайт з'явіцца больш вадкасці і збіраюць.
03 з 10
Схема Больш Monochromatic Web Color
Даданыя квадрат 20% чорнага, каб атрымаць больш кветак у схеме. Даданне чорнага або белага да вашых кветкам можа стварыць новы колер палітры, не псуючы тон старонкі.
04 з 10
Схема Аналагічнага Web Color
Гэтая каляровая схема мае жоўты колер асновы і дадае і адымае 30 градусаў колеру ў каляровай палітры Photoshop.
- верхні левы - асноўны колер # ffe500
- правы верхні - +30 градусаў, каб атрымаць # 99ff00
- левы ніжні - -30 градусаў, каб атрымаць # FF6600
- ніжні правы - 100% белы #ffffff
Аналагічныя колеры могуць працаваць вельмі добра разам, але часам яны могуць моцна канфліктаваць. Абавязкова праверыць гэтыя схемы з вялікай колькасцю людзей, чым сябе, сваёй сям'ёй і сябрамі. Калі яны працуюць, яны ствараюць сайт, які з'яўляецца больш маляўнічым, чым манахраматычнага схема, але амаль гэтак жа вадкасці.
05 з 10
Схема Больш Аналагічная Web Color
Даданыя квадрат 20% чорнага, каб атрымаць больш кветак у схеме.
06 з 10
Схема камплементарнай Web Color
Дадатковыя каляровыя схемы, у адрозненні ад іншых каляровых схемаў, як правіла, толькі два колеру. Асноўны колер, і гэта процілегла на каляровым коле. Photoshop дазваляе лёгка атрымаць дадатковы колер - проста выберыце вобласць колеру, якія вы хочаце, дапаўненне і націсніце Ctrl-I. Photoshop будзе інвертаваць яго для вас. Пераканайцеся ў тым, каб зрабіць гэта на дубляваны пласт, так што вы не страціце асноўны колер.
- Злева - асноўны колер # ffe500
- справа - дадатак # 001aff
Дадатковыя каляровыя схемы часта нашмат больш яркім, чым іншыя каляровыя схемы, таму выкарыстоўвайце іх з асцярогай. Яны часцей за ўсё выкарыстоўваюцца на кавалкі, якія павінны вылучацца.
07 з 10
Схема падрабязна Дадатковай Web Color
Каб атрымаць гэтую версію, я дадаў 50% белага ў ніжняй частцы кветак і 30% ад чорнага да цэнтральнай плошчы. Як вы можаце бачыць, што гэта дае вам яшчэ некалькі варыянтаў, але гэта па-ранейшаму дапаўняюць каляровую схему.
08 з 10
Схема Трыяды Web Color
Трыяды каляровыя схемы складаюцца з 3-х кветак, больш-менш раўнамерна размешчаных вакол каляровага колы. Паколькі колер кола на 360 градусаў, я зноў выкарыстаў скрынку адцення ў палітры кветак, каб складаць і адымаць 120 градусаў ад асноўнага колеру.
- верхні левы - асноўны колер # ffe500
- правы верхні - +120 градусаў, каб атрымаць # e500ff
- левы ніжні - -120 градусаў, каб атрымаць # 00ffe6
- ніжні правы - 100% белы #ffffff
Трыяды каляровыя схемы часта даюць вельмі яркія вэб-старонкі. Але, як і дапаўняюць адзін аднаго каляровых схемаў, яны могуць паўплываць на людзей па-рознаму. Абавязкова праверце.
Вы таксама можаце стварыць тетрады ці 4-каляровыя каляровыя схемы, дзе колеру раўнамерна разнесеныя вакол каляровага колы.
09 з 10
Схема Больш Трыяды Web Color
Як і ў іншых прыкладах, я дадаў 30% чорны квадрат з да колераў, каб атрымаць дадатковыя адценні.
10 з 10
Дискордантные Web Каляровыя схемы
Прыгажосць у вачах таго, хто глядзіць, але гэта сумны факт, што не ўсе колеру ідуць разам. Дискордантные колеру колеру, якія знаходзяцца далей, чым каля 30 градусаў адзін ад аднаго на каляровым коле, і не з'яўляюцца ўзаемадапаўняльнымі або частка трыяды.
Дискордантный каляровыя схемы могуць быць вельмі шакуюць і павінны выкарыстоўвацца толькі для прыцягнення ўвагі. Памятаеце, што, так як гэтыя колеры будуць часта канфліктаваць, увага вы атрымліваеце не можа быць менавіта тое, што вы шукаеце.