ടൈപ്പിഗ്രാഫി, എക്സ്റ്റെൻഷൻ, ടൈപ്പോഗ്രാഫിക് ഡിസൈൻ എന്നിവ എന്താണ്? വളരെ ലളിതമായ വിശദീകരണത്തിനു വേണ്ടി ടൈപ്പോഫയോജിനെ ടൈപ്പ്ഫെയ്സുകളുടെ ആശയവിനിമയത്തിനുള്ള മാർഗ്ഗമാണ്. ടൈപ്പോഗ്രാഫി ഗ്ൂട്ടെൻബെർഗിനൊപ്പം ചലിക്കുന്ന തരം വികസിപ്പിച്ചെടുക്കാൻ തുടങ്ങുമെന്ന് പലരും കരുതുന്നു, എന്നാൽ ടൈപ്പോഗ്രാഫി അതിനേക്കാൾ വളരെ കൂടുതലാണ്. ഡിസൈൻ ഈ ശാഖയിൽ കൈയ്യെഴുത്ത് അക്ഷരരൂപത്തിൽ അതിന്റെ വേരുകളുണ്ട്. ടൈപ്പിഗ്രാഫി ഡിജിറ്റൽ മാതൃകയിലൂടെ കലിഗ്രഫിയിൽ നിന്ന് എല്ലാ കാര്യങ്ങളും വെബ് പേജുകളിൽ ഇന്ന് കാണുന്ന എല്ലാ കാര്യങ്ങളും ഉൾക്കൊള്ളുന്നു. ടൈപ്പോഗ്രാഫിയുടെ കലാസിൽ ടൈപ്പ് ഡിസൈനർമാർ ഉൾപ്പെടുന്നു. പുതിയ അക്ഷരരൂപങ്ങൾ സൃഷ്ടിക്കുന്ന ഫോണ്ട് ഫയലുകളായി മാറിക്കഴിഞ്ഞു. പ്രിന്റ് ചെയ്ത പ്രവൃത്തിയിൽ നിന്നും മുൻപ് നൽകിയിട്ടുള്ള വെബ്സൈറ്റുകളിലേക്ക് മറ്റ് ഡിസൈനുകൾ ഉപയോഗിക്കാവുന്നതാണ്. ആ കൃതികൾ വ്യത്യസ്തമായിരിക്കുന്നതിന്, ടൈപ്പോഗ്രാഫി അടിസ്ഥാനങ്ങൾ എല്ലാം അവയെ അടിവരയിടുന്നു.
ടൈപ്ഗ്രാഫിയിലെ ഘടകങ്ങൾ
ടൈപ്പ്ഫെയ്സുകളും ഫോണ്ടുകളും: നിങ്ങളുടെ രചനകളിൽ ടൈപ്പോഗ്രാഫി ഉപയോഗിക്കുന്ന ഒരു രൂപകൽപ്പനയോട് നിങ്ങൾ സംസാരിച്ചിട്ടുണ്ടെങ്കിൽ, നിങ്ങൾക്ക് "ടൈപ്പ്ഫേസ്" കൂടാതെ / അല്ലെങ്കിൽ "ഫോണ്ട്" അനേകം ആളുകളും ഈ രണ്ട് പദങ്ങളും പരസ്പരമൊന്നും ഉപയോഗപ്പെടുത്താറില്ല, എന്നാൽ ഈ രണ്ടു വസ്തുക്കളും തമ്മിൽ ചില വ്യത്യാസങ്ങൾ ഉണ്ട്.
ഫോണ്ടുകളുടെ ഒരു കുടുംബത്തിന് (ഹെൽവെറ്റിക്ക റെഗുലർ, ഹെൽവെറ്റിക്ക ഇറ്റാലിക്, ഹെൽവെറ്റിക്ക ബ്ലാക്ക്, ഹെൽവെറ്റിക്ക ബോൾഡ് ) നൽകാനുള്ള നിബന്ധനയാണ് "ടൈപ്പ്ഫേസ്". ഹെൽവെറ്റിക്കയുടെ വിവിധ വകഭേദങ്ങൾ പൂർണ്ണമായ ടൈപ്പ്ഫെയ്സ് ഉണ്ടാക്കുന്നു.
"ഫോണ്ട്" ആ കുടുംബത്തിലെ ഒരു ഭാരം അല്ലെങ്കിൽ സ്റ്റൈൽ (ഹെൽവെറ്റിക്ക ബോൾഡ് പോലെയുള്ളത്) ഒരാൾ മാത്രമേ പരാമർശിക്കുമ്പോൾ ഉപയോഗിക്കുന്ന പദം. അനേകം ടൈപ്പ്ഫെയ്സുകളിൽ അനേകം ഫോണ്ടുകൾ അടങ്ങിയവയാണ്, ഇവയെല്ലാം സമാനവും അനുബന്ധവുമാണ്, പക്ഷേ ചില വിധത്തിൽ വ്യത്യസ്തമാണ്. ചില ടൈപ്പ്ഫെയ്സുകളിൽ ഒരൊറ്റ ഫോണ്ട് മാത്രമേ ഉൾപ്പെടാവൂ, മറ്റുള്ളവർക്ക് ഫോണ്ടുകൾ രൂപീകരിക്കാൻ അക്ഷരരൂപത്തിൽ നിരവധി വ്യതിയാനങ്ങൾ ഉണ്ടാകും.
ഇത് അൽപം ആശയക്കുഴപ്പമുണ്ടാക്കുന്നുണ്ടോ? അങ്ങനെയെങ്കിൽ, വിഷമിക്കേണ്ട. വാസ്തവത്തിൽ, ഒരാൾ ഒരു ടൈപോഗ്രാഫി വിദഗ്ദ്ധനല്ലെങ്കിൽ, അവ യഥാർഥത്തിൽ അർഥമാക്കുന്നത് ഏത് പദപ്രയോഗങ്ങളാണെങ്കിലും അവയെല്ലാം "ഫോണ്ട്" എന്ന പദം ഉപയോഗിക്കും. കൂടാതെ, പല പ്രൊഫഷണൽ ഡിസൈനർമാരും ഈ രണ്ട് പദങ്ങളും പരസ്പരമായി ഉപയോഗിക്കാറുണ്ട്. ക്രാഫ്റ്റ് മെക്കാനിക് കുറിച്ച് ഒരു ശുദ്ധ ടൈപ്പ് ഡിസൈനർ സംസാരിക്കുന്നില്ലെങ്കിൽ, നിങ്ങൾ ഇഷ്ടപ്പെടുന്നത് ഈ രണ്ട് പദങ്ങൾ ഉപയോഗിക്കുന്നത് നിങ്ങൾ ഒരുപക്ഷേ വളരെ സുരക്ഷിതമാണ്. നിങ്ങൾ പറയുന്നു, നിങ്ങൾ വ്യത്യാസം മനസ്സിലാക്കുകയും ശരിയായ പദങ്ങൾ ശരിയായി ഉപയോഗിക്കാറുണ്ടെങ്കിൽ അത് ഒരിക്കലും മോശം കാര്യമല്ല!
ടൈപ്പ്ഫേസ് ക്ലാസിക്സ്: ചിലപ്പോൾ "ജെനറിക് ഫോണ്ട് ഫാമിലിസ് " എന്ന് വിളിക്കുന്നു. ഇവ പലതരത്തിലുള്ള തരംതിരിവുകൾ അടിസ്ഥാനമാക്കി വ്യത്യസ്ത ടൈപ്പ്ഫേസ് അടിസ്ഥാനമാക്കിയുള്ള ടൈപ്പ്ഫേസുകളുടെ വലിയ ഗ്രൂപ്പുകളാണ്. വെബ് പേജുകളിൽ നിങ്ങൾക്ക് കാണാനാവുന്ന ആറു തരം ഫോണ്ട് ക്ലാസിക്കേഷനുകളുണ്ട്:
- സെരിഫ്
- സാൻസ്-സെരിഫ്
- മോണോസ്പേസ്
- കള്ളം പറയുക
- ഫാന്റസി
- സ്ക്രിപ്റ്റ്
ഇവയിലുടനീളം നിരവധി ഫോണ്ട് ക്ലാസിക്കേഷനുകളും ഉണ്ട്. ഉദാഹരണത്തിന്, "സ്ളാബ് സെരിഫ്" ഫോണ്ടുകൾ സെരിഫുകൾക്ക് സമാനമാണ്, എന്നാൽ അവയെല്ലാം അക്ഷരരൂപത്തിലുള്ള കട്ടിയുള്ളതും ചങ്കി സെറിഫുകളുമുള്ള തിരിച്ചറിയാവുന്ന ഡിസൈൻ ആണ്.
ഇന്ന് ഒരു വെബ്സൈറ്റുകൾ, സെരിഫ്, സാൻസ് സെരിഫ് എന്നിവയാണ് ഏറ്റവും സാധാരണമായ ഫോണ്ട് ക്ലാസിക്കേഷനുകൾ.
ടൈപ്പ്ഫേസ് അനാട്ടമി: ഓരോ ടൈപ്പ്ഫേസ് മറ്റ് ടൈപ്പ്ഫേസുകളിൽ നിന്നും വേർതിരിച്ച വ്യത്യസ്ത മൂലകങ്ങളാൽ നിർമ്മിക്കപ്പെട്ടിരിക്കുന്നു. നിങ്ങൾ പ്രത്യേകം ടൈപ്പ് ഡിസൈൻ പോയി ബ്രാൻഡ് ഫോണ്ടുകൾ സൃഷ്ടിക്കാൻ നോക്കിയ പക്ഷം, വെബ് ഡിസൈനർമാർ സാധാരണയായി ടൈപ്പ്ഫസ് അനാട്ടമി ഒരു പ്രത്യേകതകൾ അറിയേണ്ടതില്ല. ടൈപ്പ്ഫെയ്സുകൾ, അക്ഷരരൂപങ്ങൾ എന്നിവയെക്കുറിച്ചറിയാൻ നിങ്ങൾക്ക് കൂടുതൽ താല്പര്യമുണ്ടെങ്കിൽ, അത്തരം ഒരു മികച്ച ലേഖനം നെയിംസ്.സ്ക്ലോൺ പബ്ലിഷിംഗ് സൈറ്റിലെ ടൈപ്പ്ഫെയ്സ് അനാട്ടമിയിലാണ് .
ഒരു അടിസ്ഥാന തലത്തിൽ, നിങ്ങൾ ടൈപ്പ്ഫേസ് അനാട്ടമിയിലെ ഏതൊക്കെയാണ്:
- Cap ഉം x-height ഉം: ടൈപ്പ്ഫെയ്സിലെ മൂലകങ്ങളുടെ ഉയരം, അക്ഷരം x ന്റെ ഉയരം. ഏറ്റവും വലിയ അക്ഷരങ്ങൾ എത്ര വലുതാണെന്ന്, അതുപോലെ എത്ര വലിയ അക്ഷരങ്ങളും എത്ര വലുതാണെന്ന് അതു കാണിച്ചുതരുന്നു. ഈ രണ്ട് സ്വഭാവങ്ങളെയും അടിസ്ഥാനമാക്കിയാണ് ഫോണ്ടുകൾ വലുപ്പത്തിലുള്ളത്.
- Decenders and ascenders: ഈ വരികൾ താഴെ എക്സ്-ഉയരം വരിയിൽ താഴെ അക്ഷരങ്ങൾ ഭാഗങ്ങളാണ്. ഇത് സാധാരണയായി ചെറിയ അക്ഷരങ്ങൾ സൂചിപ്പിക്കുന്നു. ഉദാഹരണത്തിന്, "b" എന്ന അക്ഷരത്തിൽ ഒരു അസെൻറർ ഉണ്ട്. (കത്തിൽ നിന്ന് "കയറുന്ന" കഷണം), "p" എന്ന അക്ഷരത്തിന് ഒരു വാര്ത്തയുണ്ട് (അക്ഷരത്തിൽ നിന്ന് "താഴേക്ക് തള്ളുന്ന ഭാഗങ്ങൾ").
അക്ഷരങ്ങൾ ചുറ്റും വിഭജനം
ടൈപ്പോഗ്രാഫിക്ക് തകരാറുണ്ടാക്കുന്ന അക്ഷരങ്ങളും അക്ഷരങ്ങളും തമ്മിൽ ചേർക്കുവാൻ കഴിയുന്ന നിരവധി തിരുത്തലുകൾ ഉണ്ട്. ഈ സ്വഭാവസവിശേഷതകൾക്കൊപ്പം ഡിജിറ്റൽ ഫോണ്ടുകൾ സൃഷ്ടിക്കപ്പെട്ടിട്ടുണ്ട്, കൂടാതെ ഫോണ്ടുകളുടെ ഈ വശങ്ങൾ മാറ്റുന്നതിന് ഞങ്ങൾ പരിമിതമായ കഴിവുകൾ ഉള്ള വെബ്സൈറ്റുകളിൽ ഉണ്ട്. സാധാരണയായി ഫോണ്ടുകൾ പ്രദർശിപ്പിക്കുന്ന സ്വതവേയുള്ള വഴി ഇതു് നല്ലതാണു്.
- kerning - വ്യക്തിഗത അക്ഷരങ്ങൾ തമ്മിലുള്ള തിരശ്ചീന സ്ഥലം
- ട്രാക്കിംഗ് - അക്ഷരങ്ങളുടെ ഗ്രൂപ്പുകളുടെ ഇടയിലുള്ള സ്പേസ്
- തരം വരികൾക്കിടയിലുള്ള മുൻനിര ലംബ സ്പെയ്സ് (ഇത് വെബ്സൈറ്റ പദങ്ങളിൽ ലൈൻ-ഉയരം എന്ന് അറിയപ്പെടുന്നു)
- അളവ് - വാചക വരികളുടെ നീളം
- വിന്യാസം - ദൃശ്യപരമായി ടെക്സ്റ്റ് ഇടത്, വലത്, കേന്ദ്രീകരിച്ചു, അല്ലെങ്കിൽ നീതീകരിച്ചു
- ലിഗേറ്റ്സ് - അക്ഷരങ്ങൾ ഒന്നിച്ചുചേർത്തതിനാൽ അവയുടെ ശരീരഘടന കൂട്ടിച്ചേർത്തു, പ്രത്യേകിച്ച് ഒരു കത്ത് മറ്റൊന്നിലേക്ക് ഒഴുകുന്നു
കൂടുതൽ ടൈപ്പോഗ്രാഫി എലമെന്റ്സ്
ടൈപ്പോഗ്രാഫി ഉപയോഗിക്കുന്നത് വെറും ടൈപ്പ്ഫെയ്സുകളേക്കാളും അവരുടെ ചുറ്റുമുള്ള സ്ഥലങ്ങളേക്കാളും കൂടുതൽ. ഏതെങ്കിലും ഡിസൈൻ ഒരു നല്ല ടൈപ്പോഗ്രാഫിക് സിസ്റ്റം സൃഷ്ടിക്കുമ്പോൾ നിങ്ങൾ മനസ്സിൽ സൂക്ഷിക്കേണ്ട ചില കാര്യങ്ങൾ ഉണ്ട്:
ഹൈഫനേഷൻ: ഹൈഫനേഷൻ എന്നത് വായനയുടെ പ്രശ്നങ്ങൾ തടയാനോ അല്ലെങ്കിൽ നീതീകരണം ഉറപ്പാക്കുന്നതിനോ സഹായിക്കുന്നതിനായി ലൈനുകളുടെ അവസാനം ഒരു ഹൈഫൻ (-) ചേർക്കാറുണ്ട്. അച്ചടിച്ച പ്രമാണങ്ങളിൽ സാധാരണ കണ്ടുവരുന്നു, മിക്ക വെബ് ഡിസൈനർമാരെയും ഹൈഫനേഷൻ അവഗണിക്കുകയും, അവ തങ്ങളുടെ പ്രവർത്തനത്തിൽ ഉപയോഗിക്കാതിരിക്കുകയും ചെയ്യുന്നു, കാരണം വെബ് ബ്രൌസറുകളാൽ ഇത് നന്നായി കൈകാര്യം ചെയ്യുന്ന ഒന്നല്ല.
രാഗ്: ഒരു ബ്ലോക്കിലെ അസമമായ ലംബമായ വക്ക് അഴുക്ക് എന്ന് വിളിക്കുന്നു. ടൈപോഗ്രാഫിയിൽ ശ്രദ്ധ ചെലുത്തുമ്പോൾ, നിങ്ങളുടെ വാചക ബ്ലോക്കുകളിൽ ഡിസൈനറിനെ ബാധിക്കുന്നതല്ലെന്ന് ഉറപ്പാക്കാൻ നിങ്ങളുടെ ടെക്സ്റ്റ് ബ്ളോക്കുകൾ നിങ്ങൾ പരിശോധിക്കണം. റാഗ് വളരെ കരിനിഴൽ അല്ലെങ്കിൽ അസമത്വമാണെങ്കിൽ, അത് ടെക്സ്റ്റ് ബ്ളോക്കിലെ വായനാക്ഷമതയെ ബാധിക്കുകയും അതിനെ ശ്രദ്ധയാകർക്കുകയും ചെയ്യും. ലൈനിൽ നിന്ന് ലൈൻ വരയ്ക്കുന്നതെങ്ങനെയെന്നത് കൊണ്ട് ബ്രൌസർ സ്വപ്രേരിതമായി കൈകാര്യം ചെയ്യുന്ന ഒന്നാണ് ഇത്.
വിധവകളും അനാഥയും: ഒരു നിരയുടെ അവസാനത്തിൽ ഒരു വാക്ക് വിധവയാണ്, ഒരു പുതിയ നിരയുടെ മുകളിലാണെങ്കിൽ അത് ഒരു അനാഥയാണ്. വിധവകളും അനാഥരും മോശമായി നോക്കി, വായിക്കാൻ ബുദ്ധിമുട്ടാണ്.
നിങ്ങളുടെ വെബ് ബ്രൌസറിൽ പൂർണമായി പ്രദർശിപ്പിക്കാൻ വാചക വരികൾ നേടുന്നത് ഒരു സങ്കീർണ്ണമായ അഭിപ്രായമാണ്, പ്രത്യേകിച്ച് നിങ്ങൾക്ക് പ്രതികരിക്കുന്ന വെബ്സൈറ്റിനും വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങൾക്ക് വ്യത്യസ്ത പ്രദർശനങ്ങൾക്കും ഉള്ളപ്പോൾ. മികച്ച കാഴ്ച സൃഷ്ടിക്കാൻ നിങ്ങളുടെ സൈറ്റിനെ വിവിധ വലുപ്പങ്ങളിൽ അവലോകനം ചെയ്യുക ചില സന്ദർഭങ്ങളിൽ നിങ്ങളുടെ ഉള്ളടക്കം വിൻഡോസും അനാഥയും അല്ലെങ്കിൽ മറ്റ് ആകർഷണീയമായ മറ്റ് ഡിസ്പ്ലേകളും ഉണ്ടായിരിക്കുമെന്നത് സ്വീകരിക്കുന്നതിന് സാധ്യതയുണ്ട്. ഒരു തരത്തിലുള്ള രൂപകൽപ്പനയുടെ ഈ വശങ്ങൾ കുറയ്ക്കുന്നതിന് നിങ്ങളുടെ ലക്ഷ്യം വേണം, എല്ലാ സ്ക്രീൻ വലുപ്പത്തിലും ഡിസ്പ്ലേയിലും നിങ്ങൾക്ക് പൂർണത കൈവരിക്കാൻ കഴിയാത്തതും യഥാർത്ഥത്തിൽ തന്നെ.
നിങ്ങളുടെ ടൈപ്പിഗ്രഫി പരിശോധിക്കുന്നതിനുള്ള നടപടിക്രമങ്ങൾ
- ടൈപ്പ്ഫെയ്സുകൾ ശ്രദ്ധാപൂർവ്വം തിരഞ്ഞെടുക്കുക, തരം അനാട്ടമി നോക്കുന്നതും അതുപോലെ ഏതു തരത്തിലുള്ള തരത്തിലുള്ളതും ആണ്.
- നിങ്ങൾ പ്ലെയ്സ്ഹോൾഡർ ടെക്സ്റ്റ് ഉപയോഗിച്ച് ഡിസൈൻ നിർമ്മിക്കുകയാണെങ്കിൽ, ഡിസൈനിൽ യഥാർത്ഥ ടെക്സ്റ്റ് കാണുന്നത് വരെ അന്തിമ രൂപകൽപ്പന അംഗീകരിക്കുന്നതല്ല.
- ടൈപോഗ്രാഫിയുടെ ചെറിയ വിശദാംശങ്ങളോട് ശ്രദ്ധിക്കുക.
- ടെക്സ്റ്റിന്റെ ഓരോ ബ്ലോക്കിലും അതിലെ വാക്കുകൾ ഒന്നുമില്ലെങ്കിലും നോക്കുക. പേജിൽ വാചകങ്ങൾ എന്തെല്ലാം രൂപങ്ങളാണ് നൽകുന്നത്? ആ ഫോർമാറ്റുകൾ മുന്നോട്ടുവെയ്ക്കണമെന്നത് ഉറപ്പാക്കുക.
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റുചെയ്തത് ജെറമി ഗിർാർഡ് 7/5/17 ന്