Myanmar Tutorials’ Web Design Contest [Review 2]

အပိုင္း ၁ ကိုေတာ့ ဒီမွာ ဖတ္ႏိုင္ပါတယ္။

Color Pattern

လက္ရွိ ၿပိဳင္ပြဲဝင္ site ေတြက color ေတြက မလိုက္ဖက္သလို ခံစားရတယ္။ အမ်ားအားျဖင့္ ကိုယ္ႀကိဳက္တဲ့ အေရာင္ေတြ ထည့္ထားသလိုပဲ။ အခ်ိဳ႕ site ေတြကေတာ့ ေမွာင္သလို ခံစားရတယ္။ Color ေတြထဲမွာေတာ့ Romantic wedding plan ေလးကေတာ့ မဆိုးဘူး။ သို႔ေပမယ့္ သုံးထားတဲ့ graphic ေတြ ေနာက္ၿပီး font ေတြကို ျပင္လိုက္ရင္ ေတာ္ေတာ္ေလးကို လွသြားမယ့္ site ပါ။ Mobile Network ေလး ရဲ႕ Color ေလးကိုလည္း သေဘာက်တယ္။ Music For Living က ေမွာင္လြန္းေနတယ္။ ေနာက္ၿပီး အနီေရာင္ သုံးထားေတာ့ နည္းနည္း ၾကည့္ရတာ ခက္သြားတယ္။ Graphic Designer idea ကလည္း ထိုနည္းတူပဲ။ အစိမ္းေရာင္သုံးထားတာ အရမ္းမ်ားလြန္းေနတယ္။ Color က တစ္ေရာင္တည္းနဲ႔ဆိုေတာ့ ၾကာၾကာမၾကည့္ႏိုင္ဘူး။ အျခား လိုက္ဖက္မယ့္ color ေတြ ေ႐ြးခ်ယ္သုံးႏိုင္ရင္ ၾကည့္လို႔ ေကာင္းလာႏိုင္ေပမယ့္ တစ္ေရာင္တည္းနဲ႔က ေရရွည္ၾကည့္ဖို႔ နည္းနည္းခက္တယ္။ ပုံမွန္ အားျဖင့္ site တစ္ခုက color ၃ ေရာင္ သို႔မဟုတ္ ၄ ေရာင္ အသုံးျပဳတတ္ပါတယ္။ Color Pattern ကို ေကာင္းေကာင္း မသိရင္ Kular လိုမ်ိဳး website ေတြကို သုံးၿပီး Color ေတြ ေ႐ြးခ်ယ္ အသုံးျပဳလို႔ရပါတယ္။

Typography

ၾကည့္လိုက္ေတာ့ အမ်ားအားျဖင့္ HTML4 နဲ႔ CSS 2 ေလာက္ပဲ အသုံးျပဳထားတယ္။ HTML 5 နဲ႔ CSS 3 မွာ text shadow ေတြ ထည့္လို႔ရၿပီ။ ေနာက္ၿပီး font embed ေတြ ပါလာၿပီ။ အဲဒါေတြကို အသုံးျပဳၿပီး စာလုံးေတြ အေဖာင္းအႂကြ အလွအပေတြကို ဖန္တီးလို႔ရပါတယ္။ ဥပမာ ျပရင္ေတာ့ ကိုမ်ိဳးေက်ာ္ထြန္း ရဲ႕ http://kophyo.com/ ကို သြားၾကည့္သင့္တယ္။ ပုံမွန္ စာလုံးကို Cambria သုံးထားၿပီး #coding ကိုေတာ့ Courier New ျပန္သုံးထားပါတယ္။

