தமிழ்

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

எழுத்துருவியல்: உலகளாவிய பார்வையாளர்களுக்கான வாசிப்புத் திறன் மற்றும் படிநிலையை மேம்படுத்துதல்

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

வாசிப்புத் திறனைப் புரிந்துகொள்ளுதல்

வாசிப்புத் திறன் என்பது ஒரு வாசகர் எவ்வளவு எளிதாகவும் வசதியாகவும் ஒரு உரையைப் புரிந்துகொண்டு ஈடுபட முடியும் என்பதைக் குறிக்கிறது. உலகளாவிய பார்வையாளர்களுக்காக வடிவமைக்கும்போது கவனமாகப் பரிசீலிக்கப்பட வேண்டிய பல காரணிகள் வாசிப்புத்திறனுக்கு பங்களிக்கின்றன:

1. எழுத்துரு தேர்வு

எழுத்துருவின் தேர்வு மிக முக்கியமானது. பாணி சார்ந்த பரிசீலனைகள் முக்கியமானவை என்றாலும், வாசிப்புத்திறன் எப்போதும் முதன்மை நோக்கமாக இருக்க வேண்டும். முக்கிய எழுத்துரு வகைகள் மற்றும் பரிசீலனைகளின் ஒரு முறிவு இங்கே:

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

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

2. எழுத்துரு அளவு

எழுத்துரு அளவு வாசிப்புத்திறனுக்கு முக்கியமானது. உகந்த எழுத்துரு அளவு எழுத்துருவைப் பொறுத்து, சூழல் (அச்சு மற்றும் வலை), மற்றும் இலக்கு பார்வையாளர்களைப் பொறுத்து மாறுபடும். பொதுவாக:

அணுகல்தன்மை: பார்வைக் குறைபாடுள்ள பயனர்களைக் கருத்தில் கொள்ளுங்கள். எழுத்துரு அளவை அதிகரிக்க விருப்பங்களை வழங்கவும் மற்றும் உரைக்கும் பின்னணிக்கும் இடையில் போதுமான மாறுபாட்டை உறுதி செய்யவும்.

உலகளாவிய பரிசீலனைகள்: லோகோகிராஃபிக் எழுத்துக்களைப் பயன்படுத்தும் சில மொழிகளுக்கு (எ.கா., சீனம், ஜப்பானியம்) வாசிப்புத்திறனைப் பராமரிக்க வெவ்வேறு எழுத்துரு அளவுகள் தேவைப்படலாம். சிக்கலான எழுத்துக்களுக்கு தெளிவுக்காக பெரிய அளவுகள் தேவைப்படலாம்.

3. வரி உயரம் (லீடிங்)

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

உதாரணம்: உங்கள் எழுத்துரு அளவு 16px ஆக இருந்தால், 22px முதல் 26px வரையிலான வரி உயரம் ஒரு நல்ல தொடக்கமாக இருக்கும்.

உலகளாவிய பரிசீலனைகள்: நீண்ட வார்த்தைகள் அல்லது மிகவும் சிக்கலான எழுத்து வடிவங்களைக் கொண்ட மொழிகள் சற்று அதிகரித்த வரி உயரத்தால் பயனடையலாம்.

4. எழுத்து இடைவெளி (டிராக்கிங்) மற்றும் வார்த்தை இடைவெளி

எழுத்து இடைவெளி (டிராக்கிங்) என்பது ஒரு உரைத் தொகுதியில் உள்ள அனைத்து எழுத்துக்களுக்கும் இடையிலான ஒட்டுமொத்த இடைவெளியைக் குறிக்கிறது. வார்த்தை இடைவெளி என்பது வார்த்தைகளுக்கு இடையிலான இடத்தைக் குறிக்கிறது. இவற்றைச் சரிசெய்வது வாசிப்புத்திறனை நுட்பமாக மேம்படுத்தும்.

