Design

Typography

အားလုံးပဲ မဂၤလာပါရွင့္။

ညီမကေတာ့ Spiceworks Myanmar Company မွာ  Web Designer အေနနဲ႔ ဝင္ေရာက္ အလုပ္လုပ္ကိုင္ေနတဲ့ မဇင္ႏုေထြး ျဖစ္ပါတယ္ရွင့္။
ဒီတစ္ပတ္မွာေတာ့ “Typography” ဆိုတဲ့ ေခါင္းစဥ္နဲ႔ ပတ္သက္တဲ့ အေၾကာင္းအရာေတြကို ညီမ သိရွိသေလာက္၊ ေလ့လာမိသေလာက္ေလးေတြကို မွ်ေဝေပးသြားပါမယ္။

ညီမတို႔ရဲ႕ ယေန႔ေခတ္ ပတ္ဝန္းက်င္မွာ ေန႔စဥ္ ေတြ႕ျမင္ေနရတဲ့ internet စာမ်က္ႏွာေတြမွာ ျဖစ္ေစ၊ စာအုပ္ေတြမွာ ျဖစ္ေစ ေရးသားေဖာ္ျပထားတဲ့ စကားလုံး၊ စာေၾကာင္းေတြကို သတိထားမိၾကမွာပါ။ ဖတ္ရႈမိၾကမွာပါ။ ပုံစံနဲ႔ အေၾကာင္းအရာေတြေတာ့ အမ်ိဳးမ်ိဳး ရွိေနၾကပါလိမ့္မယ္။
Web page ေတြကို အသုံးျပဳသူေတြ၊ ၾကည့္ရႈၾကသူေတြ ပိုမိုတိုးပြားလာသည္ႏွင့္အမွ် design ဖန္တီးရာမွာလည္း စကားလုံး၊ စကားစု၊ စာေၾကာင္းေတြကို user ေတြ နားလည္လြယ္ေစရန္၊ ဖတ္ရႈရလြယ္ကူေစရန္၊ စိတ္ဝင္စားမႈရွိေစရန္ အစရွိတာေတြကို အေလးထား ဖန္တီးေပးဖို႔လည္း လိုအပ္လာပါတယ္။ ဒါ့ေၾကာင့္ web designer ေတြအေနနဲ႔ user ေတြဆီ ေဖာ္ျပခ်င္တဲ့ အေၾကာင္းအရာေတြကို ျမင္ေနက် စာသားပုံစံေတြနဲ႔ပဲ မဟုတ္ဘဲ typography ေကာင္းမြန္စြာနဲ႔ ဖန္တီးေပးရပါတယ္။ ယေန႔ေခတ္ေနာက္ပိုင္းမွာလည္း web page ေတြမွာဆိုရင္ စာသားေတြကို အသုံးျပဳကာ လွပၿပီး smart က်တဲ့ design ေတြကို ေတာ္ေတာ္မ်ားမ်ား ဖန္တီးထားၾကတာကို ေတြ႕ရပါတယ္။

1. Typography ဆိုတာ ဘာလဲ။
Typography ဆိုတာ စကားလုံးေတြ၊ စကားစုေတြကို user ေတြရဲ႕ အျမင္အာ႐ုံမွာ ရွင္းရွင္းလင္းလင္းနဲ႔ နားလည္မႈလြယ္ကူေစၿပီး ဆြဲေဆာင္မႈရွိေအာင္၊ လွပေအာင္ စီစဥ္ဖန္တီးထားတဲ့ ဖန္တီးမႈတစ္ခုပဲ ျဖစ္ပါတယ္။ ထိုအရာေတြမွာ တခ်ိဳ႕ေသာ စိတ္ခံစားမႈေတြကို အေျခခံၿပီး user ေတြကို ရည္႐ြယ္၍ ေဖာ္ျပခ်င္တဲ့ အေၾကာင္းအရာေတြကို font-style နဲ႔ အသြင္အျပင္ပုံစံ ေပါင္းစပ္ၿပီး ဖန္တီးျခင္းက ပိုၿပီး အသက္ဝင္ေစပါတယ္။

