വെബ് ഡിസൈനിൽ മുൻകൂർ പശ്ചാത്തലവും പശ്ചാത്തല വർണ്ണങ്ങളും ഉപയോഗിച്ച്

നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ വായനാക്ഷ്യവും ഉപയോക്തൃ അനുഭവവും പര്യാപ്തമായ തീവ്രത ഉപയോഗിച്ച് മെച്ചപ്പെടുത്തുക

ഏതൊരു വെബ്സൈറ്റിന്റെ രൂപകൽപ്പനയിലും കോണ്ട്രാസ്റ്റ് ഒരു പ്രധാന പങ്ക് വഹിക്കുന്നു. ആ സൈറ്റിന്റെ ടൈപ്പിഗ്രഫിയിൽ നിന്നും, സൈറ്റിലുടനീളം ഉപയോഗിക്കുന്ന ചിത്രങ്ങളിലേക്കും, മുൻവശത്തെ ഘടകങ്ങളേയും പശ്ചാത്തല വർണ്ണങ്ങളേയും തമ്മിലുള്ള വ്യത്യാസത്തിലേക്ക് - ഒരു മികച്ച ഉപയോക്തൃ അനുഭവവും ദീർഘകാല സൈറ്റിന്റെ വിജയവും ഉറപ്പാക്കാൻ നന്നായി രൂപകൽപ്പന ചെയ്തിട്ടുള്ള സൈറ്റുകളിൽ ഈ മേഖലകളിൽ മതിയായ വ്യത്യാസം ഉണ്ടായിരിക്കണം.

കുറഞ്ഞ കോൺട്രാസ്റ്റ് ഒരു മോശം വായന അനുഭവത്തിന് തുല്യമാണ്

താരതമ്യത്തിൽ വളരെ താഴ്ന്ന വെബ്സൈറ്റുകൾ വായനയും ഉപയോഗവും പ്രയാസകരമാണ്, അത് ഏത് സൈറ്റിന്റെയും വിജയത്തെ പ്രതികൂലമായി ബാധിക്കും. മോശം വർണ്ണ വൈരുദ്ധ്യ പ്രശ്നങ്ങൾ തിരിച്ചറിയാൻ പലപ്പോഴും എളുപ്പമാണ്. ഒരു വെബ് ബ്രൌസറിൽ റെൻഡർ ചെയ്ത ഒരു പേജ് നോക്കിയാൽ സാധാരണയായി നിങ്ങൾക്ക് അങ്ങനെ ചെയ്യാൻ കഴിയും, മോശം വർണ്ണ ചോയ്സുകൾ കാരണം വാചകം വായന വളരെ ബുദ്ധിമുട്ടാണോ എന്ന് നിങ്ങൾക്ക് കാണാൻ കഴിയും. എന്നിരുന്നാലും, ഏതൊക്കെ നിറങ്ങൾ ഒന്നിച്ചു നന്നായി പ്രവർത്തിക്കുന്നു എന്ന് നിർണ്ണയിക്കാൻ എളുപ്പമാണെങ്കിലും, മറ്റ് നിറങ്ങൾക്ക് വ്യത്യസ്ത നിറങ്ങളിൽ പ്രവർത്തിക്കുന്നത് എന്താണെന്ന് തീരുമാനിക്കാൻ വളരെ ബുദ്ധിമുട്ടായിരിക്കും. നിങ്ങൾ പ്രവർത്തിക്കുന്നില്ലെങ്കിൽ എന്തു ചെയ്യാം, എന്നാൽ നിങ്ങൾ എന്ത് പ്രവർത്തിക്കുന്നു എന്ന് നിർണ്ണയിക്കും? ഈ ലേഖനത്തിലെ പ്രതിരൂപം നിങ്ങൾക്ക് വിവിധ നിറങ്ങൾ വ്യത്യസ്തമായി കാണിക്കുന്നു, ഒപ്പം അവർ മുൻഭാഗവും പശ്ചാത്തല വർണ്ണങ്ങളും ആയി എങ്ങനെ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു. ചില "നല്ല" ജോയിന്റുകളും ചില "പാവപ്പെട്ട" ജോഡിയും നിങ്ങൾക്ക് കാണാൻ കഴിയും, അത് നിങ്ങളുടെ പ്രൊജക്ടുകളിൽ ശരിയായ വർണ്ണ ചോയ്സുകൾ സജ്ജമാക്കാൻ സഹായിക്കും.

