Advertisement Banner ေလးေတြ အေၾကာင္း
Web Designer တစ္ေယာက္ဟာ တခါတရံမွာ ၀က္ဘ္ဆိုက္အတြက္ ေၾကာ္ျငာေလးေတြ ျပဳလုပ္ရတတ္ပါတယ္။ အသင့္လုပ္ထားၿပီးေသာေၾကာ္ျငာကို ထည့္ေပးရသည္ျဖစ္ေစ၊ ကိုယ္ကိုယ္တိုင္ျပဳလုပ္၍ ထည့္သည္ျဖစ္ေစ Advertisement ေလးေတြဟာ ၀က္ဘ္ဆိုက္ရဲ႕ sider bar သို႔မဟုတ္ Footer/Header မ်ားတြင္ ပါရွိတတ္ပါတယ္။ အဲဒီေၾကာ္ျငာေလးေတြက ဆိုက္အမ်ဳိးမ်ဳိး၊ ပံုစံအမ်ဳိးမ်ဳိးရွိတတ္ၾကပါတယ္။ တခ်ဳိ႕က Flash ေလးေတြ၊ တခ်ဳိ႕က Gif Animation ေလးေတြ (gif ဖိုင္ေလးေတြပါ)၊ တခ်ဳိ႕ကေတာ႔ ရုိးရိုး jpeg (သို႔) gif ဖိုင္ေလးေတြျဖစ္ပါတယ္။
တစ္ခ်က္ၾကည့္ရေအာင္.. yahoo.com, amazon.com, ebay.com စတဲ႔ ဆိုဒ္ေတြမွာ ေၾကာ္ျငာေလးေတြပါပါတယ္။ ေကာင္းပါၿပီ ..။ ဒီဇိုင္းနာတစ္ေယာက္အတြက္ ဒီလိုေၾကာ္ျငာေလးေတြလုပ္ရတာ အပန္းမႀကီးလွပါဘူး။ သို႔ေသာ္ ေၾကာ္ျငာရွင္တစ္ေယာက္အတြက္ေတာ႔ အေရးႀကီးပါတယ္။ သူ႕ေၾကာ္ျငာေလးသည္ စိတ္၀င္စားဖြယ္ျဖစ္မွ .. ဆြဲေဆာင္မႈေကာင္းမွ၊ သူ႕ကုန္ပစၥည္း (သို႔မဟုတ္) သူ႔ရဲ႕ေၾကာ္ျငာဟာ ေအာင္ျမင္မွာျဖစ္ပါတယ္။
ေနာက္တစ္ခ်က္က က်ေနာ္တို႔ ၀က္ဘ္ဆိုက္က လွပါတယ္။ ဒါေပမယ္႔ေၾကာ္ျငာ banner ေလးက မလွဘူးျဖစ္ေနတယ္ဆိုရင္ေရာ..။ တိုက္ပံုအက်ီၤနဲ႔ ပိုးပုဆိုးနဲ႔၀တ္ၿပီး ၾကက္ေပါင္ဖိနပ္စီးသြားတာနဲ႔ တူေနပါမယ္။ ဟုတ္ပါၿပီ.. ဒါေၾကာင့္ က်ေနာ္တို႔ website banner လွလွေလးေတြ လုပ္တတ္ဖို႔ လိုအပ္ပါတယ္။ ပထမဆံုး ေၾကာ္ျငာေလးေတြ မလုပ္ခင္မွာ ဘယ္၀က္ဘ္ဆိုက္မွာ ေၾကာ္ျငာေလးေတြကို ဘယ္လိုလုပ္ထားတယ္။ ဘာနဲ႔လုပ္ထားတယ္(ဥပမာ- ဖလက္ရွ္ဖိုင္ေလးေတြလား၊ gif ေလးေတြလား၊ ရိုးရိုး jpeg ပံုေလးေတြပဲလား) ဆိုတာေလးေတြကို ေလ႔လာၾကည့္လိုက္ပါအံုး။
ကိုင္း..ေကာင္းၿပီ။ က်ေနာ္လုပ္ထားတဲ႔ banner ေလးတစ္ခုကို နမူနာၾကည့္ရေအာင္။ ဒီေၾကာ္ျငာေလးကေတာ႔ gif ဖိုင္ animation ေလးတစ္ခုပါ။ ၀က္ဘ္ဆိုက္တစ္ခုအတြက္ေၾကာ္ျငာေလးတစ္ခုပါ။
ဒီ banner ေလးမွာ အခ်ပ္သံုးခ်ပ္ပါ၀င္ပါတယ္။ ပထမတစ္ခ်က္မွာ ၀က္ဘ္ဆိုက္လိုဂိုေလးရယ္၊ Headline Text (ေခါင္းႀကီးစာသား) ရယ္၊ Shopping ထြက္မယ္႔ ေကာင္မေလးေတြရဲ႕ပံုေလးရယ္ ပါ၀င္ၿပီးေတာ႔ ေနာက္ႏွစ္ခ်က္မွာေတာ႔ စာသားေတြကိုပဲ ေျပာင္းၿပီးလွည့္သံုးသြားပါတယ္။ လိုဂိုအေရာင္နဲ႔ ကိုက္မယ္႔ ေနာက္ခံကာလာအေရာင္ေလးရယ္၊ စာလံုးအထူအပါး၊ အက်ဥ္းအက်ယ္ေလးေတြရယ္၊ ေနရာလြတ္ေလးေတြကိုျဖည့္ပီး မ်က္စိပသာဒျဖစ္ေအာင္ ဖန္တီးယူရပါတယ္။ ဖိုင္ဆိုက္ (File size – 152KB) ရွိပါတယ္။ File size အနည္းငယ္ႀကီးတယ္ထင္ရေပမယ္႔ Animation ဖိုင္ တစ္ခုအတြက္ကေတာ႔ ႀကီးတယ္လို႔မေျပာပေလာက္ပါဘူး။ တကယ္လို႔သာ က်ေနာ္တို႔က ဒီေနရာမွာ Flash နဲ႔လုပ္မယ္ဆိုရင္ေတာ႔ size က ပိုႀကီးသြားႏိုင္ပါတယ္။
ေနာက္တစ္ခု က်ေနာ္လုပ္ထားတဲ႔ ေၾကာ္ျငာေလးကေတာ႔ Beauty Spa တစ္ခုရဲ႕ ေၾကာ္ျငာေလးပါ။ gif animation ေလးတစ္ခုပါပဲ။ Adobe Photoshop CS နဲ႔ ImageReady CS တို႔ကို သံုးၿပီးလုပ္ထားတာပါ။ လုပ္ရတာအင္မတန္လြယ္ကူပါတယ္။ ႀကိဳးစားၿပီး ကိုယ္တိုင္ေၾကာ္ျငာ banner ေလးေတြကို ဖန္တီးၾကည့္သင့္ပါတယ္။
ဒါေလးေတြကေတာ႔ ရိုးရိုးေၾကာ္ျငာပံုေလးေတြျဖစ္ပါတယ္။ jpeg ဖိုင္ေလးေတြပါ။
ေနာက္ဆံုးအေနနဲ႔ အႀကံေပးလိုတာကေတာ႔ ေၾကာ္ျငာတစ္ခုျပဳလုပ္တဲ႔ေနရာမွာ အိုင္ဒီယာက အေရးႀကီးပါတယ္။ ကိုယ္႔ customer ေတြက ေပးခ်င္တဲ႔ မက္ေဆ႔ကို ထိေရာက္ဖို႔လဲ လိုပါတယ္။ ၿပီးရင္ အေရာင္ရယ္၊ စာလံုးေဖာင့္ေတြရဲ႕အေနအထားရယ္၊ logo နဲ႔ ေၾကာ္ျငာမွာ ပါမယ္႔ photo ရယ္ .. ဒါေတြကိုၾကည့္ၿပီး ခ်ိန္ဆရပါတယ္။ အထူးသျဖင့္ အေလ႔အက်င့္မ်ားမ်ားလုပ္ရင္းက လုပ္တတ္သြားမွာျဖစ္တယ္။ ဒါေၾကာင့္ ပထမဦးစြာ ေၾကာ္ျငာေလးေတြကို ေလ႔လာပါ။ ေလ႔လာတဲ႔ေနရာမွာ အယူအဆေရာ ဖန္တီးမႈအပိုင္းေရာ၊ ဖန္တီးထားတဲ႔နည္းလမ္းေရာ၊ ေနာက္တစ္ခါ အဲဒီေၾကာ္ျငာေလးေတြကို အတုခိုးၿပီး ဒီထက္ကိုကေကာင္းေအာင္ ဒီေနရာမွာဘယ္လိုသံုးရမလဲ စသျဖင့္ေတြးေတာႀကံဆၿပီး နမူနာယူေလ႔က်င့္သင့္ပါတယ္။
ေဆာင္းခ်မ္းမိုး
ဆက္လက္ေလ႔လာရန္
Web Banner ေလးေတြအေၾကာင္း (Wikipedia)
Designing a simple website banner with a logo using Photoshop
Free Banner Templates (.PSD Files / Flash Files)
Create a web banner with Photoshop
အိမ္လည္ေရာက္ခဲ့ပါတယ္
အိမ္ေလးကႏွင္းစက္ေလးေတြက်ျပီးသိပ္လွေနပါေၾကာင္း
ပထမဆံုးပံုေလး သေဘာက်တယ္ အိုင္ဒီယာေလးမုိက္တယ္ း)
Great information! Thanks!
“ဖိုင္ဆိုက္ (File size – 152KB) ရွိပါတယ္။ File size အနည္းငယ္ႀကီးတယ္ထင္ရေပမယ္႔ Animation ဖိုင္ တစ္ခုအတြက္ကေတာ႔ ႀကီးတယ္လို႔မေျပာပေလာက္ပါဘူး။ တကယ္လို႔သာ က်ေနာ္တို႔က ဒီေနရာမွာ Flash နဲ႔လုပ္မယ္ဆိုရင္ေတာ႔ size က ပိုႀကီးသြားႏိုင္ပါတယ္။”
က်ေနာ့ အေတြ႔အၾကံဳအရဆိုရင္ Ad plat form ေတြေပၚမွာလဲ အေတာ္မူတည္တယ္။ သူ႔ လိုအပ္ခ်က္ေတြ ကန္႔သက္ခ်က္ေတြကလဲ အမ်ားၾကီးပဲ။
ဥပမာ တစ္ခုေျပာရရင္။
AsiaOne, ChannelNewsAsia, Business Time, Strait Times စတဲ့ website ေတြမွာ ေၾကာျငာ ဖို႔ က်ေနာ္ ေနာက္ဆံုးလုပ္ၿပီးသြားတဲ့ flash banner ဆိုရင္ 50kb ပဲလက္ခံတယ္။
အဲဒိမွာ technology အေၾကာင္းနားမလည္တဲ့ ေၾကာျငာရွင္၊ ေၾကာ္ျငာ လက္ခံတဲ့ Agency၊ ေနာက္ Ad Platforms၊ အဲဒါေတြၾကားခဏခဏ ညပ္တယ္။ တစ္ဖက္က ပံုေတြ resolution မေကာင္းဘူး complain တက္တယ္။ တစ္ဖက္က size ေၾကာ္ေနဘီ warning ေပးတယ္။ ရႈပ္ေနတာပဲ
ကိုေဆာင္းခ်မ္းမိုး
အခုလို Myanmar Web designer တစ္ေယာက္ကိုေတြ႕ရတာဝမ္းသာပါတယ္ design ေလးေတြေကာင္းတယ္၊ idea လည္းေကာင္းတယ္ ဒီလိုအခ်ိန္ကုန္ခံၿပီး Share လုပ္တာပိုေလးစားပါတယ္။ ကၽြန္ေတာ္ဆိုလုပ္ခ်င္ေပမယ္႕ အရင္လို မအားေတာ႕တာနဲ႔ဘာမွမလုပ္ျဖစ္တာ တစ္ႏွစ္ေက်ာ္ေလာက္ရိွေနၿပီ။
အခုဒီPost ကိုဖတ္ၿပီး technical ပိုင္းမွာ ေဆြးေႏြး ၾကည္႕ခ်င္တယ္ ဆရာလုပ္တာ မဟုတ္ ဘူးဆိုတာႀကိဳေျပာခ်င္တယ္။
“ဖိုင္ဆိုက္ (File size – 152KB) ရွိပါတယ္။ File size အနည္းငယ္ႀကီးတယ္ထင္ရေပမယ္႔ Animation ဖိုင္ တစ္ခုအတြက္ကေတာ႔ ႀကီးတယ္လို႔မေျပာပေလာက္ပါဘူး။ တကယ္လို႔သာ က်ေနာ္တို႔က ဒီေနရာမွာ Flash နဲ႔လုပ္မယ္ဆိုရင္ေတာ႔ size က ပိုႀကီးသြားႏိုင္ပါတယ္။”
ကၽြန္ေတာ္႕ရဲ႕ အေတြ႕အႀကံဳ အရဆိုရင္ေတာ႕ Flash သံုးတာ GIF ဖိုင္ထက္ပိုၿပီး file size ေသးပါတယ္။
ဘာလို႕လည္းဆိုေတာ႕ GIF Animation မွာက Animation Screenအေရအတြက္ေပၚမႈတည္ၿပီးဖိုင္Size ကႀကီးသြားတာပါ ဥပမာေျပာရရင္ Screen တစ္ခုကို 20kb ရိွတယ္ဆိုရင္ 6 Screen သံုးထားတဲ႔ GIF file တစ္ခုမွာ 20kb X 6 = 120kb ရိွပါတယ္ Flash မွာေတာ႕ အဲလိုမတြက္ပါဘူး သူ႕မွာပါတဲ႔ Items တစ္ခုခ်င္းစီကိုပဲတြက္ပါတယ္ ဥပမာေျပာရရင္ Item တစ္ခုမွာ 50kb ရိွလို႔ သူ႕ကို animation screen 10 ေနရာ မွာသံုးလည္း သူက 500kb ျဖစ္မသြားပါဘူး 50kb က 50kb ပါပဲ အဲဒါက Flash ရဲ႕အားသာခ်က္ပါ။ ေနာက္ၿပီး Animation ကိုမ်ားမ်ားနဲ႔ေကာင္းေကာင္း Interactive ျဖစ္ေအာင္လုပ္ႏိုင္ပါတယ္။
သူရဲ႔အားနည္းခ်က္ကေတာ႕ Browser မွာ plugin install လုပ္မထားတဲ႔ user ေတြအတြက္ကေတာ႕ ၾကည္႕မရခ်င္းပါပဲ။ ၿပီးေတာ႕ ဖိုင္Site ပိုေသးေပမယ္႕ YSlow ကေန Loading time ၾကည္႕လိုက္ေတာ႕ Browser မွာ GIF ကfile size ႀကီးေပမယ္႔ Flash ထက္ျမန္ျမန္တက္ပါတယ္။
GIF မွာေတာ႔ ဒီလိုျပသနာေတြမရိွပါဘူး။ ကၽြန္ေတာ္သေဘာက်တာကေတာ႕ http://www.smashingmagazine.com/ မွာေတြ႕ရတယ္ အျငိမ္ေၾကာ္ျငာေလးေတြ သေဘာအက်ဆံုးပါပဲ။
GIF ေတြ Flash ေတြက ေကာင္းတယ္ interactive ျဖစ္ေပမယ္႕ Website ကို သံုးတဲ႔ user ေတြကို စိတ္အေနာက္အယွတ္ေပးဆံုးပါပဲ။ Flash Ads ေတြဆိုရင္ အသံေတြနဲ႔ပါ နိပ္စက္လြန္းလို႕ ကၽြန္ေတာ္ဆို Flash Blocker ေတြပါ install လုပ္ထားပါတယ္။
ဖိုးခ်မ္း
အခုလိုျပန္လည္ရွင္းျပေပးသြားတဲ႔ ကိုေဇယ်ာနဲ႔ ကိုဖိုးခ်မ္းကို ေက်းဇူးအမ်ားႀကီးတင္ပါတယ္ ခင္ဗ်ာ..
က်ေနာ္႔အေနနဲ႔ Flash ေရာ gif ဖိုင္ေတြေရာကို မႀကိဳက္လွေပမယ္႔.. က်ေနာ္တို႔ web designer ေတြအတြက္ မတတ္မျဖစ္ တတ္ထားရမွာျဖစ္တဲ႔အတြက္ က်ေနာ္႔အေတြ႕အႀကံဳေတြထဲက တစ္ခုကို ျပန္လည္ေဖာက္သည္ခ်ခဲ႔တာျဖစ္ပါတယ္။ အခုလို ျပန္လည္ မွတ္ခ်က္ေတြေရးျပ၊ ေထာက္ျပသြားတဲ႔အတြက္ ပညာလည္းရ၊ ဗဟုသုတလည္းရတဲ႔အတြက္ ေက်းဇူးအထူးတင္ရွိေၾကာင္းပါခင္ဗ်ား..