Web Design အလန္းစားျဖစ္ဖုိ႔ Gestalt Principles မိတ္ဆက္

Web Design အလန္းစားျဖစ္ဖုိ႔ Gestalt Principles မိတ္ဆက္ google

ဖက္စပ္ပါ၀င္ေသာအရာေတြ စနစ္တက် ခင္းက်င္းျပသတဲ့အခါ ေနရာအေနအထားေတြကုိ ကၽြန္ေတာ္တုိ႔ရဲ႕ မ်က္လုံးေတြက ဉာဏ္နဲ႔ယွဥ္ၿပီး ၾကည့္တယ္။

ျမင္တယ္။ အဲဒီအခါမွာ သတိ အမူမိဆုံးျဖစ္မိတဲ့ေနရာေတြ ရွိတယ္။ အဲဒီေနရာေတြကုိ ေပါ့စတစ္ positive နဲ႔ နဂၢတစ္ negative ဆုိၿပီး ႏွစ္မ်ဳိး ခြဲျခားသတ္မွတ္ထားတယ္။ ဆန္႔က်င္ဘက္က်တဲ့သဘာ၀ႏွစ္မ်ဳိး ဒြန္တြဲၿပီး လြန္ဆြဲေနၾကတယ္။ တကယ္လုိ႔  ေပါ့စတစ္က သူနဲ႔ ယွဥ္ေနတဲ့ နဂၢတစ္တုိ႔ ထပ္တူက်ၿပီး မွ်တေနရင္ သဟဇာတ ျဖစ္ေနတယ္လုိ႔ သတ္မွတ္တယ္။ အဆင္ေျပေခ်ာေမြ႕ေနတယ္။ ေျပာျပခ်င္တာကုိ ေျပာျပၿပီးသား ျဖစ္ေနတယ္။ ေကာင္းၿပီ။ ၀က္ဘ္ဒီဇုိင္းမွာ ျဖစ္ျဖစ္ တျခားပုံျပဒီဇုိင္းမွာ ျဖစ္ျဖစ္ အဲဒီလုိ ေျပာျပခ်င္တာကုိ ေျပာျပၿပီးသား ျဖစ္ေနတယ္ဆုိေတာ့ ဘယ္လုိ ဇာတ္ေၾကာင္းမ်ဳိးကုိ ေျပာျပေနတာလဲ။

လူမွာ ဦးေႏွာက္ပါတယ္။ ဦးေႏွာက္က ဉာဏ္နဲ႔ ယွဥ္ၿပီး အလုပ္လုပ္တယ္။ မ်က္လုံးေတြက ၾကည့္လုိက္တာကုိ အဓိပၸာယ္ ေဖာ္တယ္။ အဲဒီလုိ အဓိပၸာယ္ေဖာ္ႏုိင္ေစဖုိ႔ ေျပာျပတဲ့ ဇာတ္ေၾကာင္းမ်ဳိးကုိ ေျပာျပၿပီးသား ျဖစ္ေနေအာင္ ဒီဇုိင္းကုိ ဖန္တီးၾကတယ္။  ပုံပန္းသဏၭာန္ေတြ ေနရာလပ္ေတြ ဆက္ႏႊယ္ေရာေထြးၿပီး ၾကည့္႐ႈသူကုိ သူ႔မွာ ရွိထားတဲ့ အေတြ႕အႀကံဳေတြအရ အဓိပၸာယ္ ရွိသြားေအာင္ အကြက္ဆင္ေပးထားၾကတယ္။ ဦးေႏွာက္က ေနရာလပ္ေတြနဲ႔ ပုံပန္းသဏၭာန္ေတြကုိ သူ ျမင္ဖူးထားၿပီးသား သိထားၿပီးသား ပုံပန္းသဏၭာန္ေတြနဲ႔ တုိက္ဆုိင္ၾကည့္ၿပီး ဘာပုံလဲဆုိတာ အဓိပၸာယ္ေဖာ္တယ္။ မွတ္ဉာဏ္ထဲမွာ ရွိေနတာေတြနဲ႔ လုပ္ကုိင္သြားတာ အရမ္းျမန္ဆန္တယ္။ အဲဒီလုိ လုပ္ကုိင္ၿပီးသြားတဲ့အခါ ဘာပုံေတြလဲ ဘာလုပ္ရမွာလဲ စတာေတြကုိ အေျဖသိၿပီးသား ျဖစ္သြားတယ္။ အေျဖက မွားခ်င္မွားမယ္။ ဒါေပမဲ့ ေလာေလာဆယ္မွာေတာ့ သူသိတာ အမွန္လုိ႔ပဲ ခံယူထားတယ္။ အေျဖရလိုက္ဖုိ႔ကသာ အဓိကက်တယ္။