കോൺട്രാസ്റ്റിനെക്കുറിച്ച്

പശ്ചാത്തലത്തിൽ ഒരു നിറം എത്രമാത്രം നിറം കാണിക്കുന്നു എന്നതിനേക്കാൾ കൂടുതലാണ് കോൺട്രാസ്റ്റ് എന്നത് ശ്രദ്ധിക്കുക എന്നതാണ്. നിങ്ങൾ മുകളിൽ പറഞ്ഞ ചിത്രത്തിൽ കാണുന്നതുപോലെ, ഈ നിറങ്ങളിൽ ചിലത് വളരെ തിളക്കമുള്ളതും പശ്ചാത്തല വർണ്ണത്തിലുള്ള വൈവിധ്യപൂർണ്ണമായ വർണങ്ങളിലുള്ളവയുമാണ് - കറുപ്പിൽ നീല നിറം പോലെയാണെങ്കിലും, അതിനെ ഇപ്പോഴും ഒരു മോശം വിപരീതമായാണ് ഞാൻ ലേബൽ ചെയ്തത്. ഞാൻ ഇത് ചെയ്തു, കാരണം ഇത് തെളിച്ചായതിനാൽ, കളർ കോമ്പിനേഷൻ വായിക്കാൻ ബുദ്ധിമുട്ടുണ്ടാക്കുന്നു. ഒരു ബ്ലാക്ക് പശ്ചാത്തലത്തിൽ എല്ലാ നീല പാഠത്തിലും ഒരു പേജ് സൃഷ്ടിക്കാൻ നിങ്ങളാണെങ്കിൽ, നിങ്ങളുടെ വായനക്കാർ വളരെ വേഗത്തിൽ കണ്ണ് മൂടുന്നു. ഇതുകൊണ്ടാണ് വൈരുദ്ധ്യവും കറുപ്പും വെളുപ്പും മാത്രമായിരുന്നില്ല (ഉവ്വ്, ആ പഞ്ച് ഉദ്ദേശിക്കപ്പെട്ടിരുന്നു). വ്യത്യാസത്തിന് നിയമങ്ങളും മികച്ച സമ്പ്രദായങ്ങളുമുണ്ട്, എന്നാൽ ഒരു ഡിസൈനർ എന്ന നിലയിൽ അവർ നിങ്ങളുടെ നിയമങ്ങളിൽ പ്രവർത്തിക്കുന്നുണ്ടെന്ന് ഉറപ്പുവരുത്താൻ ആ നിയമങ്ങൾ എല്ലായ്പ്പോഴും വിലയിരുത്തുക.

നിറങ്ങൾ തിരഞ്ഞെടുക്കുന്നു

നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ ഡിസൈനിനു വേണ്ടി നിറങ്ങൾ തിരഞ്ഞെടുക്കുമ്പോൾ പരിഗണിക്കുന്നതിനുള്ള ഘടകങ്ങളിലൊന്നാണ് കോൺട്രാസ്റ്റ്, പക്ഷെ അത് ഒരു പ്രധാനപ്പെട്ട ഒന്നാണ്. നിറങ്ങൾ തെരഞ്ഞെടുക്കുമ്പോൾ, കമ്പനിയ്ക്ക് ബ്രാൻഡ് മാനദണ്ഡങ്ങൾ ഓർമ്മയിൽ സൂക്ഷിക്കുക, മാത്രമല്ല നിറങ്ങളുടെ പാലറ്റുകളെ അഭിമുഖീകരിക്കാൻ സന്നദ്ധരാകുക, അവ ഒരു ഓർഗനൈസേഷന്റെ ബ്രാൻഡിന്റെ മാർഗ്ഗനിർദ്ദേശങ്ങൾ അനുസരിച്ചായിരിക്കാം, ഓൺലൈനിൽ മികച്ച രീതിയിൽ പ്രവർത്തിക്കുന്നില്ല. ഉദാഹരണത്തിന്, ഞാൻ എല്ലായ്പ്പോഴും മഞ്ഞയും കടുംനിറഞ്ഞ പച്ചനിറങ്ങളും വെബ്സൈറ്റുകളിൽ ഫലപ്രദമായി ഉപയോഗിക്കാൻ വളരെ വെല്ലുവിളി നേരിടുന്നതായി കണ്ടെത്തിയിട്ടുണ്ട്. ഈ നിറങ്ങൾ ഒരു കമ്പനിയുടെ ബ്രാൻഡ് മാർഗ്ഗനിർദ്ദേശങ്ങളാണെങ്കിൽ, അവ ആക്സസറായ നിറങ്ങളായി മാത്രമേ ഉപയോഗിക്കാവൂ, കാരണം നിറങ്ങൾ കണ്ടെത്താൻ ഇത് വളരെ പ്രയാസമാണ്.

