Design

Introduction to Flat Design

အားလုံးပဲ မဂၤလာပါ ခင္ဗ်။
ကြၽန္ေတာ္က‌ေတာ့ Spiceworks Myanmar မွာ Front End Developer အျဖစ္ဝင္ေရာက္လုပ္ကိုင္ေနတဲ့ ေမာင္ေဝလ်ံျပည့္ ျဖစ္ပါတယ္ခင္ဗ်။ ကြၽန္ေတာ္အခု Flat Design ႏွင့္ ပတ္သက္ၿပီး သိသင့္တာေလးေတြကို ဒီBlog ေလးမွာ ဗဟုသုတရေအာင္ မွ်ေဝေပးခ်င္ပါတယ္ဗ်။ Flat Design ဆိုတာဘာလဲ လို႔ေမးရင္ အေျဖေလးကေတာ့ ႐ိုးရွင္းပါတယ္ဗ်။ Flat Design ဆိုတာကေတာ့ 2D ပုံစံမ်ိဳးကို 3D ပုံစံကဲ့သို႔ ထင္ရေအာင္ ေရးဆြဲထားတဲ့ အခ်က္အလက္စုံလင္ၿပီး ဆြဲေဆာင္မႈရွိတဲ့ ဒီဇိုင္းပုံစံကိုဆိုလိုခ်င္တာပါ ခင္ဗ်။ Flat Design ကိုအသုံးျပဳရတဲ့ အေၾကာင္းအရင္းကေတာ့ Flat Design က ေရးဆြဲဖန္တီးရတာ လြယ္ကူတဲ့ အတြက္ေၾကာင့္ ျဖစ္ၿပီး သူကအသုံးျပဳသူရဲ႕ ခံစားခ်က္ကို ဖမ္းစားႏိုင္တဲ့အခ်က္ႏွင့္ အသုံးျပဳသူ နဲ႔ ဒီဇိုင္းပုံစံ ေတြၾကားမွာ အံ့ဩဖြယ္ ေကာင္းတဲ့ ဆက္သြယ္မႈ ေတြေၾကာင့္ ျဖစ္ပါတယ္ခင္ဗ်။

Flat Design ကို မ်ားေသာအားျဖင့္ အသုံးျပဳသူႏွင့္ ဒီဇိုင္းပုံစံၾကားမွာ မျဖစ္မေနနားလည္မႈ ေကာင္းေကာင္းရွိရမယ့္ အေျခအေနေတြမွာ ပိုမိုအသုံးျပဳ ေလ့ရွိတယ္ဗ်။ ဥပမာအားျဖင့္ ကြၽန္ေတာ္တို႔က ပစၥည္းတခုခုရဲ႕ အသုံးျပဳပုံလမ္းၫႊန္ကို ဒီဇိုင္းေရးဆြဲတဲ့အခ်ိန္မ်ိဳးမွာ အသုံးျပဳသူကို အဲ့ဒီပစၥည္းကို ဘယ္လိုသုံးရမလဲဆိုတဲ့ အသိပညာကို ေပးႏိုင္ဖို႔က အေရးအႀကီးဆုံးအခ်က္ ျဖစ္ၿပီး နားလည္လြယ္တဲ့ ဒီဇိုင္းပုံစံ ျဖစ္ဖို႔လိုအပ္ပါတယ္ဗ်။
အဲ့ဒီလို အေျခအေနမ်ိဳးမွာဆိုရင္ Flat Design ဟာ အေကာင္းဆုံး ႏွင့္ အထိေရာက္ဆုံး ဒီဇိုင္းပုံစံ ျဖစ္ပါတယ္ဗ်။ ဘာေၾကာင့္လဲဆိုေတာ့ အသုံးျပဳသူ သို႔မဟုတ္ ၾကည့္ရႈသူကို လြယ္လြယ္နဲ႔နားလည္ေအာင္ Flat Design က ထိထိမိမိ ပုံေဖာ္ေပးႏိုင္ၿပီး မွတ္ရလြယ္ကူ ေစတဲ့အတြက္ ေၾကာင့္ ျဖစ္ပါတယ္ ခင္ဗ်။