ဒီဇုိင္းထဲ ခင္းက်င္းျပသထားတာမွာ ေနရ/ာလပ္ေတြ ရွိတယ္။ ေပါ့စတစ္နဲ႔ နဂၢတစ္ ႏွစ္မ်ဳိးစလုံး ပါ၀င္တယ္။ အဲဒီ ေနရာလပ္ေတြက ဒီဇုိင္းမွာ ဖက္စက္ပါ၀င္ေသာအရာေတြကုိ စည္းလုံးညီၫြတ္သြားေအာင္ ေပါင္းစည္းေပးထားရင္ အဲဒီ ဒီဇုိင္းဟာ ဟန္က်တယ္။  သတိအျပဳမိလုိက္ဆုံး ေနရာလည္း ပါ၀င္ေနၿပီး အဲဒီဟာက ေပါ့စတစ္ ျဖစ္ခ်င္ျဖစ္မယ္။. နဂၢတစ္ ျဖစ္ခ်င္ျဖစ္မယ္။ ေကာင္းၿပီ။ ေပါ့စတစ္ ေနရာ ဆုိတာ ဘယ္လုိဟာလဲ။ နဂၢတစ္ေနရာ ဆုိတာ ဘယ္လုိဟာလဲ။

ေပါ့စတစ္ေနရာက ဒီဇုိင္းရဲ႕ အသား အျဖစ္ ပါ၀င္တယ္။ အဲဒီအပုိင္းမွာ ပုံသဏၭာန္ေတြ၊ အေရာင္ေတြ၊ အဆင္အကြက္ေတြ စတာေတြကုိ  ၾကည့္႐ႈသူက ျမင္တယ္။ ေတြ႕တယ္။ သတိျပဳမိတယ္။

နဂၢတစ္ေနရာက်ေတာ့ ေနာက္ခံကားခ်ပ္သဖြယ္ တည္ရွိေနတာ ျဖစ္ပါတယ္။

 

The popular artwork by Vincent Van Gogh features an interesting case of negative versus positive space


ဖြဲ႕တည္ထားတာ ညီၫြတ္မွ်တေနတယ္ဆုိရင္ ေပါ့စတစ္အပုိင္းေတြနဲ႔ နဂၢတစ္ေနရာေတြဟာ ဒီဇုိင္းထဲမွာ အတူတကြ လုပ္ကုိင္ေနၿပီး တစ္ဦးကုိ တစ္ဦးက ေဖးမယုိင္းပင္းေပးေနၾကတယ္။ ေျပျပစ္ေနတယ္။ တစ္ခုစီ ျဖစ္မေနဘဲ တစ္ခုတည္း ျဖစ္ေနတယ္။ လက္ရာေကာင္းတဲ့ အသုပ္တစ္ပြဲမွာ စပ္တာ စိမ့္တာ စတဲ့ အရသာေတြ ေပါင္းစည္းညီၫြတ္ၿပီး အသုပ္တစ္ပြဲ တစ္ခုတည္းအျဖစ္ ျဖစ္ေနသလုိမ်ဳိး ျဖစ္ေနတယ္။ အဲဒီလုိ မျဖစ္ဘူးဆုိရင္ေတာ့ ၀က္ဘ္ဒီဇုိင္းကုိ ၾကည့္တဲ့သူေတြအဖုိ႔ မသက္မသာ ျဖစ္ရမယ္။ ေျပာျပခ်င္တာကုိ ဘာေျပာေနမွန္း တိတိပပ သိမွာ မဟုတ္ဘူး။ တစ္၀က္တစ္ပ်က္ပဲ သိလိမ့္မယ္။ တလြဲေတြ သိကုန္တာမ်ဳိးအထိ ျဖစ္ကုန္တယ္။

 

ေနရာေတြက ဘယ္လုိ ဇာတ္ေၾကာင္းမ်ဳိးကုိ ေျပာျပေနတာလဲ။

 

