Paletau Lliw Gwe

Beth yw paletau lliw gwe?

Mae lliwiau'n bwysig iawn i ddylunwyr gwe a dylunwyr graffeg. Mae dylunwyr yn disgrifio'r lliwiau rydyn ni'n eu disgrifio fel glas, coch a gwyrdd mewn bywyd bob dydd gyda chodau fel #fff002, #426215. Ni waeth pa fath o brosiect codio rydych chi'n ei wneud, mae'n debyg y byddwch chi'n dechrau gweithio gyda lliwiau ar ryw adeg. Bydd hyn yn arbennig o ddefnyddiol os byddwch chi'n dysgu codio gan ddefnyddio HTML, fel y mae llawer o bobl yn ei wneud i ddylunio tudalennau gwe.

Beth mae cod Hex yn ei olygu mewn lliwiau?

Mae cod hecs yn ffordd o gynrychioli lliw mewn fformat RGB trwy gyfuno tri gwerth. Mae'r codau lliw hyn yn rhan annatod o HTML ar gyfer dylunio gwe ac yn parhau i fod yn ffordd bwysig o gynrychioli fformatau lliw yn ddigidol.

Mae codau lliw hecs yn dechrau gyda'r arwydd punt neu'r hashnod (#) ac yna chwe llythyren neu rif. Mae'r ddau lythyren/rhif cyntaf yn cyfateb i goch, y ddwy nesaf i wyrdd a'r ddau olaf i las. Diffinnir gwerthoedd lliw mewn gwerthoedd rhwng 00 a FF.

Defnyddir rhifau pan fydd y gwerth yn 1-9. Defnyddir llythrennau pan fo'r gwerth yn fwy na 9. E.e:

• A = 10
• B = 11
• C = 12
• D = 13
• E = 14
• F = 15

Codau lliw hecs a chyfwerth RGB

Gall cofio rhai o'r codau lliw hecs mwyaf cyffredin fod yn ddefnyddiol i'ch helpu chi i ragweld yn well pa liwiau eraill fydd pan welwch y cod lliw hecs, nid dim ond pan fyddwch chi eisiau defnyddio'r union liwiau hynny.

• Coch = #FF0000 = RGB (255, 0, 0)
• Gwyrdd = #008000 = RGB (1, 128, 0)v
• Glas = #0000FF = RGB (0, 0, 255)
• Gwyn = #FFFFFF = RGB (255,255,255)
• Ifori = #FFFFF0 = RGB (255, 255, 240)
• Du = # 000000 = RGB (0, 0, 0)
• Llwyd = #808080 = RGB (128, 128, 128)
• Arian = #C0C0C0 = RGB (192, 192, 192)
• Melyn = #FFFF00 = RGB (255, 255, 0)
• Porffor = #800080 = RGB (128, 0, 128)
• Oren = #FFA500 = RGB (255, 165, 0)
• Bwrgwyn = #800000 = RGB (128, 0, 0)
• Fuchsia = #FF00FF = RGB (255, 0, 255)
• Calch = #00FF00 = RGB (0, 255, 0)
• Aqua = #00FFFF = RGB (0, 255, 255)
• Corhwyaid = # 008080 = RGB (0, 128, 128)
• Olewydd = #808000 = RGB (128, 128, 0)
• Navy Blue = # 000080 = RGB (0, 0, 128)

Pam mae lliwiau gwefan yn bwysig?

Efallai eich bod chi'n meddwl nad yw lliwiau'n effeithio arnoch chi, ond yn ôl astudiaeth, mae 85% o bobl yn dweud bod lliw yn cael effaith fawr ar y cynnyrch maen nhw'n ei brynu. Dywed hefyd, pan fydd rhai cwmnïau'n newid eu lliwiau botwm, eu bod wedi sylwi ar gynnydd neu ostyngiad sydyn yn eu trawsnewidiadau.

Er enghraifft, sylwodd Beamax, cwmni sy'n cynhyrchu sgriniau taflunio, gynnydd enfawr o 53.1% mewn cliciau ar ddolenni coch o'i gymharu â chysylltiadau glas.

Mae lliwiau'n cael effaith enfawr nid yn unig ar gliciau ond hefyd ar adnabod brand. Canfu astudiaeth ar effaith feddyliol lliwiau fod lliwiau yn cynyddu adnabyddiaeth brand ar gyfartaledd o 80%. Er enghraifft, pan fyddwch chi'n meddwl am Coca-Cola, mae'n debyg y byddwch chi'n dychmygu caniau coch bywiog.

Sut i ddewis cynllun lliw ar gyfer gwefannau?

Er mwyn penderfynu pa liwiau y dylech eu dewis ar eich gwefan neu'ch cymhwysiad gwe, yn gyntaf rhaid bod gennych ddealltwriaeth dda o'r hyn yr ydych yn ei werthu. Er enghraifft, os ydych chi'n ceisio cyflawni delwedd pen uchel o ansawdd uwch, mae'r lliw y dylech ei ddewis yn borffor. Fodd bynnag, os ydych am gyrraedd cynulleidfa ehangach, glas; Mae'n lliw cysurlon a meddal sy'n addas iawn ar gyfer pynciau mwy sensitif fel iechyd neu gyllid.

Mae'r enghreifftiau uchod wedi'u profi gan lawer o astudiaethau. Ond mae'r lliw a ddewiswch ar gyfer eich gwefan yn dibynnu ar gymhlethdod eich dyluniad a'r mathau o gyfuniadau lliw. Er enghraifft, os ydych chi'n defnyddio palet dylunio gwe unlliw, efallai y bydd angen saith arlliw neu fwy o'r lliw hwnnw arnoch i gael digon o amrywiaeth ar y sgrin. Mae angen i chi osod lliwiau ar gyfer rhai rhannau o'ch gwefan, megis testun, cefndiroedd, dolenni, lliwiau hofran, botymau CTA, a phenawdau.

Nawr “Sut i ddewis cynllun lliw ar gyfer gwefannau a chymwysiadau gwe?” Gadewch i ni edrych arno gam wrth gam:

1. Dewiswch eich lliwiau cynradd.

Y ffordd orau o benderfynu ar liw cynradd yw archwilio'r lliwiau sy'n cyd-fynd â naws eich cynnyrch neu wasanaeth.

Isod rydym wedi rhestru rhai enghreifftiau i chi:

• Coch: Mae'n golygu cyffro neu hapusrwydd.
• Oren: Mae'n dynodi amser cyfeillgar, llawn hwyl.
• Mae melyn yn golygu optimistiaeth a hapusrwydd.
• Gwyrdd: Mae'n golygu ffresni a natur.
• Glas: mae'n sefyll am ddibynadwyedd a sicrwydd.
• Porffor: Yn cynrychioli brand nodedig gyda hanes o ansawdd.
• Brown: Mae'n golygu cynnyrch dibynadwy y gall pawb ei ddefnyddio.
• Mae du yn golygu moethusrwydd neu geinder.
• Gwyn: Yn cyfeirio at gynhyrchion chwaethus, hawdd eu defnyddio.

2. Dewiswch eich lliwiau ychwanegol.

Dewiswch un neu ddau o liwiau ychwanegol sy'n ategu eich prif liw. Yn ddelfrydol, dylai'r rhain fod y lliwiau sy'n gwneud eich prif liw yn "syfrdanol".

3. Dewiswch liw cefndir.

Dewiswch liw cefndir a fydd yn llai “ymosodol” na'ch lliw cynradd.

4. Dewiswch y lliw ffont.

Dewiswch liw ar gyfer y testun ar eich gwefan. Sylwch fod ffont du solet yn brin ac nid yw'n cael ei argymell.

Y paletau lliw gwe gorau ar gyfer dylunwyr

Os na allwch ddod o hyd i'r lliw yr ydych yn chwilio amdano yng nghasgliad paletau lliw gwe Softmedal, gallwch edrych ar y gwefannau lliw amgen isod:

Mae dewis lliw yn broses hir ac yn aml mae angen llawer o fireinio i ddod o hyd i'r lliwiau cywir. Ar y pwynt hwn, gallwch arbed amser trwy ddefnyddio cymwysiadau gwe 100% am ddim sy'n creu'r cynlluniau lliw perthnasol o'r dechrau.

1. Paletton

Mae Paletton yn gymhwysiad gwe y dylai pob dylunydd gwe ei wybod. Rhowch liw hedyn ac mae'r app yn gwneud y gweddill i chi. Mae Paletton yn ddewis dibynadwy ac yn app gwe gwych i'r rhai nad ydyn nhw'n gwybod dim am ddylunio ac i ddechreuwyr.

2. Lliw Diogel

Os yw WCAG yn unrhyw bryder yn eich proses ddylunio, Colour Safe yw'r offeryn gorau i'w ddefnyddio. Gyda'r cymhwysiad gwe hwn, gallwch greu cynlluniau lliw sy'n asio'n berffaith ac yn cynnig cyferbyniad cyfoethog yn unol â chanllawiau WCAG.

Trwy ddefnyddio ap gwe Colour Safe, rydych chi'n sicrhau bod eich gwefan yn cydymffurfio â chanllawiau WCAG a'i bod yn gwbl hygyrch i bawb.

3. Adobe Lliw CC

Mae'n un o'r offer Adobe rhad ac am ddim a grëwyd at ddefnydd y cyhoedd. Mae'n gymhwysiad gwe cywrain lle gall unrhyw un greu cynlluniau lliw o'r dechrau. Mae'n caniatáu ichi ddewis o lawer o fodelau lliw gwahanol sy'n gweddu orau i'ch anghenion. Efallai y bydd y rhyngwyneb yn ymddangos ychydig yn ddryslyd ar y dechrau, ond ar ôl i chi ddod i arfer ag ef ni ddylech gael unrhyw broblem wrth ddewis opsiynau lliw hardd.

4. awyrgylch

Mae Ambiance, cymhwysiad gwe rhad ac am ddim, yn cynnig paletau lliw gwe wedi'u gwneud ymlaen llaw o wefannau lliw eraill ar y we. Mae'n gweithio fel app gwe traddodiadol lle gallwch arbed lliwiau i'ch proffil a chreu eich cynlluniau eich hun o'r dechrau. Daw'r holl baletau lliw gwe hyn gan Colorlovers. Mae'r rhyngwyneb Ambiance yn ei gwneud hi'n haws pori ac yn rhoi mwy o ffocws ar ryngweithio lliw ar gyfer dylunio UI.

5. 0to255

Nid yw 0to255 yn gynhyrchydd cynllun lliw yn union, ond gall eich helpu i fireinio cynlluniau lliw presennol. Mae'r app gwe yn dangos yr holl arlliwiau gwahanol i chi fel y gallwch chi gymysgu a chyfateb lliwiau ar unwaith.

Os ydych chi'n ei chael hi'n anodd creu cynllun lliw defnyddiadwy, gallwch chi adolygu rhai o'r cymwysiadau uchod.

Y paletau lliw gwe gorau

Mae'r gwefannau canlynol yn defnyddio amrywiaeth o baletau lliw gwe yn effeithiol iawn. Cânt eu dewis yn ofalus ar gyfer yr emosiynau y maent yn eu hysgogi a'r emosiynau y maent yn eu cyfleu.

1. Odopod

Dyluniwyd Odopod gyda phalet lliw undonog, ond ei nod oedd osgoi edrych yn ddiflas gyda graddiant ar ei hafan. Mae teipograffeg fawr yn cynnig cyferbyniad mawr. Mae'n amlwg lle mae ymwelwyr eisiau iddynt glicio.

2. Llygad Tori

Mae Llygad Tori yn enghraifft wych o gynllun lliwiau monocrom. Yma, gwelir effeithiau palet lliw syml ond pwerus sy'n canolbwyntio ar arlliwiau o wyrdd. Mae'r cynllun lliw hwn fel arfer yn hawdd ei dynnu i ffwrdd, oherwydd bydd un arlliw o un lliw bron bob amser yn gweithio gyda chysgod arall o'r un lliw.

3. Pecyn Goroesi Caws

Mae coch yn lliw hynod boblogaidd ar gyfer palet lliw gwefan. Gall gyfleu cymysgedd cyfoethog o emosiynau, gan ei wneud yn amlbwrpas. Fel y gwelwch ar wefan Caws Goroesi Caws, mae'n arbennig o gryf pan gaiff ei ddefnyddio mewn dosau bach. Mae coch yn cael ei feddalu gan liwiau mwy niwtral, ac mae glas yn helpu gyda CTAs a meysydd eraill lle mae'r busnes am dynnu sylw'r ymwelydd.

4. Ahrefs

Mae Ahrefs yn enghraifft o wefan sy'n defnyddio'r palet lliw yn rhydd. Mae glas tywyll yn gweithredu fel y prif liw, ond mae amrywiadau yn bodoli ar hyd a lled y safle. Mae'r un peth yn wir am y lliwiau oren, pinc a turquoise.

Y cwestiynau mwyaf cyffredin am liwiau

1. Beth yw'r lliw gorau ar gyfer gwefan?

Yn bendant, glas yw'r dewis mwyaf diogel gan mai dyma'r lliw mwyaf poblogaidd gyda 35%. Fodd bynnag, os yw'ch cystadleuwyr i gyd yn defnyddio glas, efallai y byddai'n gwneud synnwyr i "wahaniaethu" eich cynnig a'ch brand. Ond mae angen i chi sicrhau nad ydych yn gorlethu ymwelwyr.

2. Faint o liwiau ddylai fod gan y wefan?

Ystyriwch fod gan 51% o frandiau logos unlliw, mae 39% yn defnyddio dau liw, a dim ond 19% o gwmnïau sy'n ffafrio logos lliw llawn. O'r fan hon, gallwch weld bod gwefannau gyda lliwiau 1, 2 a 3 yn gwneud mwy o synnwyr na cheisio creu gwefan gyda lliwiau enfys. Fodd bynnag, mae brandiau fel Microsoft a Google yn credu yn y fantais o weithio gyda mwy o liwiau gan eu bod yn defnyddio o leiaf 4 lliw solet yn eu dyluniadau.

3. Ble ddylwn i ddefnyddio'r lliwiau?

Dylid defnyddio lliwiau trawiadol yn gynnil, fel arall byddant yn colli eu heffaith. Mae angen i'r effaith hon fod mewn pwyntiau trosi fel botymau "Prynu Nawr".