Nggunakake Contrasting Colors lan Background Colors ing Desain Web

Ngapikake kemampuan maca lan pengalaman pangguna situs web kanthi kontras sing cukup

Kontras nduweni peran penting ing kasile rancangan website apa wae. Saka tipografi situs kasebut , menyang gambar sing digunakake ing situs iki, kanggo kontras antarane unsur latar lan werna latar mburi - situs sing dirancang kanthi apik kudu nduweni kontras cukup ing kabeh wilayah kasebut kanggo mesthekake pengalaman pengguna sing berkualitas lan sukses situs jangka panjang.

Kontras kurang padha karo pengalaman maca sing apik

Situs web sing rada kurang kontras bisa dadi angel diwaca lan digunakake, sing bakal nduwe dampak negatif marang situs apa wae. Masalah kontras werna sing asring asring gampang dingerteni. Sampeyan biasane bisa nindakake supaya mung nggoleki kaca sing dikirimake ing browser web lan sampeyan bisa ndeleng yen teks angel banget diwaca amarga pilihan werna sing kurang apik. Sanadyan, manawa gampang kanggo nemtokake warna sing ora bisa digarap bebarengan, bisa uga tantangan banget kanggo nemtokake warna apa sing apik karo liyane. Sampeyan bisa uga ora apa ora bisa, nanging kepiye sampeyan nemtokake apa sing dianggo? Gambar ing artikel iki kudu mbantu nampilake macem-macem werna lan carane ngelbokake minangka latar foreground lan latar mburi. Sampeyan bisa ndeleng sawetara "apik" pasangan lan sawetara "miskin" pasangan, kang bakal mbantu sampeyan milih pilihan warna sing bener ing proyek sampeyan.

Kontras babagan

Siji bab sing kudu dicathet yaiku kontras luwih saka seperten carane padhang werna dibandhingake karo latar mburi. Minangka sampeyan kudu ndeleng ing gambar kasebat, sawetara werna kasebut cerah banget lan katon munggah ing warna latar mburi - kayata biru sing ireng, nanging aku isih nganggo label kasebut minangka kontras sing kurang. Aku iki amarga, nalika dadi padhang, kombinasi warna tetep nggawe teks angel diwaca. Yen sampeyan nggawe kaca ing kabeh teks biru ing latar mburi ireng, pembaca bakal duwe eyestrain kanthi cepet. Iki sebabe kontras ora mung ireng lan putih (ya, sing ditrapake pun). Ana aturan lan praktik paling apik kanggo kontras, nanging minangka perancang sampeyan kudu ngevaluasi aturan sing kasebut kanggo mesthekake yen dheweke bisa ngerjakake conto tartamtu.

Milih warna

Kontras namung salah sawijining faktor sing kudu dipertimbangkan nalika milih warna kanggo desain website, nanging iku penting. Nalika milih warna, dadi asring standar merek kanggo perusahaan, nanging uga kepéngin alamat palet warna sing, nalika padha uga konsisten karo pedoman merek organisasi, ora bisa uga online. Umpamane, aku tansah nemu sayuran kuning lan padhang dadi tantangan banget kanggo nggunakake kanthi efektif ing situs web. Yen werna kasebut ana ing pedoman merek perusahaan, mesthine kudu digunakake minangka warna aksen wae, amarga angel kanggo nemokake warna sing kontras kanthi apik.

Menawa werna merek ireng lan putih, iki tegese gedhe banget, nanging yen sampeyan duwe situs kanthi teks sing akeh, duwe latar ireng karo teks putih bakal nggawe bacaan banget. Malah kontras antarane ireng lan putih gedhe, teks putih ing latar mburi ireng nyebabake ketegangan mata kanggo perangan panjang. Ing kasus iki, aku bakal ngowahi werna kanggo nggunakake teks ireng ing latar putih. Sing ora kaya visual sing kasengsem, nanging sampeyan ora nemokake kontras sing luwih apik tinimbang sing!

Alat Online

Saliyane pangertèn desain sampeyan dhewe, ana sawetara alat online sing bisa digunakake kanggo nyoba pilihan warna situs.

CheckMyColors.com bakal nyoba kabeh werna situs lan laporan ing rasio kontras antarane unsur ing kaca.

Tambahan, nalika mikir babagan pilihan warna, sampeyan uga kudu nganggep aksesibilitas situs web lan wong sing duwe wuta warna. WebAIM.org bisa mbantu karo iki, kaya sing bisa ContrastChecker.com, sing bakal nyoba pilihan sampeyan marang pedoman WCAG.