text shadow ဥပမာ ျပရင္ေတာ့ appcelerator ရဲ႕ site ကို ျပရမယ္။ Developer Stats ကို အေဖာင္းအႂကြေလးနဲ႔ ျပဖို႔အတြက္ text shadow နဲ႔ပဲ ကစားသြားပါတယ္။ my_portfolio ဆိုတဲ့ site မွာ title ေတြကို header သုံးၿပီး sans-serif font လွလွ ေလးေတြ နဲ႔ အသုံးျပဳသင့္တယ္။ ဥပမာ ။။ Google web font က Amaranth ကို အသုံး​ျပဳလိုက္ရင္ အခု ထက္ၾကည့္ရတာ ပိုေကာင္းသြားမယ္ လို႔ ထင္တယ္။ ShanPyaeBo ဆိုတဲ့ site ေလးက font ေတြ shadow ေတြ သုံးထားေပမယ့္ title ShanPyaeBo ကို သုံးထားတာ ၾကည့္ရဆိုးသြားတယ္။ အ႐ိုးရွင္းဆုံး လုပ္ထားေပမယ့္ ေရွ႕ စာမ်က္ႏွာမွာ font ေတြ color ေတြက နည္းနည္း ရႈပ္ေထြးေနတယ္။

ေနာက္ၿပီး knowledge_shelfမွာ image ေတြ အရမ္းသုံးထားတယ္။ အဲဒီ စာလုံးပုံစံကို font embed နဲ႔ လုပ္ၿပီး ေရးလိုက္ရင္ ပိုမိုေကာင္းမြန္သြားၿပီး ျမန္ဆန္သြားလိမ့္မယ္။ ျပင္ရ ဆင္ရတာလည္း ပိုလြယ္မယ္ထင္တယ္။ ျမန္မာေတြ အေနနဲ႔ကလည္း ေဇာ္ဂ်ီ တမ်ိဳးတည္းနဲ႔ ေနခဲ့တာေၾကာင့္လည္း font အလွအပ အမ်ိဳးမ်ိဳးကို မခံစားတတ္ေတာ့ဘူး။ မျမင္တတ္ေတာ့တာလည္း ပါလိမ့္မယ္။ ေဇာ္ဂ်ီ စာလုံး ပုံစံ တစ္မ်ိဳးတည္းနဲ႔ ေနရာ အစုံ သုံးထားလို႔ typography ကို စိတ္မဝင္စားၾကေတာ့လား မသိဘူး။

Quality Image ?

လက္ရွိ ၿပိဳင္ပြဲဝင္တဲ့သူေတြထဲမွာ ကိုယ္တိုင္ လက္နဲ႔ ေရးဆြဲထားတဲ့ ပုံပါတဲ့ site ကိုေတာ့ မေတြ႕ျဖစ္ဘူး။ ေနာက္ၿပီး online ကေန ေပးပို႔တာ ျဖစ္တဲ့အတြက္ေၾကာင့္ပဲလားမသိ။ Image quality ေတြက လုံးဝ မေကာင္းဘူး။ jpg ထက္စာရင္ png ကို ေျပာင္းအသုံးျပဳသင့္တယ္။ ေနရာသစ္ဆိုတဲ့ site မွာ menu ေတြကို jpg နဲ႔ အသုံးျပဳထားၿပီး quality ေတြကို ေတာ္ေတာ္ေလး ေလ်ာ့ထားေတာ့ ပုံေတြ အားလုံးက ဖြာေနတယ္။ ေတာ္ေတာ္မ်ားမ်ားကေတာ့ ပုံေတြကို လွလွ ပပ နဲ႔ အသုံးျပဳထားပါတယ္။ hand drawing ေလး တစ္ခုမွ မပါတာကေတာ့ မေက်နပ္မိဘူး။ Web Designer တစ္ေယာက္ အေနနဲ႔ ပုံဆြဲတတ္ဖို႔ လိုမလိုေတာ့ ကြၽန္ေတာ္လည္း ေသခ်ာ မေျပာတတ္ဘူး။ သို႔ေပမယ့္ ပုံဆြဲတတ္ရင္ အေကာင္းဆုံးေပါ့။ ပြဲတစ္ပြဲမွာ ထူးေတဇာ design လုပ္ေတာ့ ဘာမွ မလုပ္ရေသးတာနဲ႔ ပုံေတြ ေကာက္ဆြဲၿပီး venyl ထုတ္လိုက္ေတာ့လည္း ၾကည့္ေကာင္းသြားတာပဲ။ ပုံဆြဲ တတ္ျခင္းဟာ design ပိုင္းမွာ အျခား site ေတြထက္ ပိုမိုထူးျခားၿပီး unique ျဖစ္ေစပါတယ္။ ဥပမာ ျပရရင္ေတာ့ Open Atrium ေလးကို ျပခ်င္တယ္။