ေနာက္ထပ္ဥပမာ တစ္ခုကေတာ့ ကြၽန္ေတာ္တို႔ Logo ဒီဇိုင္းဆြဲတဲ့အခါမွာ တခ်ိဳ႕ Logo ေတြက ကိုယ္ဆြဲရမယ့္ Logo ၏ဆိုလိုရင္းအဓိပၸါယ္ ႏွင့္ Logo ကိုသုံးမည့္ ေနရာ သို႔မဟုတ္ လုပ္ငန္းလုပ္သည့္ အလုပ္တို႔က ကြဲလြဲမႈေတြရွိတဲ့အခါ မ်ိဳးမွာလည္း Flat Design ကို သုံးတာဟာ အေကာင္းဆုံး ျဖစ္ပါတယ္ခင္ဗ်။ ဘာေၾကာင့္လဲဆိုေတာ့ Flat Design က ႐ိုးရွင္းသပ္ရပ္ၿပီး ၾကည့္ရတဲ့သူကို ေပးခ်င္တဲ့အေၾကာင္းအရာကို အခ်ိန္တိုတိုအတြင္းမွာ အလြယ္ကူဆုံးနဲအလ်င္ျမန္ဆုံး ထိထိေရာက္ေရာက္ေပးစြမ္းႏိုင္ ေသာေၾကာင့္ပဲျဖစ္ပါတယ္ ခင္ဗ်။
Flat Design က ၾကည့္ရတာရွင္းတယ္ဆိုေပမယ့္ သူ႔ကိုမသုံးရမယ့္ အေျခအေနေတြလည္း ရွိပါတယ္ ခင္ဗ်။
Flat Design ကို ကြၽန္ေတာ္တို႔က တကယ့္လက္ေတြ႕ဆန္တဲ့ ပစၥည္းေတြကို ထုတ္လုပ္ ေရာင္းခ်တဲ့အခါမွာ ကိုယ္ရဲ႕ထုတ္ကုန္ပစၥည္းက အသုံးျပဳသူကို အေသးစိတ္ ရွင္းျပေဖာ္ေဆာင္ႏိုင္မွ ျဖစ္မယ့္အခ်ိန္မ်ိဳးေတြမွာ သုံးလို႔ အဆင္မေျပႏိုင္ဘူးဗ်။ ဘာေၾကာင့္လဲဆိုေတာ့ ကြၽန္ေတာ္တို႔ စာအုပ္တစ္အုပ္ ရဲ႕မ်က္ႏွာျပင္ အဖုံးကို Flat Design အေနနဲ႔ ဆြဲလိုက္မယ္ဆိုရင္ အဲ့ဒီစာအုပ္ရဲ႕ အေၾကာင္းအရာကို ဖတ္ရႈမယ့္သူက မ်က္ႏွာဖုံးကို ၾကည့္ၿပီး သူရဲ႕ဖတ္ရႈလိုတဲ့စိတ္ကို ဆြဲေဆာင္မႈေလ်ာ့နည္းသြားေသာဘက္သို႔ ေဖာ္ေဆာင္သြားႏိုင္တဲ့အတြက္ေၾကာင့္ျဖစ္ပါတယ္ခင္ဗ်။
ေနာက္ထပ္ ကြၽန္ေတာ္မွ်ေဝ ေပးခ်င္တာကေတာ့ Flat Design ကို ဘယ္လိုဒီဇိုင္းပုံစံေတြနဲ႔ မွန္ကန္လွပတဲ့ Flat Design တစ္ခုကို ရရွိေအာင္လုပ္ရမလဲဆို တာပဲျဖစ္ပါတယ္ခင္ဗ်။
ပထမဦးဆုံးအေနနဲ႔ Flat Design ကိုစဆြဲမယ္ဆို ေရွာင္ရမယ့္အခ်က္ကေတာ့ Gradient, Glow, Blur, Drop Shadow ေတြကို အသုံးမျပဳဖို႔ပါပဲ ခင္ဗ်။ အကယ္၍ အဲ့ဒါေတြကို အသုံးျပဳခဲ့မယ္ဆိုရင္ Flat Design ရဲ႕ အႏွစ္သာရ ႏွင့္ သူ႔ရဲ႕လွပတဲ့ေဖာ္ေဆာင္ခ်က္ေတြကို အေႏွာင့္အယွက္ေပးႏိုင္လို႔ပါ ခင္ဗ်။
ဒုတိယအခ်က္အေနနဲ႔ ေျပာျပေပးမွာကေတာ့ အသုံးျပဳရမယ့္အေရာင္ေတြအေၾကာင္းပါဗ်။ အေရာင္လို႔ေျပာလိုက္တာနဲ႔ လူေတာ္ေတာ္မ်ားမ်ားက အရမ္းႀကီးစဥ္းစားၿပီး ဒီဇိုင္းနဲ႔ပတ္သက္ၿပီး အေတြးေတြရႈပ္ေထြးေနတတ္ပါတယ္ဗ်။ Flat Design မွာဆိုရင္ ကိုယ္အသုံးျပဳမည့္အေရာင္က အရမ္းကိုအေရးႀကီးပါတယ္ဗ်။ ၿပီးေတာ့ သုံးတဲ့အေရာင္ကလည္း တိက်တဲ့အေရာင္ျဖစ္ရမယ္ဗ်။ တိက်တဲ့အေရာင္ဆိုတာက အေရာင္ေတြ သုံး၊ ေလး ေရာင္ ေပါင္းထားတဲ့ အေရာင္ကိုမသုံးဘဲ အျဖဴကိုအေျခခံအေနနဲ႔ေရာေႏွာၿပီး အေရာင္ေဖ်ာ့တဲ့ဖက္ကိုသြားတဲ့ အေရာင္မ်ိဳးကို ဆိုလိုျခင္းျဖစ္ပါတယ္ခင္ဗ်။ ဥပမာ ပုံေလးေတြကို ေအာက္ပါပုံတြင္ၾကည့္ရႈႏိုင္ပါတယ္ခင္ဗ်။

