Design

Basic Rules of Website Layout Design

မဂၤလာပါရွင့္။

ညီမကေတာ့ Spiceworks Myanmar Web Production Company တြင္ Web Designer အျဖစ္ ဝင္ေရာက္ အလုပ္လုပ္ကိုင္ေနတဲ့ မဇင္ႏုေထြး ျဖစ္ပါတယ္ရွင့္။
ဒီအပတ္မွာေတာ့ Website Layout Design ဖန္တီးရာမွာ အေရးပါတဲ့ အခ်က္ေလးေတြကို အနည္းငယ္ ေဝမွ်ေပးခ်င္ပါတယ္ရွင့္။
Web page ေတြ ဖန္တီးရာမွာ layout design က web designer ေတြအတြက္ ပထမဆုံးေသာ အေရးပါတဲ့ skill တစ္ခုျဖစ္ပါတယ္။
Website design ေတြက သူ႔ခုႏွစ္အလိုက္ trend အလိုက္ အၿမဲေျပာင္းလဲေနၾကေပမယ့္ designer တိုင္း လိုက္နာသင့္၊ သိသင့္တဲ့ အေျခခံအခ်က္ေလးေတြ ရွိပါတယ္။
ကိုယ့္ရဲ႕ skill level က ဘယ္လိုပဲရွိေနပါေစ၊ ဆန္းသစ္တီထြင္မႈေတြ ေျပာင္းလဲေနပါေစ ဒီအေျခခံက်ၿပီး အသုံးဝင္တဲ့ အခ်က္ေလးေတြကိုေတာ့ အေလးထားအသုံးျပဳၿပီး ဖန္တီးရန္ လိုအပ္ပါတယ္။
ဥပမာ- responsive page design တစ္ခုကို ဖန္တီးမယ္ဆိုၾကပါစို႔။
စၿပီးဖန္တီးေတာ့မယ္ဆိုရင္ ပထမဆုံးအေနနဲ႔ page ကိုဘယ္ေလာက္ width ယူၿပီး ဆြဲမည္ဆိုတာက အေျခခံအက်ဆုံးနဲ႔ အေရးပါဆုံးတစ္ခု ျဖစ္ပါတယ္။
Responsive page ျဖစ္တဲ့အတြက္ desktop view, tablet view နဲ႔ mobile view ၃ခုစလုံးကို ထည့္သြင္းစဥ္းစားၿပီး ဆြဲရန္လိုအပ္ပါတယ္။
Layout တစ္ခုကို width ဘယ္ေလာက္ယူၿပီး ဆြဲထားတယ္ဆိုတာက ပုံမွန္အတိုင္းၾကည့္လိုက္လွ်င္ မသိသာေပမယ့္ coding ေရးသူအေနနဲ႔ အဓိကက်ၿပီး အေရးပါတဲ့ အခ်က္ျဖစ္ပါတယ္။

Layout design ဖန္တီးရာမွာ သိသင့္တဲ့ အခ်က္ေလးေတြ မ်ားစြာရွိပါတယ္။ အဲ့ဒီထဲကမွ ပထမဆုံးအေနနဲ႔ အေျခခံက်ၿပီး အေရးပါတဲ့ အခ်က္ ၅ခ်က္ကို အနည္းငယ္ ေဝမွ်ေပးပါမယ္။

1. Page Layout Basics
Page Layout ဆိုတာ ညီမတို႔ ရည္ၫႊန္းေဖာ္ျပခ်င္တဲ့ အေၾကာင္းအရာမ်ား (သို႔မဟုတ္) website တစ္ခုကိုဝင္ေရာက္ၾကည့္ရႈတဲ့ user ေတြအသုံးျပဳရာမွာ အဆင္ေျပေစမယ့္ path (လမ္းေၾကာင္း) (navigation, menu) အစရွိတဲ့ element ေတြကို အစီစဥ္တက် ေနရာခ်ၿပီး ဖန္တီးထားျခင္း ျဖစ္ပါတယ္။
ေကာင္းမြန္တဲ့ layout design ရဲ႕ အဓိကရည္႐ြယ္ခ်က္ကေတာ့ ကိုယ္‌ေပးခ်င္တဲ့ information ကို ဆန္းသစ္တီထြင္မႈမ်ားနဲ႔ user ေတြရဲ႕ အျမင္ကို မရႈပ္ေထြးေစပဲ ရွင္းရွင္းလင္းလင္း အဆင္ေျပေျပ အသုံးျပဳႏိုင္ေစရန္ ျဖစ္ပါတယ္။

