வலை வடிவமைப்பு உள்ள முரணாக பின்னணி மற்றும் பின்னணி நிறங்கள் பயன்படுத்தி

போதுமான மாறாக உங்கள் வலைத்தளத்தின் வாசிப்பு மற்றும் பயனர் அனுபவம் மேம்படுத்த

எந்தவொரு வலைத்தளத்தின் வடிவமைப்பிலும் வெற்றிகரமாக ஒரு முக்கிய பாத்திரத்தை வகிக்கிறது. தளத்தின் அச்சுக்கலத்திலிருந்து , தளம் முழுவதும் பயன்படுத்தப்படும் படங்களை, முன்புற கூறுகள் மற்றும் பின்னணி வண்ணங்கள் ஆகியவற்றிற்கு இடையே உள்ள மாறுபாடுகளுக்கு - நன்கு வடிவமைக்கப்பட்ட தளம் ஒரு தரமான பயனர் அனுபவத்தையும் நீண்ட கால தள வெற்றிகளையும் உறுதிப்படுத்த இந்த எல்லா இடங்களிலும் போதுமான வேறுபாடு இருக்க வேண்டும்.

குறைந்த கான்ட்ராஸ்ட் ஒரு ஏழை படித்தல் அனுபவம் சமம்

மிகவும் குறைவாக இருக்கும் வலைத்தளங்கள் படிக்க மற்றும் பயன்படுத்த கடினமாக இருக்கும், எந்த தளத்தின் வெற்றிக்கு எதிர்மறையான தாக்கத்தைக் கொண்டிருக்கும். மோசமான வண்ண வேறுபாடு சிக்கல்கள் அடிக்கடி கண்டறிய எளிதானது. ஒரு இணைய உலாவியில் காண்பிக்கப்படும் பக்கத்தை தேட நீங்கள் வழக்கமாகச் செய்யலாம், ஏழை வண்ண தேர்வுகள் காரணமாக உரை வாசிக்க கடினமாக இருந்தால், அதைக் காணலாம். இருப்பினும், நிறங்கள் ஒன்றோடொன்று நன்றாக வேலை செய்யவில்லை என்பதைத் தீர்மானிக்க எளிதாய் இருக்கும்போது, ​​மற்றவர்களிடம் இருந்து நிறங்கள் என்ன நிறங்கள் என்பதைத் தீர்மானிக்க மிகவும் சவாலானதாக இருக்கும். நீங்கள் வேலை செய்யாமல் இருக்கலாம், ஆனால் வேலை செய்வதை எப்படி தீர்மானிப்பீர்கள்? இந்த கட்டுரையில் உள்ள படத்தில் பல்வேறு வண்ணங்களை உங்களுக்கு காட்டவும், அவை முன்புறம் மற்றும் பின்னணி வண்ணங்கள் போன்றவற்றை எப்படி வேறுபடுத்துகின்றன என்பதை காட்ட வேண்டும். சில "நல்ல" ஜோடிகளையும் சில "ஏழை" ஜோடிகளையும் பார்க்கலாம், இது உங்கள் திட்டங்களில் சரியான வண்ணத் தேர்வுகள் செய்ய உதவும்.

வேறுபாடு குறித்து

நீங்கள் கவனிக்க வேண்டிய ஒன்று, பின்புலத்தில் வண்ணம் எவ்வாறு ஒப்பிடப்படுவது என்பதை விட வெளிப்படையானது. நீங்கள் அந்த மேற்கோள் படத்தில் பார்க்க வேண்டும் என, இந்த நிறங்கள் சில மிகவும் பிரகாசமான மற்றும் பின்னணி நிறம் மீது வெளிப்படையாக வரை காட்ட - போன்ற கருப்பு நீல, ஆனால் நான் இன்னும் ஒரு ஏழை மாறாக பெயரிடப்பட்ட. நான் இதை செய்தேன், ஏனென்றால் அது பிரகாசமாக இருக்கலாம், வண்ண கலவையை வாசிப்பதில் கடினமாக உரை செய்கிறது. நீங்கள் ஒரு கருப்பு பின்னணியில் அனைத்து நீல உரை ஒரு பக்கம் உருவாக்க வேண்டும் என்றால், உங்கள் வாசகர்கள் மிக விரைவாக eyestrain வேண்டும். இதற்கு மாறாக, கருப்பு மற்றும் வெள்ளை மட்டும் இல்லை (ஆம், அந்த நோக்கம் நோக்கம்). விதிகள் மற்றும் சிறந்த நடைமுறைகள் உள்ளன, ஆனால் ஒரு வடிவமைப்பாளராக நீங்கள் எப்போது வேண்டுமானாலும் அந்த விதிகள் மதிப்பீடு செய்ய வேண்டும், அவர்கள் உங்கள் குறிப்பிட்ட நிகழ்வில் வேலை செய்வதை உறுதிப்படுத்த வேண்டும்.

