Siv Contrasting Foreground and Background Colors nyob hauv Web Design

Txhim kho koj lub website zoo li readability thiab cov neeg siv kev paub nrog kev sib piv txaus

Qhov ua yeeb yam plays lub luag haujlwm tseem ceeb hauv kev vam meej ntawm lub website uas tsim. Ntawm qhov chaw kawm ntawv , cov dluab siv thoob hauv lub tsev kawm ntawv, rau qhov sib txawv ntawm cov khoom foreground thiab cov xim tom qab - ib qhov chaw zoo tsim nyog yuav tsum muaj txaus qhov sib npaug rau txhua qhov chaw no kom ntseeg tau tias muaj kev paub zoo thiab qhov ntev ntawm kev kawm tau zoo.

Muaj Tsis Muaj Qhov Zoo Tshaj Plaws Kev Txeeb Kev Nyeem Ntawv

Cov websites uas tsis tshua muaj kev tsis sib haum yuav nyeem tsis tau thiab siv, uas yuav muaj kev cuam tshuam rau tej lub tsev kawm ntawv txoj kev vam meej. Cov teeb meem tsis zoo ntawm cov xim tsis zoo mas feem ntau yooj yim los txheeb xyuas. Koj tuaj yeem ua li ntawd tsuas yog saib cov nplooj ntawv uas tau muab tso rau hauv lub vev-xaij thiab koj tuaj yeem pom tias cov ntawv nyeem tsis tshua nyeem ntawv vim cov kev xaiv xim tsis zoo. Tseem, thaum nws yuav yooj yim los txiav txim seb cov xim twg tsis ua hauj lwm zoo ua ke, nws yuav ua tau yooj yim heev los txiav txim seb cov xim zoo li cas hauv qhov sib txawv rau lwm tus. Koj yuav tsis ua li cas tsis ua haujlwm, tab sis koj yuav txiav txim siab seb qhov twg yog qhov twg? Cov duab hauv tsab xov xwm no yuav pab qhia koj txog ntau yam txawv xim thiab seb lawv zoo ib yam li cov xim foreground and background. Koj tuaj yeem pom cov kev sib txawv ntawm cov "zoo" thiab cov khub "pluag", uas yuav pab koj xaiv cov xim zoo hauv koj cov haujlwm.

Hais txog kev tsis sib haum

Ib qho uas koj yuav tsum tau nco tias yog qhov sib txawv ntawm ntau tshaj li cas lub siab xim yog muab piv rau tom qab. Raws li koj yuav tsum tau pom hauv daim duab no, cov xim no muaj qaim thiab pom vibrantly rau tom qab xim - xws li xiav ntawm dub, tab sis kuv tseem sau nws li muaj qhov tsis zoo. Kuv ua qhov no vim, thaum nws yuav kaj lug, qhov xim ua ke tseem ua rau cov ntawv nyeem tsis yooj yim. Yog tias koj xav tsim ib nplooj ntawv nyob rau hauv tag nrho cov ntawv xiav ntawm ib tus dub keeb kwm yav dhau, koj cov neeg nyeem yuav muaj muag sai heev. Qhov no yog vim li cas qhov sib txawv tsis yog dub thiab dawb (yog, tus cim ntawd yog npaj). Muaj cov cai thiab cov kev coj ua zoo tshaj rau qhov sib txawv, tab sis raws li tus qauv tsim koj yuav tsum ntsuas xyuas cov cai kom paub tseeb tias lawv ua haujlwm hauv koj qhov kev lom zem.

Xaiv Xim

Zoo ib yam yog ib qho ntawm cov yam yuav tau xav txog thaum xaiv xim rau koj lub website tsim, tab sis nws yog ib qho tseem ceeb. Thaum xaiv xim, nco ntsoov cov qauv kev lag luam rau lub tuam txhab, tab sis kuj yuav tsum tau kam nyob ntawm cov xim palettes uas, thaum lawv yuav ua tau raws li lub koom haum cov qauv qhia kev lag luam, tsis ua hauj lwm zoo hauv online. Piv txwv, Kuv ib txwm pom daj thiab ci zaub ntsuab yuav tsum ua kom yooj yim siv cov websites zoo. Yog hais tias cov xim no muaj nyob rau hauv ib lub tuam txhab cov txheej txheem, lawv yuav xav siv los ua xim xim xwb, vim tias nws tsis yooj yim mus nrhiav cov xim uas zoo sib xws nrog ob tog.

Zoo tib yam, yog tias koj cov xim muaj xim dub thiab dawb, qhov no txhais tau hais tias qhov zoo sib txawv, tabsis yog tias koj muaj ib qhov chaw uas muaj nyiaj ntau dua, nrog rau cov ntawv tom qab dub nrog cov ntawv nyeem dawb yuav nyeem ntawv nyuaj. Txawm tias qhov sib txawv ntawm cov xim dub thiab dawb kuj zoo kawg thiab, cov ntawv nyeem dawb ntawm cov keeb kwm yav dhau dub ua rau lub qhov muag tawv kom ntev. Hauv qhov no, kuv yuav ntxig cov xim siv cov ntawv dub rau ntawm ib tug dawb tom qab. Qhov ntawd yuav tsis ua raws li pom vis dis aus, tab sis koj yuav tsis pom zoo zoo dua li qhov ntawd!

Cov cuab yeej hauv internet

Ntxiv rau koj tus kheej kev txiav txim siab, muaj qee cov cuab yeej hauv online uas koj siv tau los sim koj qhov kev xaiv xim.

CheckMyColors.com yuav sim txhua qhov ntawm koj qhov chaw xim thiab qhia txog qhov sib txawv ntawm qhov sib txawv hauv cov nplooj ntawv.

Tsis tas li ntawd, thaum xav txog cov xim xaiv, koj yuav tsum xav txog lub website mus cuag thiab cov neeg uas muaj cov xim dig muag. WebAIM.org tuaj yeem pab nrog qhov no, xws li ContrastChecker.com, uas yuav kuaj koj cov kev xaiv ntawm WCAG cov txheej txheem.