உலகளாவிய பரிசீலனைகள்: சில மொழிகளில் எழுத்து மற்றும் வார்த்தை இடைவெளி தொடர்பாக குறிப்பிட்ட மரபுகள் இருக்கலாம். எடுத்துக்காட்டாக, ஜப்பானிய போன்ற மொழிகள் லத்தீன் அடிப்படையிலான மொழிகளை விட இறுக்கமான எழுத்து இடைவெளியை அடிக்கடி பயன்படுத்துகின்றன.

5. மாறுபாடு

மாறுபாடு என்பது உரைக்கும் பின்னணிக்கும் இடையிலான ஒளிர்வு அல்லது நிறத்தில் உள்ள வேறுபாட்டைக் குறிக்கிறது. போதுமான மாறுபாடு வாசிப்புத்திறனுக்கு அவசியம், குறிப்பாக பார்வைக் குறைபாடுள்ள பயனர்களுக்கு.

உதாரணம்: வெள்ளை பின்னணியில் கருப்பு உரை சிறந்த மாறுபாட்டை வழங்குகிறது. வெள்ளை பின்னணியில் வெளிர் சாம்பல் உரை மோசமான மாறுபாட்டை வழங்குகிறது, அதைத் தவிர்க்க வேண்டும்.

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

6. வரியின் நீளம்

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

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

உலகளாவிய பரிசீலனைகள்: நீண்ட வார்த்தைகளைக் கொண்ட மொழிகளுக்கு சற்று நீண்ட வரி நீளம் தேவைப்படலாம்.

காட்சிப் படிநிலையைப் புரிந்துகொள்ளுதல்

காட்சிப் படிநிலை என்பது வாசகரின் கண்ணை வழிநடத்தவும் முக்கியமான தகவல்களை வலியுறுத்தவும் ஒரு வடிவமைப்பில் கூறுகளை ગોઠવવાનો ઉલ્લેખ કરે છે. காட்சிப் படிநிலையின் திறமையான பயன்பாடு, பயனர்கள் உள்ளடக்கத்தை ஸ்கேன் செய்வதை, கட்டமைப்பைப் புரிந்துகொள்வதை மற்றும் அவர்கள் தேடுவதை விரைவாகக் கண்டறிவதை எளிதாக்குகிறது.

1. அளவு

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

உதாரணம்: ஒரு <h1> தலைப்பு ஒரு <h2> தலைப்பை விட பெரியதாக இருக்க வேண்டும், அது ஒரு <h3> தலைப்பை விட பெரியதாக இருக்க வேண்டும், மற்றும் பல. உடல் உரை அனைத்து தலைப்புகளையும் விட சிறியதாக இருக்க வேண்டும்.

2. எடை (தடிமன்)

எழுத்துரு எடை (எ.கா., தடித்த, வழக்கமான, மெல்லிய) காட்சிப் படிநிலையை உருவாக்கவும் பயன்படுத்தப்படலாம். தடித்த உரை பொதுவாக முக்கியமான சொற்கள் அல்லது சொற்றொடர்களை வலியுறுத்தப் பயன்படுகிறது. குறைந்த முக்கியத்துவம் வாய்ந்த தகவல்களுக்கு மெல்லிய எடைகளைப் பயன்படுத்தலாம்.

உதாரணம்: உடல் உரைக்குள் முக்கிய சொற்கள் அல்லது சொற்றொடர்களை வலியுறுத்த <strong> அல்லது <b> குறிச்சொற்களைப் பயன்படுத்தவும்.

3. நிறம்

குறிப்பிட்ட கூறுகளுக்கு கவனத்தை ஈர்க்கவும் காட்சிப் படிநிலையை உருவாக்கவும் நிறத்தைப் பயன்படுத்தலாம். முக்கியமான தகவல்களை முன்னிலைப்படுத்த அல்லது வடிவமைப்பின் வெவ்வேறு பிரிவுகளுக்கு இடையில் காட்சிப் பிரிவினையின் உணர்வை உருவாக்க நிறத்தை உத்தியாகப் பயன்படுத்தவும்.