2. Set Your Target Audience
ကိုယ္က design ဖန္တီးတဲ့သူ တစ္ေယာက္ဆိုလွ်င္ ကိုယ္ဆြဲလိုက္တဲ့ design ကို အျခား user ေတြအေနနဲ႔ နားမလည္ဘူး၊ အသုံးျပဳရတာ အဆင္မေျပဘူးဆိုတာ မျဖစ္သင့္ပါ။
User ေတြက ညီမတို႔ ဖန္တီးလိုက္တဲ့ layout design အေပၚအဆုံးအျဖတ္ေပးႏိုင္ပါတယ္။ အသုံးျပဳသူရဲ႕ အေတြ႕အႀကဳံနဲ႔ အဲ့ဒီ layout design ကအသုံးျပဳရတာ အဆင္ေျပတယ္ဆိုရင္ ဖန္တီးထားတဲ့ layout က ဖန္တီးလိုက္ထားတဲ့ layout ကအဆင္ေျပတယ္လို႔ မွတ္ယူလို႔ ရႏိုင္ပါတယ္။
ဒါေၾကာင့္ design ဖန္တီးရာမွာ user ေတြဘက္ကေန ေတြးၿပီး ဆြဲေပးဖို႔လည္း လိုအပ္ပါတယ္။
ဘယ္လို user ေတြကို target ထားၿပီး ရည္႐ြယ္ေဖာ္ျပခ်င္လဲဆိုတာကို ေသခ်ာစြာ analyze လုပ္ၿပီး user ေတြရဲ႕ လိုအပ္ခ်က္ေပၚမူတည္ၿပီး ဖန္တီးသင့္ပါတယ္။

3. The Rule of Thirds
The Rule of Thirds ဆိုတဲ့ rule ေလးကိုေတာ့ web designer ေတြအေနနဲ႔ သိရန္လိုအပ္တာ မဟုတ္ပါဘူး။ Interior designer, painters ႏွင့္ photographers ေတြကလည္း အေလးထားသိသင့္တဲ့ အခ်က္ေလးျဖစ္ပါတယ္။ Design layout ကို balance ညီေအာင္ ညႇိရာမွာ သိထားသင့္တဲ့ အခ်က္ျဖစ္ပါတယ္။

4. Grids
Beginner ေတြအတြက္ေရာ experience ရွိၿပီးသား designer ေတြအတြက္မွာပါ design မစခင္ grid (rectangle သို႔မဟုတ္ shape) အေနနဲ႔ ပထမဆုံး layout ေနရာခ်ၿပီးမွ design ဖန္တီးသင့္ပါတယ္။
Grid ကို အသုံးျပဳၿပီး design ဖန္တီးျခင္းက page layout ကို လိုက္ေလ်ာညီေထြျဖစ္ေစၿပီး balance ညီညီနဲ႔ အစီအစဥ္တက်ျဖစ္ေနေစပါတယ္။

5. White Space
Layout design ဆိုတာ layout တစ္ခုလုံးကို content (သို႔မဟုတ္) image ေတြနဲ႔ပဲ ျပည့္ေနရမယ္လို႔ ဆိုလိုျခင္း မဟုတ္ပါ။ White space ေတြ text ေတြနဲ႔႔႔ design ဖန္တီးျခင္းကလည္း အေရးပါတဲ့ အခ်က္အျဖစ္ ပါဝင္ပါတယ္။
White space ေတြသုံးၿပီး ဖန္တီးထားတဲ့ design ကို ၾကည့္လိုက္တဲ့ အခ်ိန္အတြင္းမွာ user အေနနဲ႔ ရွင္းရွင္းလင္းလင္း အသုံးျပဳႏိုင္မွာျဖစ္ပါတယ္။

ဒါေၾကာင့္ layout design တစ္ခုဖန္တီးေတာ့မယ္ဆိုလွ်င္ အထက္တြင္‌ေဖာ္ျပေပးခဲ့တဲ့ အခ်က္ေလးေတြကို လိုက္နာၿပီး ဖန္တီးရန္ လိုအပ္ပါတယ္။
အခ်ိန္ေပးၿပီးဖတ္ရႈေပးခဲ့ၾကတဲ့အတြက္ ေက်းဇူးတင္ပါတယ္ရွင့္။

Hello

Leave a Reply

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