၀က္ဘ္ဒီဇုိင္းတစ္ခု ေအာင္ျမင္တာ က်ဆုံးတာကုိ ဘာနဲ႔ တုိင္းတာသလဲ။ အသုံးက်တာ သုံးလုိ႔လြယ္တာ သုံးရတာ ျမန္ဆန္တာ အသုံးတည့္တာ စတဲ့အခ်က္ေတြနဲ႔ တုိင္းတာတယ္။ ၀က္ဘ္ဒီဇုိင္းလုပ္တဲ့သူက အျမင္လွပ တင့္တယ္ဖုိ႔ကုိ ဦးတည္ၿပီး လုပ္တယ္ဆုိပါေတာ့ တုိင္းတာတဲ့ အခ်က္ေတြကုိ သိပ္အေရးမလုပ္ဘူး ဆုိပါေတာ့။ ရလာတဲ့ ၀က္ဘ္ဒီဇုိင္းက လွတာမက္လုိ႔ ညစာခက္ေနတဲ့ ၀က္ဘ္ဒီဇုိင္း ျဖစ္ေနလိမ့္မယ္။ သုံးရသူ စိတ္ကသိကေအာက္ ျဖစ္တာကေန စိတ္တုိတာအလယ္ စိတ္ကုန္တာအဆုံး ျဖစ္ေနလိမ့္မယ္။

ပါ၀င္အျခင္းအရာ က ဘုရင္ Content is king လုိ႔ ဆုိၾကတယ္။ ဘုရင္မွာ ထူးခၽြန္တဲ့ မွဴးႀကီးမတ္ရာေတြ အနားမွာ မရွိရင္ အဲဒီဘုရင္ ဟန္မက်ဘူး။ သူေျပာျပခ်င္တာကုိ လူအမ်ား သိၾကရေအာင္ ေျပာျပေပးမယ့္သူ မရွိဘူး။ အဲဒီလုိ ေျပာျပခ်င္တာကုိ ေျပာျပၿပီးသား ျဖစ္ေနေအာင္ ေနရာေတြကုိ ဆီေလ်ာ္ေအာင္ အသုံးျပဳေပးဖုိ႔ လုိတယ္။

Read more: Design တစ္ခုတြင္ အေရးပါလွေသာ Typography အေၾကာင္း

အဲဒီအတြက္ ေပါ့စတစ္ ေနရာနဲ႔ နဂၢတစ္ေနရာတုိ႔အၾကား ရွိရမယ့္ ဆက္ႏႊယ္ပုံ၊ အေရးပါပုံ၊ လက္ေတြ႕က်င့္သုံးပုံေတြကုိ သိထားသင့္တယ္။ ေနရာေတြနဲ႔ လူ႔ဦးေႏွာက္က ႐ႈျမင္ မွတ္မိ သိရွိပုံတုိ႔အၾကား အခ်ိတ္အဆက္ကုိလည္း သိထားသင့္တယ္။ ၿပီးေတာ့ Principles of grouping ဆုိတဲ့ အုပ္စုဖြဲ႕ အေျခခံ မူလသေဘာတရားမ်ားကုိ တင္ျပတဲ့ Gestalt စိတ္ပညာရွင္မ်ားရဲ႕ အေျခခံသေဘာတရားေတြကုိ ၀က္ဘ္ဒီဇုိင္းမွာ သုံးစြဲၾကပုံကုိလည္း သိထားသင့္တယ္။ အဲဒါအျပင္ တကယ့္လက္ေတြ႕ ေလ့လာဆန္းစစ္မႈေတြကိုလည္း လုပ္သင့္တယ္။ အဲဒီအတြက္ ထပ္မံတင္ျပမယ့္ post ေတြမွာ တကယ့္၀က္ဘ္ဒီဇုိင္းေတြကုိ နမူနာအျဖစ္ တင္ျပၿပီး Gestalt အေျခခံသေဘာတရားမ်ား၊ ေနရာေတြကုိ တီထြင္ဆန္းသစ္ သုံးစြဲၾကပုံမ်ားကုိလည္း ေဖာ္ျပေပးသြားမွာ ျဖစ္ပါတယ္။

ict guide


Read 101 times
Rate this item
(0 votes)