႐ိုးရွင္းၿပီး ဆြဲေဆာင္မႈရွိပါေစ

အခ်ိဳ႕ design ေတြက ဆန္းသစ္မႈေတြ ပါတယ္။ အခ်ိဳ႕ design ေတြကေတာ့ ႐ိုးရွင္းတယ္။ ႐ိုးရွင္းတာ ေကာင္းတယ္။ သို႔ေပမယ့္ ဆြဲေဆာင္မႈရွိဖို႔လိုတယ္။ ျပန္ေျပာရရင္ေတာ့ kophyo.com က ႐ိုး႐ိုးေလးနဲ႔ ရွင္းရွင္းေလး။ ဒါေပမယ့္ ၾကည့္လိုက္ရင္ ဆြဲေဆာင္မႈရွိတယ္။ Web Design Studio ဆိုတာေလးက ေကာင္းတယ္။ ေရးထားတာေလးေတြ မဆိုးဘူး။ ဒါေပမယ့္ ဟိုးအရင္တုန္းက Design မ်ိဳးျဖစ္ေနတယ္။ ၂၀၀၀ ေလာက္တုန္းက ေကာင္းတဲ့ Design တစ္ခုျဖစ္ေပမယ့္ အခု ၂၀၁၁ မွာေတာ့ အရမ္းကို ေနာက္က်ေနၿပီ။ knowledge_shelf ကေတာ့ information ေတြကို ေသေသခ်ာခ်ာ ၾကည့္လို႔ရတယ္။ သို႔ေပမယ့္ အေရာင္ေတြနဲ႔ ရႈပ္ေထြးကုန္တယ္။ ဒီထက္ ႐ိုးရွင္းေအာင္ ဖန္တီး ႏိုင္ရင္ ပိုေကာင္းမယ္။ မလိုအပ္ပဲ အေရာင္ေတြ သုံးလိုက္တာက စာဖတ္ရာမွာ အေႏွာင့္အယွက္ေတြ ျဖစ္တတ္တယ္။ ႐ိုး႐ိုးေလးနဲ႔ သေဘာက်ဖို႔ ေကာင္းတဲ့ website ေနာက္တစ္ခုကို ေျပာရရင္ေတာ့ http://openpublishapp.com/ ကို ၫႊန္းခ်င္တယ္။ ႐ိုးတယ္။ ရွင္းတယ္။ ဒါေပမယ့္ ဆြဲေဆာင္ မႈ အျပည့္ရွိတာကို ေတြ႕ရလိမ့္မယ္။

ကြၽန္ေတာ္ ဟိုးအရင္တုန္းက ေျပာဘူးပါတယ္။ Website ကို လွခ်င္လြန္းလို႔ အေရာင္ေတြ အမ်ားႀကီးသုံး။ javascript ေတြ effect ေတြ အမ်ားႀကီးသုံးထားတာက ဘာနဲ႔ တူသလဲဆိုေတာ့ အရမ္းလွခ်င္လို႔ မိတ္ကပ္ေတြ အမ်ားႀကီးလိမ္း ... ႏႈတ္ခမ္းနီ ရဲရဲဆိုးထားတဲ့ မိန္းကေလးေတြ နဲ႔ တူတယ္။ ႐ိုး႐ိုးေလးနဲ႔ လွေအာင္ ျပင္တတ္ဖို႔လိုတယ္။ site ကို ၾကည့္လိုက္ရင္ ေအးခ်မ္းသြားၿပီး ဆြဲေဆာင္မႈ ရွိေနဖို႔ လိုအပ္တယ္။ အရမ္းလွေအာင္ ေနာက္ခံေတြ အေရာင္ေတြ ထည့္တာမ်ိဳးထပ္ အေရာင္ႏုႏု ေလးမွာ noise ေလးေတြ ထည့္ထားတဲ့ texture မ်ိဳး နဲ႔ ဆိုရင္ အဆင္ေျပပါတယ္။ အဲလိုမ်ိဳး background နဲ႔ ဥပမာ ျပရရင္ေတာ့ http://kennymeyers.com/ ကို သေဘာက်တယ္။ အရမ္းရွင္းတယ္။ သို႔ေပမယ့္ information ျပည့္စုံတယ္။