நிறங்கள் தேர்வு

மாறாக உங்கள் வலைத்தளத்தின் வடிவமைப்பிற்கான நிறங்களைத் தேர்ந்தெடுக்கும் போது கருத்தில் கொள்ள வேண்டிய காரணிகளில் ஒன்று, ஆனால் இது ஒரு முக்கியமான ஒன்றாகும். வண்ணங்களைத் தேர்ந்தெடுக்கும் போது, ​​நிறுவனத்தின் பிராண்ட் தரங்களை கவனத்தில் கொள்ளுங்கள், ஆனால் அவை வண்ணத் தட்டுகளை உரையாடுவதற்கு தயாராக இருக்க வேண்டும், அவை ஒரு நிறுவனத்தின் பிராண்ட் வழிகாட்டுதல்களுடன் இணக்கமாக இருக்கும்போது, ​​ஆன்லைனில் நன்றாக வேலை செய்யாது. உதாரணமாக, நான் எப்போதும் மஞ்சள் மற்றும் பிரகாசமான கீரைகள் வலைத்தளங்களில் திறம்பட பயன்படுத்த மிகவும் சவாலான வேண்டும் காணப்படும். இந்த நிறங்கள் ஒரு நிறுவனத்தின் பிராண்ட் வழிகாட்டுதல்களில் இருந்தால், அவற்றின் வண்ணங்கள் மட்டுமே வண்ணம் இருப்பதைக் காட்டிலும் கடினமாக இருப்பதால் அவை உச்சரிப்பு நிறங்களாக மட்டுமே பயன்படுத்தப்பட வேண்டும்.

இதேபோல், உங்களுடைய பிராண்ட் நிறங்கள் கருப்பு மற்றும் வெள்ளை நிறமாக இருந்தால், இது பெரிய வேறுபாட்டைக் குறிக்கிறது, ஆனால் நீளமான அளவிலான உரையுடன் ஒரு தளத்தில் இருந்தால், வெள்ளை உரைடன் கருப்பு பின்னணியைக் கொண்டிருப்பது மிகவும் கடினமாகிவிடுகிறது. கறுப்பு மற்றும் வெள்ளை நிறங்களுக்கு இடையேயான வேறுபாடு கூட பெரியது, கருப்பு பின்னணியில் வெள்ளை உரை நீளமான பத்திகளைக் கண் திரிபு ஏற்படுத்துகிறது. இந்த வழக்கில், நான் வெள்ளை பின்னணியில் கருப்பு உரை பயன்படுத்த நிறங்கள் தவிர்க்கவும். இது பார்வைக்கு ஆர்வமாக இருக்காது, ஆனால் அதைவிட சிறந்த வேறுபாடு உங்களுக்குக் கிடைக்காது!

ஆன்லைன் கருவிகள்

உங்கள் சொந்த வடிவமைப்பிற்கு கூடுதலாக, உங்கள் தளத்தின் வண்ண தேர்வை சோதிக்க நீங்கள் பயன்படுத்தும் சில ஆன்லைன் கருவிகள் உள்ளன.

CheckMyColors.com உங்கள் தளத்தில் நிறங்கள் அனைத்தையும் சோதிக்கும் மற்றும் பக்கத்தில் உள்ள உறுப்புகளுக்கு இடையே உள்ள வேறுபாடு விகிதத்தில் அறிக்கையிடும்.

கூடுதலாக, வண்ண தேர்வுகள் பற்றி நினைத்து போது, ​​நீங்கள் இணையதளத்தில் அணுக மற்றும் வண்ண குருட்டு வடிவங்கள் கொண்ட மக்கள் கருத்தில் கொள்ள வேண்டும். WebAIM.org இதைக் கொண்டு உதவ முடியும், கான்ஸ்ட்ராஸ்ட்ஷெக்கர்.காம், WCAG வழிகாட்டுதல்களுக்கு எதிராக உங்கள் தேர்வுகளை சோதிக்கும்.