01 o 10
Deall Cynlluniau Lliw a Lliw Gwe
Mae yna bedwar cynllun lliw sylfaenol y gallwch eu defnyddio ar gyfer gwefan. Mae pob tudalen o'r erthygl hon yn dangos darlun o'r cynllun lliw, a sut y gallwch chi greu cynllun tebyg yn Photoshop.
- monocromatig
Defnyddio lliwiau o'r un olwg. Efallai y bydd ganddynt duniau neu arlliwiau gwahanol yn dibynnu ar faint o wyn neu ddyn sy'n cael ei ychwanegu. - cyfatebol
Mae hyn yn defnyddio lliwiau sy'n agos at ei gilydd ar yr olwyn lliw. - cyflenwol
Gwelir hyn yn aml fel "gyferbyn" oherwydd bod y ddau liw mewn cynllun lliw cyflenwol gyferbyn â'i gilydd ar yr olwyn lliw. - triadig
Mae'r lliwiau hyn wedi'u rhyngddynt yn gyfartal ar yr olwyn lliw.
Bydd yr holl gynlluniau lliw yn defnyddio'r melyn hwn fel y lliw sylfaen.
02 o 10
Cynllun Lliw Gwe Monochromatig
Mae'r cynllun lliw hwn yn defnyddio'r melyn mwstardig o'm lliw sylfaen ac yn ychwanegu rhywfaint o wyn a gwyn i dintio a chysgodi'r cynllun yn unol â hynny.
- i'r chwith uchaf - y lliw sylfaen # ffe500
- ar y dde uchaf - ychwanegwch lenwi o 50% gwyn i gael # fff280
- isaf chwith - ychwanegodd llenwi o 75% gwyn i gael # fff8bf
- yn is i'r dde - ychwanegwch lwyth o 50% du i gael # 7f7200
Cynlluniau lliw monocromatig yn aml yw'r hawsaf ar lygaid yr holl gynlluniau lliw. Mae'r newidiadau ysgafn mewn tint a chysgod yn gwneud y lliwiau'n llifo i mewn i un arall yn well. Defnyddiwch y cynllun lliw hwn i wneud i'ch safle ymddangos yn fwy hylif a chasglu.
03 o 10
Mwy o Gynllun Lliw Gwe Monochromatig
Ychwanegodd sgwâr o 20% du i gael mwy o liwiau yn y cynllun. Gall ychwanegu du neu wyn i'ch lliwiau greu lliw newydd i'ch palet heb orfod tôn y dudalen.
04 o 10
Cynllun Lliw Gwe Analog
Mae'r cynllun lliw hwn yn cymryd y lliw sylfaen melyn ac yn ychwanegu ac yn tynnu 30 gradd i'r lliw yn y palet lliw Photoshop.
- i'r chwith uchaf - y lliw sylfaen # ffe500
- ar y dde uchaf - +30 gradd i gael # 99ff00
- isaf chwith - -30 gradd i gael # ff6600
- Isel dde - 100% gwyn #ffffff
Gall lliwiau anhygoel weithio'n dda iawn gyda'i gilydd, ond weithiau gallant wrthdaro'n wael. Byddwch yn siwr i brofi'r cynlluniau hyn gyda mwy o bobl na'ch hun, eich teulu a'ch ffrindiau. Pan fyddant yn gweithio, maen nhw'n creu safle sy'n fwy lliwgar na'r cynllun monocromatig, ond bron yn hylif.
05 o 10
Mwy o Gynllun Lliw Gwe Analog
Ychwanegodd sgwâr o 20% du i gael mwy o liwiau yn y cynllun.
06 o 10
Cynllun Lliw Gwe Gyflenwol
Fel arfer dim ond dwy liw sydd gan gynlluniau lliw cyflenwol, yn wahanol i gynlluniau lliw eraill. Y lliw sylfaen ac mae gyferbyn â'r olwyn lliw. Mae Photoshop yn ei gwneud hi'n hawdd cael y lliw cyflenwol - dim ond dewiswch yr ardal o liw rydych chi am ei weld ac yn taro Ctrl-I. Bydd Photoshop yn ei wrthdroi i chi. Gwnewch yn siŵr eich bod chi'n gwneud hyn ar haen ddyblyg, felly ni fyddwch chi'n colli'ch lliw sylfaenol.
- chwith - y lliw sylfaen # ffe500
- yn iawn - y cyflenwad # 001aff
Mae cynlluniau lliw cyflenwol yn aml yn llawer mwy trawiadol na chynlluniau lliw eraill, felly defnyddiwch nhw gyda gofal. Maen nhw'n cael eu defnyddio amlaf ar ddarnau y mae angen iddynt sefyll allan.
07 o 10
Mwy o Gynllun Lliw Gwe Gyflenwol
I gael y fersiwn hon, ychwanegais 50% o wyn i hanner gwaelod y lliwiau a 30% yn ddu i'r sgwâr canol. Fel y gwelwch, mae'n rhoi ychydig o opsiynau mwy i chi ond mae'n dal i fod yn gynllun lliw cyflenwol.
08 o 10
Cynllun Lliw Gwe Triadig
Mae cynlluniau lliw Triadig yn cynnwys 3 lliw yn fwy neu lai o fewn yr olwyn lliw. Gan fod olwyn lliw yn 360 gradd, defnyddiais y blwch ciw yn y dewisydd lliw unwaith eto i ychwanegu a thynnu 120 gradd o'r lliw sylfaen.
- i'r chwith uchaf - y lliw sylfaen # ffe500
- ar y dde uchaf - +120 gradd i gael # e500ff
- isaf chwith - -120 gradd i gael # 00ffe6
- Isel dde - 100% gwyn #ffffff
Mae cynlluniau lliw Triadig yn aml yn cynhyrchu tudalennau gwe bywiog iawn. Ond fel cynlluniau lliw cyflenwol, gallant effeithio ar bobl yn wahanol. Byddwch yn siwr i brofi.
Gallwch hefyd greu cynlluniau lliw tetradig neu 4-lliw, lle mae'r lliwiau yn cael eu rhy fach o amgylch yr olwyn lliw.
09 o 10
Mwy o Gynllun Lliw Gwe Triadig
Fel gyda'r enghreifftiau eraill, ychwanegais sgwâr ddu 30% i'r lliwiau i gael yr arlliwiau ychwanegol.
10 o 10
Cynlluniau Lliw Gwe Anghyson
Mae harddwch yng ngolwg y beholder, ond mae'n ffaith anffodus na fydd pob lliw yn mynd gyda'i gilydd. Lliwiau anghyson yw lliwiau sydd ymhell na thua 30 gradd ar wahân i'r olwyn lliw ac nid ydynt yn gyflenwol neu'n rhan o driad.
Gall cynlluniau lliw anghyson fod yn syfrdanol iawn ac ni ddylid eu defnyddio i greu sylw yn unig. Cofiwch, oherwydd bydd y lliwiau hyn yn aml yn gwrthdaro, efallai na fydd yr sylw a gewch yn union yr hyn yr ydych yn chwilio amdano.