Defnyddio Tirwedd Cyferbyniol a Lliwiau Cefndir yn y Dylunio Gwe

Gwella darllenadwyedd a phrofiad defnyddiwr eich gwefan gyda chyferbyniad digonol

Mae cyferbynnu yn chwarae rhan bwysig yn llwyddiant dyluniad unrhyw wefan. O'r teipograffeg o'r wefan honno , i'r delweddau a ddefnyddir ar draws y safle, i'r cyferbyniad rhwng elfennau'r llawr a lliwiau cefndir - rhaid i safle sydd wedi ei gynllunio'n dda gael cyferbyniad digonol yn yr holl feysydd hyn i sicrhau profiad o ansawdd y defnyddiwr a llwyddiant y tymor hir.

Mae Cyferbyniad Isel yn Gyfystyr â Phrofiad Darllen Gwael

Gall gwefannau sy'n rhy isel mewn cyferbyniad fod yn anodd eu darllen a'u defnyddio, a fydd yn cael effaith negyddol ar lwyddiant unrhyw safle. Mae materion cyferbyniol lliw gwael yn aml yn hawdd eu hadnabod. Fel arfer, gallwch wneud hynny trwy edrych ar dudalen sydd wedi'i rendro mewn porwr gwe a gallwch weld a yw'r testun yn rhy anodd i'w ddarllen oherwydd dewisiadau lliw gwael. Hyd yn oed, er y gall fod yn hawdd penderfynu pa lliwiau nad ydynt yn gweithio'n dda gyda'i gilydd, gall mewn gwirionedd fod yn heriol iawn i benderfynu pa lliwiau sy'n gweithio'n dda yn wahanol i eraill. Efallai na fyddwch chi ddim yn gweithio, ond sut fyddwch chi'n penderfynu beth sy'n gweithio? Dylai'r ddelwedd yn yr erthygl hon helpu i ddangos amrywiaeth o liwiau gwahanol i chi a sut maent yn cyferbynnu â lliwiau blaen a lliw cefndir. Gallwch weld rhai pâr "da" a phethu "gwael", a fydd yn eich helpu i wneud y dewisiadau lliw cywir yn eich prosiectau.

O ran Cyferbyniad

Un peth y dylech ei nodi yw bod cyferbyniad yn fwy na dim ond pa mor ddisglair y mae lliw yn cael ei gymharu â'r cefndir. Fel y dylech chi weld yn y ddelwedd uchod, mae rhai o'r lliwiau hyn yn llachar iawn ac yn dangos yn fywiog ar liw'r cefndir - fel glas ar du, ond rwy'n dal i ei labelu fel cyferbyniad gwael. Gwnawn hyn oherwydd, er y gallai fod yn ddisglair, mae'r cyfuniad lliw yn dal i wneud y testun yn anodd ei ddarllen. Pe baech yn creu tudalen ym mhob testun glas ar gefndir du, byddai'ch darllenwyr wedi mynd heibio yn gyflym iawn. Dyna pam nad yw gwrthgyferbyniad yn unig yn ddu a gwyn (ie, y bwriedir i'r gwn honno). Mae rheolau ac arferion gorau ar gyfer cyferbyniad, ond fel dylunydd, rhaid i chi bob amser werthuso'r rheolau hynny i sicrhau eu bod yn gweithio yn eich achos penodol.

Dewis Lliwiau

Cyferbyniad yw un o'r ffactorau i'w hystyried wrth ddewis lliwiau ar gyfer dyluniad eich gwefan, ond mae'n un pwysig. Wrth ddewis lliwiau, cofiwch gadw at safonau'r brand ar gyfer y cwmni, ond byddwch hefyd yn fodlon mynd i'r afael â phaletau lliw, er nad ydynt yn gyson â chanllawiau brand sefydliad, peidiwch â gweithio'n dda ar-lein. Er enghraifft, rwyf bob amser wedi gweld bod glaswelltiau melyn a llachar yn hynod heriol i'w defnyddio'n effeithiol ar wefannau. Os yw'r lliwiau hyn mewn canllawiau brand cwmni, mae'n debyg y bydd angen eu defnyddio fel lliwiau acen yn unig, gan ei bod hi'n anodd dod o hyd i liwiau sy'n cyferbynnu'n dda gyda'r naill neu'r llall.

Yn yr un modd, os yw'ch lliwiau brand yn ddu a gwyn, mae hyn yn golygu cyferbyniad mawr, ond os oes gennych safle gyda symiau hir o destun, bydd cael cefndir du gyda thestun gwyn yn gwneud darllen yn galed iawn. Mae hyd yn oed y cyferbyniad rhwng du a gwyn yn wych, mae testun gwyn ar gefndir du yn achosi llygad ar ddarnau hir. Yn yr achos hwn, byddwn yn gwrthod y lliwiau i ddefnyddio testun du ar gefndir gwyn. Efallai na fydd hynny fel diddordeb â gweledol, ond ni fyddwch yn dod o hyd i gyferbyniad gwell na hynny!

Offer Ar-lein

Yn ogystal â'ch synnwyr dylunio eich hun, mae yna rai offer ar-lein y gallwch eu defnyddio i brofi dewis lliw eich safle.

Bydd CheckMyColors.com yn profi holl liwiau eich safle ac yn adrodd ar y gymhareb cyferbyniad rhwng elfennau ar y dudalen.

Yn ogystal, wrth feddwl am ddewisiadau lliw, dylech hefyd ystyried hygyrchedd gwefannau a phobl sydd â ffurfiau o ddallineb lliw. Gall WebAIM.org helpu gyda hyn, fel y gall ContrastChecker.com, a fydd yn profi eich dewisiadau yn erbyn canllawiau WCAG.