Conclusion

အကုန္လုံးကေတာ့ ႀကိဳးစားထားတာ ေတြ႕ရတယ္။ ျမန္မာနိင္ငံက ျပႆနာက အင္တာနက္ေႏွးေနတဲ့အတြက္ တကယ္လွပတဲ့ website ေတာ္ေတာ္မ်ားမ်ားကို ၾကည့္ခြင့္မရဘူး။ ဒါေၾကာင့္ ေနာက္ပိုင္း ေျပာင္းလဲေနတဲ့ web design ေတြကို မ်က္ေျခမျပတ္ မေလ့လာႏိုင္တာေတြေၾကာင့္လည္း ပါတယ္။ အဓိကေတာ့ website မ်ားမ်ား ၾကည့္ဖို႔ လိုတယ္။ showcase ေတြ မ်ားမ်ား လိုက္ၾကည့္ဖို႔ လိုေသးတယ္။ HTML 5 + CSS3 ကို အသုံးခ်တတ္ဖို႔ လိုတယ္။ Typography ကို ေကာင္းေကာင္း အသုံးခ်တတ္ဖို႔ လိုတယ္။ ကြၽန္ေတာ္ ေ႐ြးလိုက္တဲ့ ၃ ခုကေတာ့

၁။ Knowledge Shelf Book Store

information တင္ျပပုံေကာင္းတယ္။ သို႔ေပမယ့္ စာေတြကို ပုံေတြ နဲ႔ ထည့္ထားတာနဲ႔ background color ကိုေတာ့ သိပ္သေဘာမက်ဘူး။ Information ျမင္သာေအာင္ ျပထားတာေလးကို သေဘာက်လို႔ နံပတ္ ၁ ေပးလိုက္တာ။

၂။ shanpyaebo

နည္းပညာပိုင္းမွာ အားေကာင္းတယ္။ လိုအပ္ေနတာက graphic ပဲ။ Graphic ပိုင္းေလး ေကာင္းေကာင္း သုံးတတ္ၿပီး website ေတာ္ေတာ္မ်ားမ်ား ၾကည့္ဖူးရင္ေတာ့ ဒီထက္မက အမ်ားႀကီး ေကာင္းသြားလိမ့္မယ္။

၃။ Mobile Network

႐ိုးတယ္။ ရွင္းတယ္။ သို႔ေပမယ့္ information တင္ျပပုံ သေဘာမက်ဘူး။ အေရာင္ေလးေတြကေတာ့ မဆိုးဘူး။ Icon image ေလးေတြကို ဒီထက္လွတာေလးေတြ သုံးနိင္ရင္ ပိုေကာင္းလာႏိုင္တယ္။ ေနာက္ၿပီး ေခါင္းစဥ္ က အစိမ္းေရာင္ ျဖစ္ေနတာ တစ္မ်ိဳးႀကီးျဖစ္ေနတယ္။ အျခား ဒီထက္ လိုက္ဖက္မယ့္ အေရာင္ေလး ေ႐ြးသင့္တယ္လို႔ထင္တယ္။

ဒါေတြ အားလုံးက ကြၽန္ေတာ့္ရဲ႕ တစ္ဖက္သက္ အျမင္ပါ။ အျခား Professional Web Designer ေတြရဲ႕ အျမင္ေတြနဲ႔ ေပါင္းစပ္လိုက္ရင္ လက္ရွိ ၿပိဳင္ပြဲ ဝင္ထားတဲ့ သူေတြ အေနနဲ႔ အမ်ားႀကီး အက်ိဳးရွိသြားမယ္လို႔ ထင္ပါတယ္။


 
0 Kudos
Don't
move!
8 Comments

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.