2. Typography က ဘာေၾကာင့္ အေရးပါတာလဲ။
လွပေသာ font ေတြကို ေ႐ြးခ်ယ္အသုံးျပဳလိုက္႐ုံထက္ မ်ားစြာ တြင္က်ယ္ၿပီး user interface design အတြက္ အေရးႀကီးတဲ့ အစိတ္အပိုင္းလည္း ျဖစ္ပါတယ္။ Typography ေကာင္းစြာ ဖန္တီးထားလိုက္မယ္ဆိုရင္ user ေတြအေနနဲ႔ web page တစ္ခုလုံးကို ၾကည့္လိုက္ပါက ဟန္ခ်က္ညီညီနဲ႔ ၾကည့္ရႈရလည္း အဆင္ေျပေနပါလိမ့္မယ္။
ၿပီးေတာ့ ရွင္းလင္းေသသပ္မႈရွိ‌ၿပီး စိတ္ဝင္စားမႈလည္း ပိုမိုရွိလာေစပါမယ္။ ဒါ့ေၾကာင့္ ေဖာ္ေျပခ်င္တဲ့ အေၾကာင္းအရာကို သိရွိနားလည္ေစဖို႔ user အေနနဲ႔ အသုံးျပဳခ်င္လာေစရန္ typography ေကာင္းေကာင္းနဲ႔ ေဖာ္ျပေပးဖို႔ လိုအပ္ပါတယ္။
Typography ေကာင္းမြန္ျခင္းက ကိုယ္ပိုင္ brand တစ္ခုအေနနဲ႔လည္း ထူးထူးျခားျခား ျဖစ္ေစႏိုင္ပါတယ္။ အမ်ားအားျဖင့္ logo ေတြကို ကိုယ္ပိုင္ brand နာမည္နဲ႔ ေသခ်ာေလး ေ႐ြးခ်ယ္ၿပီး မတူညီရေအာင္ ဖန္တီးၿပီး အသုံးျပဳတတ္ၾကပါတယ္။ ကိုယ္ပိုင္အေနနဲ႔ ျဖစ္တဲ့အတြက္လည္း user ေတြဆီကေန ယုံၾကည္မႈေတြ ပိုမိုရရွိေစမွာ ျဖစ္ပါတယ္။
User ေတြအေနနဲ႔က ေဖာ္ျပထားေသာ ပုံႏွင့္အေၾကာင္းအရာေတြကို အရင္ေတြ႕ျမင္ၿပီး ေ႐ြးခ်ယ္ၾကရတာ ျဖစ္တဲ့အတြက္ ျမင္လိုက္တဲ့ တစ္ခဏအတြင္းမွာ user ေတြရဲ႕ အျမင္မွာ စြဲသြားေစမယ့္ ဖန္တီးထားမႈက ေ႐ြးခ်ယ္ဖို႔ ဆုံးျဖတ္ခ်က္ကို အကူအညီေပးတဲ့ အခ်က္လည္း ျဖစ္ပါတယ္။

3. The different elements of typography

Typefaces and fonts
အသုံးျပဳမယ့္ font အမ်ိဳးအစားနဲ႔ font weight ေတြကို ေသခ်ာ ေ႐ြးခ်ယ္အသုံးျပဳရပါမယ္။

 

Contrast
ေဖာ္ျပခ်င္တဲ့ အေၾကာင္းအရာေတြကို အေၾကာင္းအရင္း၊ ေနရာေပၚလိုက္ၿပီး color နဲ႔ style ကို ေ႐ြးခ်ယ္အသုံးျပဳသင့္ပါတယ္။

 

Consistency
Section တစ္ခုနဲ႔တစ္ခု (သို႔) page တစ္ခုခ်င္းဆီတိုင္းမွာ အေရွ႕အေနာက္ ဆက္စပ္ကိုက္ညီမႈ ရွိဖို႔လည္း လိုအပ္ပါတယ္။ Layout နဲ႔ header, subheader ေတြကိုလည္း အစီစဥ္တက် ေ႐ြးခ်ယ္ အသုံးျပဳသင့္ပါတယ္။

White space
Letter spacing နဲ႔ line height ကို user အေနနဲ႔ ၾကည့္ရလြယ္ေအာင္ ေသခ်ာ ခ်ိန္ညႇိထားေပးရပါမယ္။

 

Alignment
စာသား၊ စာပိုဒ္ေတြရဲ႕ align ေတြကို ညီညီညာညာေလး ျဖစ္ေအာင္၊ section အကြာအေဝး padding, margin ေတြကိုလည္း အခ်ိဳးအစားညီမွ်စြာ အသုံးျပဳသင့္ပါတယ္။

Color
အေရာင္ကေတာ့ design အားလုံးအတြက္ အေရးအႀကီးဆုံးပဲ ျဖစ္ပါတယ္။ Font ရဲ႕ အေရာင္ကို page တစ္ခုမွာ အေရာင္ အမ်ားႀကီးသုံးတာထက္ လိုက္ဖက္တဲ့ အေရာင္ ၂ေရာင္၊ ၃ေရာင္ ေ႐ြးခ်ယ္ၿပီး အသုံးျပဳတာက ပိုသိသာေစၿပီး user ေတြအေနနဲ႔လည္း မွတ္မိလြယ္ေစပါတယ္။

အထက္မွာေဖာ္ျပေပးထားခဲ့တဲ့ အေၾကာင္းအရာေတြက ပုံမွန္အားျဖင့္ အသုံးျပဳေနၾကတယ္ဆိုေပမယ့္ တစ္ခါတေလမွာ သတိမထားမိဘဲ ျဖစ္တတ္ပါတယ္။ မသိသာတဲ့ အခ်က္ေတြလို႔ ထင္ရေပမယ့္ ေသခ်ာစနစ္တက်နဲ႔ ဂ႐ုတစိုက္ အသုံးျပဳ ဖန္တီးမယ္ဆိုရင္ ပိုၿပီး ေကာင္းမြန္တဲ့ page, design တစ္ခုအေနနဲ႔ ရရွိလာမွာ ျဖစ္ပါတယ္။
အခ်ိန္ေပးၿပီး ဖတ္ရႈေပးတဲ့အတြက္ ေက်းဇူးတင္ပါတယ္။

Hello

Leave a Reply

Your email address will not be published. Required fields are marked *