တတိယအခ်က္အေနနဲ႔ ကေတာ့ Long Shadow ႏွင့္ Cut Shadow လို႔ေခၚတဲ့ အရိပ္က်တဲ့ပုံစံကို ပုံမွန္ထက္ပိုၿပီး အရိပ္ကိုဆြဲဆန္႔ထားတဲ့ပုံကို ဆိုလိုခ်င္တာပါဗ်။ Long Shadow ႏွင့္ Cut Shadow ကို သုံးလိုက္ျခင္းအားျဖင့္ 2D ကို အေျခခံတဲ့ 3D ပုံစံကဲ့သို႔ေသာ ဒီဇိုင္းပုံစံကိုရရွိမွာျဖစ္ၿပီး ကိုယ္ဆြဲထားတဲ့ ဒီဇိုင္းကိုပိုမို ေပၚလြင္ေစမွာျဖစ္ပါတယ္ခင္ဗ်။
ေနာက္တစ္ခ်က္အေနနဲ႔ကေတာ့ အသုံးျပဳမယ့္ font ပုံစံကလည္း Flat Design မွာ အေရးပါတဲ့ အခ်က္ တစ္ခုျဖစ္တယ္ဗ်။ Flat Design တစ္ခုကို ဆြဲတဲ့အခါကိုယ္ဆြဲမယ့္ဒီဇိုင္းမွာ အသုံးျပဳမယ့္ font ဟာမွန္ကန္တဲ့ ေ႐ြးခ်ယ္မႈျဖစ္ဖို႔ လိုအပ္ပါတယ္ဗ်။ အဲ့လိုအသုံးျပဳမွသာလွ်င္ ေသသပ္လွပဆြဲေဆာင္မႈရွိတဲ့ Flat Design တစ္ခုကို ဖန္တီးပုံေဖာ္ႏိုင္မွာျဖစ္ပါတယ္ဗ်။

ေနာက္ဆုံးအခ်က္အေနနဲ႔ ကြၽန္ေတာ္ ေျပာျပေပးခ်င္တာကေတာ့ Flat Design ကို ဆြဲတဲ့အခါမွာ ကိုယ့္ရဲ႕ဒီဇိုင္းပုံစံက ရွင္းလင္းၿပီး ေပၚလြင္ေစမည့္ အေရာင္၊ font ပုံစံ၊ အသုံးျပဳသူ သို႔မဟုတ္ ၾကည့္ရႈသူ ႏွင့္ ဆက္သြယ္ရလြယ္ကူၿပီး လုပ္ေဆာင္ခ်က္တစ္ခုရဲ႕ ဆိုလိုရင္းကို အခ်ိန္တိုအတြင္း ေဖာ္ေဆာင္ႏိုင္မည့္ ပုံစံအေတြးအေခၚေတြနဲ႔ ဖန္တီးေရးဆြဲသင့္ပါတယ္ဗ်။


အားလုံးကိုေက်းဇူးအမ်ားႀကီးတင္ပါတယ္ခင္ဗ်။ အခုဒီ Blog ေလးကိုဖတ္ၿပီး Flat Design ရဲ႕ဆိုလိုရင္းနဲ႔ ဘယ္လိုအခ်က္ေတြကိုထည့္သြင္းၿပီး Flat Design ေကာင္းတစ္ခုကို ဖန္တီးႏိုင္ဖို႔ အေထာက္အကူျပဳမယ္လို႔ ေမွ်ာ္လင့္ရင္း ႏႈတ္ဆက္လိုက္ပါတယ္ခင္ဗ်။

Hello

Leave a Reply

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