எச்சரிக்கை: நிறக்குருடு மற்றும் நிறங்களுடன் தொடர்புடைய கலாச்சார தொடர்புகளை மனதில் கொள்ளுங்கள். அணுகல்தன்மையை உறுதிப்படுத்த வண்ண மாறுபாடு சரிபார்ப்புகளைப் பயன்படுத்தவும்.

4. இடம்

பக்கத்தில் கூறுகளின் இடமும் காட்சிப் படிநிலைக்கு பங்களிக்கிறது. பக்கத்தின் மேல் அல்லது முக்கிய நிலைகளில் வைக்கப்படும் கூறுகள் பொதுவாக மிகவும் முக்கியமானதாகக் கருதப்படுகின்றன.

உதாரணம்: மிக முக்கியமான தகவல்களை பக்கத்தின் மேல் அல்லது திரையின் மையத்தில் வைக்கவும்.

5. மாறுபாடு (மீண்டும்)

முன்னர் குறிப்பிட்டபடி, வாசிப்புத்திறனுக்கு மாறுபாடு முக்கியமானது, ஆனால் இது காட்சிப் படிநிலையிலும் ஒரு பங்கு வகிக்கிறது. அதிக மாறுபாடு கொண்ட கூறுகள் அதிகமாகத் தனித்து நின்று அதிக கவனத்தை ஈர்க்கும்.

6. இடைவெளி (வெள்ளை வெளி)

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

உதாரணம்: தலைப்புகளை உடல் உரையிலிருந்து பிரிக்க அல்லது வடிவமைப்பின் வெவ்வேறு பிரிவுகளுக்கு இடையில் காட்சி இடைவெளிகளை உருவாக்க வெள்ளை வெளியைப் பயன்படுத்தவும்.

உலகளாவிய பார்வையாளர்களுக்கு எழுத்துருவியல் கொள்கைகளைப் பயன்படுத்துதல்

உலகளாவிய பார்வையாளர்களுக்காக வடிவமைப்பதற்கு கலாச்சார வேறுபாடுகள் மற்றும் மொழி மாறுபாடுகளை கவனமாகக் கருத்தில் கொள்ள வேண்டும். இங்கே சில முக்கிய பரிசீலனைகள் உள்ளன:

1. மொழி ஆதரவு

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

2. கலாச்சார உணர்திறன்

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

3. மொழிபெயர்ப்பு பரிசீலனைகள்

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

4. அணுகல்தன்மை

உலகளாவிய பார்வையாளர்களுக்கு அணுகல்தன்மை முக்கியமானது. உங்கள் வடிவமைப்பு WCAG (வலை உள்ளடக்க அணுகல்தன்மை வழிகாட்டுதல்கள்) போன்ற அணுகல்தன்மை வழிகாட்டுதல்களைப் பூர்த்தி செய்வதை உறுதிப்படுத்தவும். எழுத்துரு அளவை அதிகரிக்க, மாறுபாட்டைச் சரிசெய்ய, மற்றும் ஸ்கிரீன் ரீடர்களைப் பயன்படுத்த விருப்பங்களை வழங்கவும்.

5. சோதனை செய்தல்

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

கருவிகள் மற்றும் வளங்கள்

எழுத்துருக்களைத் தேர்வுசெய்ய, வண்ணத் தட்டுகளை உருவாக்க, மற்றும் உங்கள் வடிவமைப்பை அணுகல்தன்மைக்காகச் சோதிக்க பல கருவிகள் மற்றும் வளங்கள் உதவும்:

முடிவுரை

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

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

முக்கிய குறிப்புகள்:

எழுத்துருவியல்: உலகளாவிய பார்வையாளர்களுக்கான வாசிப்புத் திறன் மற்றும் படிநிலையை மேம்படுத்துதல் | MLOG