അതുപോലെ, നിങ്ങളുടെ ബ്രാൻഡ് നിറങ്ങൾ കറുപ്പും വെളുപ്പും ആണെങ്കിൽ അതിനർത്ഥം വലിയ വ്യത്യാസങ്ങളാണെന്നാണ്. എന്നാൽ നീണ്ട ദൈർഘ്യമുള്ള ഒരു സൈറ്റ് ഉണ്ടെങ്കിൽ, വെളുത്ത വാചകത്തോടുകൂടിയ കറുപ്പ് പശ്ചാത്തലമുള്ളതിനാൽ വായന വളരെ ബുദ്ധിമുട്ടാകും. കറുപ്പും വെളുപ്പും തമ്മിലുള്ള വൈരുദ്ധ്യവും വലുതാണ്, കറുത്ത പശ്ചാത്തലത്തിലുള്ള വെളുത്ത വാചകം ദീർഘനേരത്തേക്കുള്ള കണ്ണുകൾക്ക് കാരണമാകുന്നു. ഈ സാഹചര്യത്തിൽ, വെളുത്ത പശ്ചാത്തലത്തിൽ കറുത്ത വാചകം ഉപയോഗിക്കുന്നതിന് ഞാൻ നിറങ്ങൾ തിരുത്തണം. അത് വിഷ്വലി താത്പര്യം ആയിരിക്കില്ല, പക്ഷേ അതിനേക്കാൾ നല്ല കൺട്രെയിറ്റ് നിങ്ങൾ കണ്ടെത്തില്ല!

ഓൺലൈൻ ടൂളുകൾ

നിങ്ങളുടെ സ്വന്തം രൂപകൽപ്പനയ്ക്ക് പുറമേ, നിങ്ങളുടെ സൈറ്റിന്റെ വർണ്ണ നിര പരീക്ഷിക്കാൻ നിങ്ങൾക്ക് ഉപയോഗിക്കാൻ കഴിയുന്ന ചില ഓൺലൈൻ ഉപകരണങ്ങൾ ഉണ്ട്.

CheckMyColors.com നിങ്ങളുടെ സൈറ്റിന്റെ എല്ലാ നിറങ്ങളും പരിശോധിക്കുകയും പേജിലെ ഘടകങ്ങൾ തമ്മിലുള്ള കോൺട്രാസ്റ്റ് അനുപാതത്തിൽ റിപ്പോർട്ടുചെയ്യുകയും ചെയ്യും.

കൂടാതെ, കളർ ചോയ്സുകളെക്കുറിച്ച് ചിന്തിക്കുമ്പോൾ, നിങ്ങൾ വെബ്സൈറ്റ് പ്രവേശനക്ഷമതയും വർണ്ണാന്ധതയുടെ രൂപങ്ങൾ ഉള്ളവരെയും പരിഗണിക്കണം. ContraChecker.com പോലെ WCAG മാർഗ്ഗരേഖകൾക്കെതിരെയുള്ള നിങ്ങളുടെ ചോയിസുകൾ പരിശോധിക്കുന്നതിനായി WebAIM.org ന് ഇത് സഹായിക്കും.