Ngagunakeun kontras foreground na Kelir Latar dina Desain Web

Ningkatkeun ramatloka anjeun readability sarta pamaké pangalaman kalayan jelas nyukupan

Jelas muterkeun hiji peran penting dina kasuksésan desain sagala ramatloka urang. Ti nu tipografi situs urang , kana gambar dipaké sapanjang loka, kana kontras antara elemen foreground sarta kelir tukang - situs dirancang ogé kudu boga jelas nyukupan di sakabeh wewengkon ieu pikeun mastikeun hiji pangalaman kualitas pamaké jeung kasuksésan situs istilah panjang.

Jelas low sarua a Garapan Reading Miskin

Jaba anu teuing low kontras tiasa teuas maca na make, anu baris boga dampak negatif kana kasuksésan sagala situs urang. Miskin isu jelas warna nu sering gampang pikeun ngaidentipikasi. Anjeun biasana tiasa ngalakukeun kitu ngan ku pilari kaca anu rendered dina web browser anjeun tiasa ningali lamun téks teuing teuas maca kusabab pilihan warna goréng. Leungit, bari meureun nya gampang keur nangtukeun mana kelir teu gawé bareng ogé, mémang sabenerna jadi pisan nangtang mutuskeun kelir naon damel ogé kontras jeung batur. Anjeun bisa jadi teu naon teu dianggo, tapi kumaha anjeun bakal nangtukeun naon damel? Gambar dina artikel ieu kedah ngabantu némbongkeun Anjeun rupa-rupa kelir béda jeung carana aranjeunna kontras sakumaha foreground jeung latar kelir. Anjeun tiasa ningali sababaraha "alus" pairings jeung sababaraha "goréng" papasangan, nu bakal nulungan urang sangkan pilihan warna katuhu dina proyék Anjeun.

ngeunaan jelas

Hiji hal nu kudu dicatet nyaeta jelas nyaeta leuwih ti ngan kumaha caang warna a ieu dibandingkeun tukang. Anjeun kudu tingali dina éta gambar disebut tadi, sababaraha kelir ieu terang pisan tur némbongkeun up vibrantly dina warna latar - kayaning biru on hideung, tapi kuring masih dilabélan salaku gaduh jelas goréng. Atuh naon sabab ieu, bari meureun nya caang, kombinasi warna masih ngajadikeun téks sesah maca. Mun anjeun nyieun kaca dina sakabéh téks bulao dina latar hideung, pamiarsa anjeun bakal boga eyestrain kacida gancangna. Ieu naha jelas teu ngan hideung bodas (enya, Pun yén ieu dimaksudkeun). Aya aturan jeung amalan pangalusna pikeun jelas, tapi salaku desainer a anjeun kudu salawasna evaluate eta aturan pikeun mastikeun yén maranéhna dianggo dina conto tinangtu anjeun.

milih Kelir

Kontras nyaéta ngan salah sahiji faktor mertimbangkeun lamun milih kelir pikeun desain ramatloka anjeun, tapi mangrupa hiji penting. Lamun milih kelir, jadi mindful tina standar brand keur parusahaan, tapi ogé daék alamat palettes warna éta, bari maranéhna bisa jadi konsisten kalayan tungtunan brand hiji organisasi urang, ulah dianggo ogé online. Contona, Kuring geus salawasna kapanggih greens konéng sarta caang janten sangar nangtang ngagunakeun éféktif dina situs web. Lamun kelir ieu dina tungtunan brand hiji parusahaan, aranjeunna dipikaresep bakal perlu dipaké salaku kelir aksen wungkul, saprak éta teuas pikeun manggihan kelir nu jelas ogé mibanda boh.

Nya kitu, upami kelir brand Anjeun nu hideung bodas, ieu hartina jelas hébat, tapi lamun boga situs kalayan jumlahna lengthy tina téks, gaduh latar hideung kalayan téks bodas bade ngadamel maca pisan teuas. Komo jelas antara hideung bodas mangrupa hébat, teks bodas dina latar hideung ngabalukarkeun galur panon pikeun passages lengthy. Dina hal ieu, bakal invert warna ngagunakeun téks hideung dina latar bodas. Anu bisa jadi salaku visually kabetot, tapi maneh moal neangan jelas leuwih hade tinimbang nu!

Pakakas online

Salian rasa desain sorangan, aya sababaraha parabot online nu bisa Anjeun pake pikeun nguji pilihan warna situs anjeun.

CheckMyColors.com baris nguji sakabéh kelir situs anjeun sarta ngalaporkeun dina babandingan jelas antara elemen dina kaca.

Sajaba, nalika pamikiran ngeunaan pilihan warna, Anjeun kedah ogé nganggap ramatloka diakses jeung jalma anu mibanda bentuk lolong warna. WebAIM.org bisa mantuan kalawan ieu, sakumaha tiasa ContrastChecker.com, nu baris nguji pilihan anjeun ngalawan tungtunan WCAG.