Phoe Chan'Blog http://www.phoechan.com/blog Knowledge must be free and share Mon, 10 Oct 2011 14:22:12 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Cycling At East Coast Park http://www.phoechan.com/blog/cycling-at-east-coast-park/ http://www.phoechan.com/blog/cycling-at-east-coast-park/#comments Sun, 09 Oct 2011 04:55:30 +0000 Phoe Chan http://www.phoechan.com/blog/?p=306 East Coast Park, this is my second time go to that place. I went before with The Green Book designer team that last 2 year ago. I still remember about BBQ party because of it have happened bad weather in that party. If you live in Singapore you will be known that weather is quickly changes. At that time, the whole day is clear and sunny day but we just start BBQ after that heavy raining is start that funny isn’t it?
When the raining was stops at around 9 o’clock after that no mood to do BBQ. That rain makes me remembrance of East Coast Park BBQ Party.

East Coast Park, Singapore

Now I go with The Green Book’s colleagues again on that Sunny day. I think you can be guess about my feeling that I got bad experience last time. This time is totally different with last time because my beloved wife is join BBQ party and No raining at all. So I can happier than last 2 year BBQ party.

Me & my wife ride a bicycle at East Coast Park with some. I rent a bicycle 10 Dollar per Hours. I take 2 bicycles for me and my wife (Mal Moon). We ride from BBQ pit D36 to over Bedok Jetty. We also take a lot of picture and make funs. East Coast Park is one of a beauty park in Singapore. It quiet and peaceful place, personally I more prefer than Santosa Beach. If you want to know about detail of East Coast Park in Singapore, I recommend to check this web page.

East Coast Beach, Singapore, Jump

I just want to tell you about Bedok Jetty. It is the longest fishing jetty in Singapore, and also the most popular one. It is located at East Coast Park, near Area F. A lot of people are fishing and bicycling on there. A little bit far from the jetty it was almost 2 Hours, we decide to go back BBQ pit and pay back the Bicycles.

East Coast Park, Bedok Jetty, Singapore

We start BBQ around 5 PM; after we play BBQ party me and my wife take a photos on the seashore until afterglow. After that I say good bye to all of my friends and go back to my home happily. This BBQ party is also my remembrance day in my Life.

East Coast Park, Singapore

 

East Coast Beach, Singapore

East Coast Park,Bedok Jetty, Singapore

]]> http://www.phoechan.com/blog/cycling-at-east-coast-park/feed/ 1 Once, To The Henderson Waves Bridge. http://www.phoechan.com/blog/once-to-henderson-waves-bridge-singapore/ http://www.phoechan.com/blog/once-to-henderson-waves-bridge-singapore/#comments Sun, 02 Oct 2011 12:35:36 +0000 Phoe Chan http://www.phoechan.com/blog/?p=273 Yesterday me and my wife went to Henderson Waves Bridge that is quite beautiful place in Singapore, time  is around 6 o’clock near dusk it looks beautiful. Here is what we know about this Henderson Waves: the bridge connects Mount Faber Park and Telok Blangah Hill Park. It is 274-metre (899 ft) long pedestrian bridge. At 36 metres (118 ft) above Henderson Road, it is the highest pedestrian bridge in Singapore. That bridge design like a wave-form and floor is made by woods that on the curved steel ribs.

I love the one thing for this bridge is lighting at night. It was so amazing!  The LED light starts to operate from 7pm to 2am daily. We saw a lot of people some are photographing, relaxing, celebration and taking wedding photography on that place, it was so delightful for me and my wife. We also taking a some photos on that bridge. Here you can see among those photos.

Malmoon (Pwint Thaw Tar Lin) The Henderson Waves Bridge.

The Henderson Waves Bridge @ Malmoon (Pwint Thaw Tar Lin)

The Henderson Waves Bridge @ chan min maung & pwint thaw tar lin

]]> http://www.phoechan.com/blog/once-to-henderson-waves-bridge-singapore/feed/ 1 Sentosa Waterfront Station http://www.phoechan.com/blog/time-lapse-photography-sentosa-waterfront-station/ http://www.phoechan.com/blog/time-lapse-photography-sentosa-waterfront-station/#comments Sun, 03 Jul 2011 06:40:57 +0000 Phoe Chan http://www.phoechan.com/blog/?p=267

Waterfront Station from chan minn maung on Vimeo.

This is my very first project in Time lapse photo shooting.Yes OF COURSE I know, it may not be perfect but I trying to make a perfect as long as I can. Anyway I got a lot of experience from this shooting that encourage me to make another project. See you soon, Thank for watching my movie :)

]]> http://www.phoechan.com/blog/time-lapse-photography-sentosa-waterfront-station/feed/ 0 Transformers http://www.phoechan.com/blog/transformers/ http://www.phoechan.com/blog/transformers/#comments Sun, 12 Sep 2010 04:11:25 +0000 Phoe Chan http://www.phoechan.com/blog/?p=245

Transformers from repey815 on Vimeo.

I found this Transformers Video clip on the Vimeo. Fantastic ! Based on Michael Bay’s Transformers. They doing this short film was shot in 2 hours. For shooting they used just  Canon 550D camera (+ kit lens 18-55mm + 50mm 1.8) and a little bit his friend’s camera Nikon D5000 (+ kit lens 18-55mm). By the way this is Nice Effort. Thanks for your Watching.

Video by repey815

]]> http://www.phoechan.com/blog/transformers/feed/ 0 ေန႕စဥ္ပြားသမွ် အမွတ္တရမ်ား (၂) http://www.phoechan.com/blog/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b/ http://www.phoechan.com/blog/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b/#comments Sun, 11 Jul 2010 10:17:26 +0000 Phoe Chan http://www.phoechan.com/blog/?p=233 ဒီေန႕ေတာ႕ ရံုးမွာ ေတာ္ေတာ္ပြားျဖစ္တယ္ ဇတ္လမ္းအစကေတာ႕ ဖုန္းနဲ႔စတာ iPhone 4 ေပါ႔ေလ ဝယ္မယ္မဝယ္ဘူးကေနစတာ တရုတ္ႀကီးက ျမန္မာျပည္မွာေရာ ဖုန္းကို plan ေတြနဲ႔ေရာင္းတာလားစေမးတယ္ အင္းဘယ္လိုေျပာရပါ႔ မရိွဘူးေပါ႔ ငါတို႕စီမွာ SIM Card ဝယ္ရတာ ခတ္တယ္လို႕
လိုခ်င္တိုင္းလည္းမရဘူး ပိုက္ဆံရိွလို႕လိုခ်င္ရင္ေတ

ာင္ 1လေလာက္ၾကာတယ္လို႕ ေျပာေတာ႕ ေတာ္ေတာ္အံၾသသြားတယ္ သူကေျပာတယ္ SIM card ကေရာတဲ႔ ေစ်းကဘယ္ေလာက္လည္း တဲ႔ SIM card ေစ်း မေျပာခင္သူ႕ကုိေတာ႕ ခန္႔မွန္းခိုင္းေသးတယ္ ဘယ္ေလာက္ ထင္လည္းဆိုေတာ႕ေျပာပါတယ္ စလံုး20 ပတ္ဝန္းက်င္တဲ႕ေလ သူေျပာတာလည္းမလြန္ပါဘူး လြန္တာက ကိုယ္႕ႏိုင္ငံက ဘယ္ႏွယ္႕ဗ်ာ SIM Card ေလးကိုေတာင္ စလံုး 2100ေလာက္ ေပးရတာလို႔ပဲ SIM Card ေစ်းလည္းေျပာလိုက္ေရာ မ်က္လံုးပါျပဴးၿပီး ဘုရားေပါင္းစံုတေတာ႕တာပဲ “အိုး အလမား အိုးမိုင္ေဂါ႕ဒ္ ရွားလား 2100 ေလာက္ ေဟာ္လာေဝး 2100″ ဟီး . . . အဲဒါကၽြန္ေတာ္မွတ္မိသေလာက္ သူ႕ရြတ္သြားတာေတြ က်န္ေသးတယ္ မမွတ္မိေတာ႕ဘူး ငါတို႕ႏိုင္ငံမွာ လူတိုင္းမကိုင္ႏိုင္ဘူး လူလတ္တန္းစားနဲ႔ခ်မ္းသာသူေတြပဲကိုင္တာဆိုေတာ႕ သူလည္းမၾကားဘူးတာၾကားလိုက္ရၿပီး ဗဟုသုတရ သြားတဲ႔မ်က္ႏွာေပးေလးနဲ႔ ေပကပ္ေပကလပ္နဲ႔ ေပါ႔။

အဲဒါက တရုတ္ႀကီးနဲ႔ ေျပာေနတာ ၿပီးေတာ႕ အိုင္တီ department သြားၿပီး ပြားျပန္ပါတယ္။ အစကတည္းကႀကိဳေျပာထားတယ္ေနာ္ “စကားအလြန္မ်ားေသာတနင္းလာသားကၽြန္ေတာ္ဆိုတာ” / သြားတာကေတာ႕ အလုပ္အရသြားတာပါ ဟိုမွာကျမန္မာျပည္က အိမ္နီးနာခ်င္း ကိုမန္က်ီးသီးေတြ (ကုလားမ်ား) ဒီဌာန တစ္ခုလံုးမွာ ကုလားေတြခ်ီပဲ ရိွတာ စကားလည္းအလြန္မ်ားလို႕ ေကာင္းတယ္၊ သူေဌးအခန္းနဲ႔ေဝးေနလို႕ေလ။ သူတို႕ကိုလည္း ဟိုေကာင္လို အံၾသသြားေအာင္ ေျပာမျပခင္ဒီေကာင္ေတြကုိလည္း ခန္႕မွန္းခိုင္းေသးတယ္
ဘယ္ေလာက္ထင္လည္းဆိုေတာ႕ ေျပာရွာပါတယ္ စလံုး16က်ပ္ေလာက္ေပါ႔တဲ႔ ဒါမွမဟုတ္ရင္ 12က်ပ္ေလာက္တဲ႔ေလ ဟဲဟဲ ဒီတစ္ခါလည္း အကြက္ဝင္ သြားတယ္ ဒီေကာင္ေတြအံၾသသြားေအာင္လုပ္လို႕ရၿပီေလ သိတယ္မလား ခဏခဏ သူတို႕ကို ျမန္မာျပည္က အေၾကာင္းေတြေျပာၿပီး Surprise ေတြလုပ္ေနတာ၊ ဒီတစခါလည္း ေအာင္ျမင္သြားတယ္ သူတို႕လည္း တရုတ္ႀကီးလိုပဲ ဘုရားေပါင္းစံုတၿပီး အံၾသတစ္ႀကီးေပါ႔ေလ။

အဲဒါက ကုလားႀကီးနဲ႔ေျပာတာ အခုကိုယ္႕အလွည္႕ သူကေျပာပါတယ္ ငါတို႕စီမွာ SIM Card ဘယ္ေလာက္လည္းေစ်းေပးရမယ္လို႕ထင္လည္းဆိုေတာ႕ ကၽြန္ေတာလည္း ေခသူမွမဟုတ္တာ ဒီက SIM Card ေစ်းကို ကုလားေစ်းနဲ႔ 36 က်ပ္ေလာက္နဲ႕ေျမာက္လိုက္တယ္ ကုလားေစ်း 700 ေလာက္ေတာ႕ရိွမွာေပါ႔လို႕မင္းတို႕ေငြနဲ႔ဆိုရင္လို႕ သူကေျပာပါေသးတယ္ နည္းနည္း ေလွ်ၽာ႕ၾကည္႕တဲ႔ကၽြန္ေတာ္လည္း ေသာက္ျမင္ကပ္ကပ္နဲ႔စလံုးေစ်း 10 (ကုလား 300) ေလာက္ေတာ႕ရိွမွာေပါ႔ဆိုေတာ႕ မဟုတ္ဘူးတဲ႔ ငါတို႕စီမွာ စလံုးေငြ ျပား30 (Singapore 30 cent) နဲ႔ SIM Card ဆိုတာဝယ္လို႕ရတယ္တဲ႔ ကၽြန္ေတာ္႕မွာသူတို႕ကို Surprise လုပ္ခဲ႔သမွ် ဒီတစ္ခါ ကၽြန္ေတာ္႕ တရုတ္ႀကီး လိုပဲျဖစ္သြားတယ္ မၾကားဘူးတာၾကားလိုက္ရၿပီး ဗဟုသုတရ သြားတဲ႔မ်က္ႏွာေပးေလးနဲ႔ ေပကပ္ေပကလပ္နဲ႔ ေပါ႔။

ဒါေတာင္ေျပာလိုက္ေသးတယ္ အဲဒါကိုေစ်းႀကီးလို႕ဆိုၿပီ ပြား (duplicate) လုပ္ၿပီးသံုးေသးတယ္ဆိုပဲ။ မွတ္သားေလာက္ပါေပတယ္ မန္က်ီးသီးတုိင္းျပည္ရယ္။

PS. ေျပာေသးတယ္ သူေတာင္စားေတြက လည္းဖုန္းကိုယ္စီရိွသတဲ႕ မြန္ဘိုင္းကသူေတာင္းစားေတြကဆိုရင္ ထမင္းဟင္း နဲ႔တစ္က်ပ္စိ ကုိလက္မခံဘူးတဲ႔ ဗ် အံေရာ အံေရာ လိုေျပာရမလိုပဲ။

ျမန္မာျပည္မွာေနတ႔ဲသူေတြ လည္းေနာင္မၾကာ ေသာကာလမွာ လူတိုင္း mobile phone ေလးကိုယ္စီကိုင္ႏိုင္က်ပါေစလို႕ဆုေတာင္းရင္း ;)

ဖိုးခ်မ္း / 8.7.2010

]]> http://www.phoechan.com/blog/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b/feed/ 0 ေန႕စဥ္ပြားသမွ် အမွတ္တရမ်ား (၁) http://www.phoechan.com/blog/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba-%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b%e1%80%99/ http://www.phoechan.com/blog/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba-%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b%e1%80%99/#comments Sun, 11 Jul 2010 09:45:34 +0000 Phoe Chan http://www.phoechan.com/blog/?p=229 တရုတ္ကုလားျမန္မာမ်ား စုမိေသာအခါမၾကားဘူးတာမ်ားၾကားခဲ႔ရေပသည္။

(၁) ေတာင္ပိုင္းအင္ဒီးယား (ေတာင္ပိုင္းကုလား or တလ္ေမး) လူမ်ဳိးမ်ားသည္ မိန္မပ်ဳိမ်ား ပထမဆံုး ေသြးေပၚခ်ိန္ကို အခမ္းအနားလုပ္ၿပီး ေသြးေပၚတဲ႔ မိန္းကေလးကို လက္ေဆာင္မ်ားေပးေလ႕ရိွေၾကာင္း

(၂) တရုတ္လူမ်ဳိးအခ်ိဳ႕ ကိုးကြယ္က်ေသာ ကြမ္ရင္မယ္ေတာ္မွာ အမ်ိဳးသား (ေယာက္က်ား) ႀကီးျဖစ္ေၾကာင္း အံၾသစြာ သိလိုက္ရသည္။

(၃) ျမန္မာျပည္မွာ မီးအလြန္ပ်က္ေသာ ရက္ေတြအရမ္းမ်ားတဲ႔ အေၾကာင္းကို ရံုးတြင္ေဖာက္သည္ခ်မိရာမွ ရံုးမွ မန္ေနဂ်ာႀကီးမွ အီသို႕ေျပာေပသည္။
ျမန္မာေတြသည္ Chinese ေတြကို တရုတ္ လို႔ေခၚသလို တရုတ္လူမ်ိဳးမ်ားသည္လည္း
ျမန္မာေတြကို (မ်င္ရ္ တန္႔လ္) လို႕ေခၚေၾကာင္း ထို အဓိပၸါယ္မွာ တရုတ္လို “မ်င္ရ္”ဆုိသည္မွာ “မရွိ” ဟုအဓိပၸါယ္
ရၿပီ “တန္႔လ္” ဆိုသည္မွာ “လွ်စ္စစ္မီး” ဟု ေခၚေပသီ
ဒါေၾကာင္႕ မင္းတို႕ စီမွာ လွ်ပ္စစ္မီးမရိွတာ အံၾသစရာ မရိွဘူးတဲ႔ မွတ္သားေလာက္ပါေပတယ္။

]]> http://www.phoechan.com/blog/%e1%80%b1%e1%80%94%e1%82%95%e1%80%85%e1%80%a5%e1%80%b9%e1%80%95%e1%80%bc%e1%80%ac%e1%80%b8%e1%80%9e%e1%80%99%e1%80%bd%e1%80%ba-%e1%80%a1%e1%80%99%e1%80%bd%e1%80%90%e1%80%b9%e1%80%90%e1%80%9b%e1%80%99/feed/ 0 Color Psychology http://www.phoechan.com/blog/color-psychology/ http://www.phoechan.com/blog/color-psychology/#comments Wed, 18 Mar 2009 02:49:22 +0000 Phoe Chan http://www.phoechan.com/blog/?p=119

color-psychology

ခင္ဗ်ားက Web Designer ျဖစ္ျဖစ္ Graphic Designer ျဖစ္ျဖစ္ Professional လိုင္းကိုသြားမယ္ဆိုရင္ Color ေတြအေၾကာင္း နားလည္ထားမွ ပိုေကာင္းပါမယ္။ ၿပီးခဲ႔တဲ႔ post မွာ Color Theory အေၾကာင္းေျပာထားေတာ႔ Color အေၾကာင္း ကိုနည္းနည္းေတာ႔ တီးမိေခါက္မိေတာ႔ရိွမွာပါ၊ ဒီတစ္ခါေတာ႔ Color Psychology အေၾကာင္းေျပာမယ္ေလ။

History of Color Psychology
Johann Wolfgang Goethe ဆိုသူကေတာ႔ လုူေတြရဲ႕စိတ္ နဲ႔ Color ဆက္ႏြယ္ေနမႈကို စတင္ေတြ႕ရိွသူျဖစ္ပါတယ္။ သူ႕ရဲ႕ Theory of Colors စာအုပ္မွာေတြျမင္ႏိုင္ပါတယ္။ 1947 ခုႏွစ္မွာေတာ႕ Max Luscher က Johann Wolfgang Goethe ရဲ႕ Theory ကိုအေျခခံၿပီးေတာ့ေနာက္တစ္ဆင္႔တက္ခဲ႔ပါတယ္။ Max Luscher ကေတာ႔ Color ေတြကို psychiatrists ၊ psychologists ၊ physicians စတဲ႔ပညာရွင္ေတြနဲ႔ စမ္းသပ္ခဲ႔ပါတယ္။ စမ္းသပ္မႈေတြမွာေတာ႔ အေရာင္ေတြနဲ႔ပတ္သတ္ၿပီး သိစိတ္၊ မသိစိတ္ ေတြနဲ႔ စရိုက္လကၡဏာေတြ၊ ဉာဥ္ နဲ႔ အျခားေသာ ေျမာက္ျမားစြာေသာစမ္းသပ္မႈေတြကိုျပဳလုပ္ႏိုင္ခဲ႔ပါတယ္။ Max Luscher စမ္းသပ္မႈကိုႀကီးၾကပ္ႏိုင္ခဲ႔တယ္ဆိုေပမယ္႔ အဲဒီ စမ္းသပ္မႈက အရမ္းနက္နဲတဲ႔ စိတ္ပညာ(psychological test) စမ္းသပ္မႈျဖစ္တာေၾကာင္႔ လူတစ္ေယာက္ရဲ႕ျခင္းရဲ႕ပင္ကိုယ္ စရိုက္လကၡဏာေတြအေပၚမႈတည္ၿပီး သတ္မွတ္ခ်က္ေတြ အေျမာက္အျမားထြက္ေပၚႏိုင္တယ္ဆိုတာ သိခဲ႔ရတယ္။

Color Psychology
အေရာင္ေတြက ကၽြန္ေတာ္တို႔ေတြရဲ႕ စိတ္ခံစားခ်က္နဲ႔ လႈပ္ရွားျခင္း ေတြအေပၚမွာ အက်ဳိးသက္ေရာက္မႈရိွပါတယ္ဆိုတာ မွန္သင္႔သေလာက္ မွန္ပါတယ္။ ခင္ဗ်ားဟာ ကမၻာႀကီးရဲ႕ ဘယ္နားမွာေနေန ခင္ဗ်ားတို႔ ကၽြန္ေတာ္တို႕ေနထိုင္တဲ႔ေနရာေဒသရဲ႕ ယဥ္ေက်းမႈကိုလိုက္ၿပီး အေရာင္ေတြရဲ႕ အဓိပၸါယ္က ေျပာင္းလဲတက္ပါတယ္။ ဒီေန႔ေခတ္မွာ Psychiatrists ပညာရွင္ေတြက Colors က လူေတြရဲ႕စိတ္ကိုေျပာင္းလဲႏိုင္တယ္လို႔ အတိအက် ေဖာ္ထုတ္ထားေသာ္လည္း၊ ကၽြန္ေတာ္တို႔ သူငယ္တန္းေလာက္မွာ ကတည္းက သင္ခဲ႔ရတာ အနီေရာင္ဟာ ရဲရင္႔ျခင္း၊ အျပာေရာင္ဟာ ၿငိမ္းခ်မ္းျခင္း ဆိုၿပီး သိလာရတာ၊ ဒါေၾကာင္႔ အနီျမင္ရင္ သတၱိေတြရိွခ်င္ရင္ရိွလာလိမ္႔မယ္၊ အျပာေရာင္ျမင္ရင္ အလိုလို ၿငိမ္းခ်မ္းျခင္ ရင္ၿငိမ္းခ်မ္းလာလိမ္႔မယ္၊ ဒါေပမယ္႔ အဲဒါေတြက တကယ္႕အေရာင္ရဲ႕ အဓိပၸါယ္ေတြ မဟုတ္ဘူး၊ အဲဒါေတြက သတ္မွတ္ခ်က္ေတြပဲ။ ေနာက္ဆံုးဗ်ာ ကမၻာေပၚမွာ ႏိုင္ငံတစ္ခုတည္းက်န္ရစ္ခဲ႔ေတာင္ အေရာင္ေတြရဲ႕ အဓိပၸါယ္နဲ႔ သတ္မွတ္ခ်က္ေတြက အခ်ိန္နဲ႔အမွ် လိုက္ေျပာင္းလဲေနဦးမွာပဲ။ ဆိုလိုတာကေတာ႕ အနီေရာင္ကို ရဲရင့္ျခင္းဟု ဒီႏွစ္ဒီအခ်ိန္မွာ သတ္မွတ္ေပမယ္႔ ေနာင္ ႏွစ္ႏွစ္ရာေလာက္က်ရင္ေတာ႔ အနီေရာင္က သူရဲေဘာေၾကာင္ျခင္းျဖစ္ ရင္ျဖစ္သြားမယ္လို႕ေျပာခ်င္တာပါ။ ဒီလိုဆိုရင္ အခုခင္ဗ်ားတို႔ သတ္မွတ္ထားတဲ႔ အေရာင္ရဲ႕အဓိပၸါယ္ေတြနဲ႔ ပတ္သတ္ၿပီးျဖစ္ေပၚလာတဲ႔ စိတ္ခံစားမႈေတြက အခ်ိန္ နဲ႔ ေနရာေဒသကိုလိုက္ၿပီး ေျပာင္းလဲႏိုင္တယ္လို႔ေျပာခ်င္တာပါ။

ဘာေၾကာင္႔ ဒီဆန္းစစ္ေဝဖန္ခ်က္ကအေရးႀကီးတာလဲ? ဒါကေတာ့အရမ္းရိုးရွင္းပါတယ္။ ခင္ဗ်ားက web site တစ္ခုကိုဆြဲေတာ႔မယ္ဆိုရင္ လက္ေတြ႔ ဘဝ နဲ႔ သဘာဝအေရာင္ေတြကိုေပါင္းစပ္ၿပီးဆြဲသင္႔တယ္။ေျပာခ်င္တာက အရင္ေခတ္အခါက အနက္ေရာင္ T-Shirt နဲ႔ Shirt ေတြကို ဝတ္ဆင္ေလ႔မရိွက်ဘူး၊ ဘာလို႔လဲဆိုေတာ႔ အနက္ေရာင္က မရဏအေရာင္၊ လာဘ္တိတ္တဲ႔ အေရာင္ဆိုၿပီးမဝတ္က်တာပါ။ ဒါေပမယ္႔ ဒီေန႔ေခတ္လူငယ္ေတြ(Emo, Punk, Rock and Alternative) ၾကားမွာ ေတာ႔အနက္ေရာင္ကို Popular အေရာင္အျဖစ္ဝတ္စားဆင္ယင္ေနက်တဲ႔ ေခတ္မွာ ခင္ဗ်ားမွာ ဟိုအရင္ အယူအစအေဟာင္းႀကီးေတြကိုလက္ကိုင္ထားၿပီး၊ အနက္ေရာင္ web site ဆြဲရင္ဘာျဖစ္တယ္၊ အနက္ေရာင္ T-Shirt ေတြဝတ္ရင္ ဘာျဖစ္တယ္ဆိုတာႀကီးကေတာ႔ ေအာက္ေနၿပီလို႔ေျပာခ်င္တယ္။ အရင္တုန္းက Microsoft Window Xp မွာဆိုရင္ Color Theory ေတြသံုးၿပီးတည္ေဆာက္ထားတယ္ ဆိုတာ Color Theory နားလည္တဲ႔ သူတိုင္း ျငင္းႏိုင္မွာမဟုတ္ပါဘူး။ Window XP မွာအေျပာေရာင္နဲ႔ အျဖဴေရာင္ကို Base ထိုင္ၿပီးေတာ႔ ဆြဲလာခဲ႔တယ္။ အခု Window Vista နဲ႔ Window 7 ေတြမွာ Black ကို base ထားၿပီး သံုးဆြဲလာက်ပါၿပီ ဒါက ေခတ္ေျပာင္းလာတာကိုရည္ညြန္းေနတာပါ။ Black ကိုေတာင္Royal Blackလို႔ေခၚၿပီး၊ Classic Black ျဖစ္ေအာင္လုပ္လာက်တာပါ။ ကဲဒါဆိုရင္ ခင္ဗ်ားကေရာ အနက္ေရာင္ကိုဘယ္လိုယူစေနဦးမွာလည္း ?

ေနာက္တစ္ခုက web site ေတြဆြဲတဲ႔ အခါက်ရင္ သဘာဝတရာမွာရွားရွားပါးပါးေတြ႔ရတဲ႔ အေရာင္ေတြကိုသံုးေစခ်င္တယ္။ ဥပမာ Gold Shop, Gems and Jewelry Site တစ္ခုကိုဆြဲမယ္ဆိုက်ပါစို႕ ခင္ဗ်ားဆြဲေနက် အျဖဴအျပာေတြ၊ အနီအနက္ေတြကိုေဘးခ်ိတ္ၿပီး၊ လက္ေတြ႕ကမၻာမွာေတြ႔ရခဲတဲ႔ ခရမ္းေရာင္လိုအေရာင္ေတြကိုသံုးကသင့္ပါတယ္။ ခရမ္းေရာင္က အတုအေရာင္သေဘာမ်ိဳးနဲ႔ပဲေတြ႕ရၿပီး Gold Shop, Gems and Jewelry Site မွာသံုးမယ္ဆိုရင္ Jewelry ပစၥည္းေတြကို ထင္ရွားေပၚလြင္ေစပါတယ္။ ဘာလို႔လဲဆိုေတာ႔ ခရမ္းေရာင္က ခန္းနားတင္႔တယ္ျခင္း၊ ေတာ္ဝင္ျဖစ္ျခင္း၊ ခ်မ္းသာၾကြယ္ဝျခင္းတို႕ကို ယေန႔ေခတ္အခါထိ ကိုယ္စားျပဳလို႔ျဖစ္ပါတယ္။ ေနာက္ဆို web site ဆြဲမယ္ဆိုရင္ ကၽြန္ေတာ္႔ကိုလာေမး ကၽြန္ေတာ္ကေတာ႕ ေပါက္တက္ကရေတြပဲေျပာလိုက္မွာပဲ… ဟဲဟဲ… ဒါေပမယ္႔ ကၽြန္ေတာ္ေျပာလိုက္လို႔ Jewelry Site ကိုခရမ္းေရာင္သံုးျဖစ္တယ္ဆိုရင္ေတာ႕ ကၽြန္ေတာ္႔ကို မုန္႔ဝယ္ေကၽြးဖို႕မေမ႔နဲ႔ ဦးေနာ္ :P ။

Colors in Advertising
ကၽြန္ေတာ္အေပၚမွာလည္းေျပာထားၿပီးၿပီ Color Theory For Web Design ဆိုၿပီးေတာ႔လည္း Post တစ္ခုတင္ၿပီးၿပီဆိုေတာ႔ ကိုယ္ဆြဲရမယ္႔ Web Site က ဘယ္အေရာင္က သင္႔ေတာ္တယ္ မသင္႔ေတာ္ဘူးဆိုတာကေတာ႔ေျပာဖို႔မလိုေလာက္ေတာ႔ပါဘူး။ အမွန္ေတာ႔ web site ရဲ႕ မွန္ကန္တဲ႔ အေရာင္ ေရြးခ်ယ္ျခင္းမွာ အရမ္းရိုးရွင္းတဲ႔ စီးမ်ဥ္း စီးကမ္းေတြရိွပါတယ္။ ဒါေပမယ္႔ အေရာင္ေရြးခ်ယ္ခ်င္း အမ်ားစုကေတာ႔ လူတစ္ေယာက္ခ်င္းစီရဲ႕စိတ္ခံစားမႈ အေျခအေနနဲ႔ ပါရမီေပၚမွာမႈတည္ၿပီး ပိုေကာင္းလာေတြရိွတက္သလို၊ ပိုဆိုးသြားတာေတြလည္းရိွတက္ပါတယ္။ ပိုေကာင္းသြားရင္ေတာ႔ အဲဒါကို ေဖါက္ထြက္ခ်င္းလို႔ေခၚဆိုႏိုင္ပါတယ္။ ျဖစ္ႏို္င္ရင္ ေဘာင္အျပင္ကိုေက်ာ္ၿပီး စဥ္းစားေစခ်င္ပါတယ္။
(You Must Think Out Of The Box !)

ခင္ဗ်ားဟာ Online မွာ Products တစ္ခုခုကိုေရာင္းေတာ႕မယ္ဆိုပါစို႔ ဒါဆိုရင္ ပထမဆံုးသိသင္႔တဲ႔အခ်က္ကေတာ႕ online marketing မွာသံုးမယ္႔ အေရာင္ေတြရဲ႕သတ္မွတ္ခ်က္ေတြျဖစ္ပါတယ္။ အနီေရာင္က တစ္ခုခုကို လုပ္ေတာ႔လို႔ ကၽြန္ေတာ္တို႔ စိတ္ကို လံႈေဆာ္ေပးပါတယ္။ အနီေရာင္ကို မီးခိုးေရာင္နဲ႔ တြဲသံုးမယ္ဆိုရင္ခင္ဗ်ားရဲ႕ ျဖစ္ခ်င္ေနတဲ႔ စိတ္ကို အေရာက္ပို႔ေပးပါတယ္။ ေျပာခ်င္တာကေတာ႔ မီးခိုးေရာင္ကို Background သံုးၿပီ အနီေရာင္ကို button အေနနဲ႔ သံုးၿပီး Button ကိုႏို္ပ္ခ်င္စိတ္ေပါက္ေအာင္ လုပ္ေဆာင္ေပးႏိုင္တယ္လို႔ေျပာခ်င္တာပါ။ အျပာေရာင္က တံု႔ျပန္ႏိုင္မႈကို ျမန္ဆန္ေစျခင္း ႏွင္႔ သစၥာရိွျခင္းတို႔ကိုေဖၚေဆာင္ေပးပါတယ္။ online business မွာေတာ႔ အနီေရာင္၊ အျပာေရာင္ေတြ ကို အာမခံတဲ႔ ေၾကာ္ျငာေတြမွာအမ်ားဆံုးျမင္ေတြ႔ႏိုင္ပါတယ္။ခင္ဗ်ားတို႔ေတြ႔ဖူးမွာပါ 30 Days Money back guarantee ! တို႔ဘာတို႔ကိုေျပာတာေပါ႔ဗ်ာ။ အျဖဴေရာင္ကေတာ႔ Professional ျဖစ္တဲ႔ Business Site ေတြမွာျမင္ေတြ႔ႏိုင္ပါတယ္။ ဘာလို႔လဲဆိုေတာ႕ အျဖဴေရာင္က Business လုပ္ငန္းေတြမွာ First Impression ျဖစ္ျခင္းေၾကာင္႔ပါ။ ကၽြန္ေတာ္တို႔ရဲ႕ အခ်စ္ေတာ္ Microsoft Web Site မွာဆိုရင္အနီ၊အျပာ နဲ႔ အျဖဴေရာင္ေတြကိုေဖါေဖါသီသီ ေတြ႔ရမွာပါ။ ဘာလို႔လဲဆိုတာကေတာ႔ ေျပာမေနေတာ႔ပါဘူး၊ စဥ္းစားၾကည္႕ရံုနဲ႔သိႏိုင္ပါတယ္။

About Author

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/color-psychology/feed/ 4 Color Theory For Web Design http://www.phoechan.com/blog/color-theory-for-web-dseign/ http://www.phoechan.com/blog/color-theory-for-web-dseign/#comments Wed, 18 Mar 2009 02:37:09 +0000 Phoe Chan http://www.phoechan.com/blog/?p=113

color-theory-for-web-dseign

ဒီေန႔ ေခတ္အခါအရ ေျပာရရင္ website ဆိုတာ ေစ်းကြက္စီးပြားေရးစနစ္သစ္ တစ္ခုျဖစ္ႏိုင္တယ္လို႔ေျပာခ်င္တယ္။ ၿပီးေတာ႔ global communication လုပ္နိုင္တယ္ဆိုတာဆိုလို႔ website တစ္ခုပဲရွိတယ္။ website တစ္ခုက company ရဲ႕ products ၊ company ရဲ႕ services ေတြကို ကိုယ္စားျပဳပါတယ္။ ေနာက္ၿပီးေတာ႔ company ကို customers ေတြရဲ႕ အထင္ၾကီးမွုကိုလည္း ခံယူႏိုင္ပါတယ္။ ေနာက္ပိုင္းမွာေတာ႔ company ၾကီးေတာ္ေတာ္မ်ားမ်ားဟာ သူတို႔ရဲ႕ company ရဲ႕ အမွတ္တံဆိပ္ logo တစ္ခုရဲ႕အေရာင္ အတြက္ ေငြေတြသန္းေပါင္းမ်ားစြာ အကုန္က်ခံၿပီးေတာ႔ သံုးစြဲေလ႔ရွိပါတယ္။ ဘာလို႔ ဒီေလာက္ေငြပမာဏ သံုးစြဲတာလဲဆိုေတာ႔ အေျဖကရွင္းပါတယ္။ သူတို႔ရဲ႕ product logo ကို design နဲ႔ color ကို (unique) အတုမရွိ ျဖစ္ခ်င္လို႔ပါပဲ။

အဲဒီေတာ႔ website တစ္ခုကို ဖန္တီးတဲ႔အခါက်ရင္ အေရးၾကီးတဲ႔ အခ်က္ေတြအမ်ားၾကီးရွိေပမဲ႔ ဒီ post မွာေတာ႔ website နဲ႔ color အေၾကာင္းေျပာခ်င္ပါတယ္။ ကၽြန္ေတာ္က ပန္းခ်ီဆရာတစ္ေယာက္မဟုတ္ေတာ႔ color theory အေၾကာင္းအရမ္းနားမလည္ပါဘူး။ ဒါေပမဲ႔ website နဲ႔ ပက္သက္ျပီးေတာ႔ color theory အေၾကာင္းေျပာခ်င္ပါတယ္။

အေရာင္ေတြမွာ စြမ္းအားကိုယ္စီ ရွိၾကပါတယ္။ အေရာင္ေတြဟာ လူေတြရဲ႕ စိတ္ကို ညို႔ယူဖမ္းစားႏိုင္ရံုသာမက ကိုယ္အမူအရာေတြကိုလည္း ေျပာင္းလဲႏိုင္ပါတယ္။ ဒါေၾကာင္႔ website တစ္ခုအတြက္ color ေရြးခ်ယ္မႈကလည္းအေရးႀကီးတဲ႔အခန္းက႑ကပါဝင္လာပါတယ္။ website ရဲ႕ Themes က Company Logo ေပၚမွာမႈတည္ၿပီးဆြဲက်ပါတယ္။ တစ္ခါတစ္ေလ ကိုယ္ဆြဲတဲ႔ color ကပိုေကာင္းသြားတတ္သလို ၊ပိုဆိုးသြားတတ္တာမ်ိဳး ၾကံဳေတြ႔ႏိုင္ပါတယ္။မ်ားေသာအားျဖင္႔ Customer ေတြကသူတို႔ၾကိဳက္တဲ႔ color ေတြနဲ႔ ဖန္တီးေရးဆြဲခိုင္းေလ႔ရွိပါတယ္။ ေနာက္တစ္ခုက ျမန္မာလူမ်ိဳးေတာ္ေတာ္မ်ားမ်ားက ေဗဒင္ယံုၾကည္ေလ႔ရွိၾကတယ္။ ကုန္ပစၥည္းအမွတ္တံဆိပ္ကိုေပးရင္ေတာင္မွ သံုးရမယ္႔ color ေတြကို ေဗဒင္ဆရာနဲ႔ တိုင္ပင္ျပီးမွ လုပ္ေဆာင္ေလ႔ရွိပါတယ္။

ဒါေၾကာင္႔ ျမန္မာႏိုင္ငံရဲ႕ logo ေတာ္ေတာ္မ်ားမ်ားနဲ႔ logo color ေတာ္ေတာ္မ်ားမ်ားမွာ အစိမ္း၊ အဝါ၊ အနီေသြး ကိုအမ်ားအားျဖင္႔ ခပ္ပိန္းပိန္း ေတြ႔ရပါတယ္။ သာမန္ Company ရဲ႕ Products ဆိုရင္ေတာ႔ ၿပီးစလြယ္ DP သမားတစ္ေယာက္ဆီမွာ အပ္ၿပီးလုပ္ေလ႔ရွိပါတယ္။ အေနာက္တိုင္းကလို ေငြေတြသန္းေပါင္းမ်ားစြာ အကုန္က်ခံၿပီး စဥ္းစားလုပ္ကုိင္ေလ႔မရွိပါဘူး။ ဒါကဘာျဖစ္လို႔လဲဆိုေတာ႔ သူတို႔ company ရဲ႕ budget အရလည္းျဖစ္ႏိုင္ပါတယ္။ လုပ္ရေကာင္းမွန္းမသိတဲ႔ knowledge မရွိတာလည္း ျဖစ္ႏိုင္ပါတယ္။ ဒါေၾကာင္႔ product ရဲ႕ logo တစ္ခုလုပ္ေတာ႔မယ္ဆိုရင္ တတ္သိတဲ႔ design ပညာရွင္ေတြ logo creator ေတြနဲ႔ တိုင္ပင္ၿပီးမွ လုပ္သင္႔ပါတယ္။ အေရာင္ေတြက Log ေတြမွာတင္မကပါဘူး web design ေရးဆြဲတဲ႔ အခါမွာ လည္း color ေတြဟာ website ေတြနဲ႔ layout ေတြလိုပဲ အေရးပါတဲ႔ အပိုင္းမွာ ပါဝင္ပါတယ္။

1.website ေပၚမွာ color ေတြရဲ႕ သက္ေရာက္မွူ

Website ကိုၾကည္႔တဲ႔ user တစ္ေယာက္က website ရဲ႕ အေၾကာင္းအရာေတြကို မၾကည္႔ခင္ website ရဲ႕ color နဲ႔ အျပင္အဆင္ကို 8 seconds ကေန 10 seconds ေလာက္ၾကည္႔ ၿပီးမွ သူလိုခ်င္တဲ႔ အေၾကာင္းအရာကို ဆက္ၾကည္႔ပါတယ္။ အဲ႔ဒီအခ်ိန္မွာ သင္႔ web pages က အမဲေရာင္ background မွာ pure အျဖဴေရာင္စာလံုးေတြနဲ႔ ေရးထားရင္ စာဖတ္သူရဲ႕ မ်က္စိကိုစူးေစပါတယ္။ ေနာက္ျပီး ပိုေပၚလြင္ေစခ်င္လို႔ အျပာေရာင္၊ ပန္းဆီေရာင္၊ အစိမ္းေရာင္ေတြသံုးရင္ေတာ႔ သင္႔ရဲ႕ website ကိုၾကည္႔ဖို႔ဆိုတာ 30% ေလာက္ေတာင္ မျဖစ္ႏိုင္ေတာ႔ပါဘူး။ User ကသင္႔ရဲ႕ data ေတြက သူအတြက္ လိုအပ္ရင္ေတာ႔ ၾကည္႔လိမ္႔မယ္။ ဒီအခ်က္ကုိၾကည္႔ျခင္းအားျဖင္႔ website တစ္ခုကိုဖန္တီးတဲ႔ အခါမွာလုိက္နာရမယ္႔ အခ်က္ေတြရွိပါတယ္။

  • website ရဲ႕ color က user ကိုဆြဲေဆာင္မွုရွိရပါမယ္။
  • Relaxed And Comfortable ျဖစ္ရမယ္။
  • Safe And Secure လည္းျဖစ္ရမယ္။
  • No Confuse and ambiguous (စိတ္မရႈပ္ေထြးေစရန္ႏွင္႔ အဓိပၸါယ္ႏွစ္ခြမျဖစ္ေစရန္) တို႔ျဖစ္ပါတယ္။

ဒါေၾကာင္႔ website တစ္ခုကို create မလုပ္ခင္မွာ color အေၾကာင္းကို အေျခခံနားလည္ထားႏိုင္ရင္ အေကာင္းဆံုးပါပဲ။ ကဲ color ေတြအေျခခံသေဘာတရားေတြကို ရွင္းျပထားပါမယ္။

Warm Color (ေႏြးေထြးမႈရွိတဲ႔အေရာင္)

ေႏြးေထြးတဲ႔ အေရာင္ေတြက အဝါေရာင္ ၊ လိေမၼာ္ေရာင္ ၊ အညိဳေရာင္ ၊ စိမ္းဝါေရာင္ ၊ နီလိေမၼာ္ေရာင္ ေတြကိုအေျခခံပါတယ္။ Warn Color ေတြက စိတ္ကိုလႈပ္ရွားေစတယ္ ၊ ရန္လိုေစတဲ႔သေဘာကို ေဆာင္ပါတယ္။ ဒါေၾကာင္႔မသံုးမျဖစ္သံုးရမယ္ဆိုရင္ေတာင္ Warn Color ကို အနည္းငယ္ကိုသာ သံုးေစခ်င္ပါတယ္။

Intermediary colors (ၾကား အေရာင္)

Purples ႏွင္႔ greens Color ေတြကေတာ႔ Warn Color လည္းမဟုတ္သလို Cool Colorလည္းမဟုတ္ပါဘူး၊ Red Color ႏွင္႔ Orange Color မ်ားသြားရင္  Warn Color ျဖစ္သြားၿပီးေတာ႔ Blue Color မ်ားရင္ေတာ႔ Cool Color ဘက္ကိုေျပာင္းသြားပါတယ္။

Cool colors (ေအးမွ်ေသာအေရာင္)

Cool colors ေတြကေတာ႔ on blues, greens, pinks, purples, blue-greens, magentas, and blue-reds ေပၚမွာအေျခတည္ပါတယ္။ Cool colors ေတြက Design ဆြဲတဲ႔ အခါ ၿငိမ္တယ္၊ Cool color ကိုမ်ားမ်ား သံုးႏိုင္တယ္ ဘာမွ Shock မရိွႏိုင္ပါဘူး။

Neutral Colors (မႏုလြန္း မရင့္လြန္းေသာ အေရာင္)

Neutral Colors ေတြမွာ white, black, gray တို႔ကိုေျပာတာပါ ဒါေပမယ္႔ Neutral Colors ေတြမွာ Gray Color ပမာဏပိုမ်ားတယ္။ Neutral Colors ေတြက Background ခံသံုးရင္အေကာင္းဆံုးလို႔ေျပာလို႔ေျပာလို႔ရတယ္။ Neutral Colors ေတြက warm colors ကိုပိုမိုေကာင္းမြန္ေအာင္လုပ္ေဆာင္ေပးႏိုင္ပါတယ္။

Multi-color (အေရာင္ေပါင္းစံု)

Multi-color သံုးထားတဲ႔ Site ေတြမွာ user visiting ေတြ အခ်ိန္အရမ္းနည္းပါတယ္။ အေရာင္ေပါင္းစံုေအာင္သံုးထားေတာ႔ user မ်က္စိေႏွာက္ၿပီး ဆက္ၾကည္႔ခ်င္စိတ္ ကုန္ခန္းတက္ပါတယ္။ ဒါေၾကာင္႔ျဖစ္ႏိုင္ရင္ web site မွာ ေရာင္ေတြ အမ်ားႀကီးသံုးမဲ႔ အစား 2 colors, 3colors ေလာက္နဲ႔ လွေအာင္သံုးေစခ်င္ပါတယ္။

Color Harmony (လိုက္ဖက္အေရာင္)

အေရာင္ေတြအမ်ားႀကီးသံုးတာ user ကိုစိတ္ကိုရႈပ္ေထြးေစတက္သလို အေရာင္နည္းနည္းေလးသံုးထားခ်င္းကလည္း user ကို ပ်င္းရိေစပါတယ္။ web page တစ္ခုမွာ different color ေတြကို တက္ႏိုင္သမွ် ေလွ်ာ႔ခ်ၾကည္႔ပါေနာက္ၿပီး Cool Color နဲ႔ Warn Color ေတြကို လြန္လြန္ကဲကဲႀကီးတြဲမသံုးမိပါေစနဲ႔ ။ဒါေၾကာင္႔ အေရာင္ေတြသံုးရင္ အရမ္းလည္းအမ်ားႀကီးမဟုတ္သလို အရမ္းမနည္းလြန္းေစပဲ Balance ျဖစ္ေအာင္သံုးသင္႔ပါတယ္။

Computer Color Display

Computer Monitor ေတြမွာ Red, Green နဲ႔ Blue အေရာင္သံုးေရာင္ကိုသံုးၿပီး Color ကို Monitor ေပၚမွာေဖၚျပေစပါတယ္။ အဲဒါကို RGB Colors လို႔လည္းေခၚႏိုင္ပါတယ္။ Monitor မွာေပၚတဲ႔ အျခား Colors ေတြကRGB Colors ကို ေပါင္းစီးၿပီးရလာတာျဖစ္တယ္။ ၿပီးေတာ႔ RGB Colorဟာ Printing Colors ေတြနဲ႔ လံုးဝမတူတဲ႔ အတြက္ RGB Color ကို Printing ေတြမွာသံုးလို႔မရပါဘူး။

Web Color

Web မွာ ျပႆနာတက္တာကေတာ႔ website ေတြက ခင္ဗ်ားတို႔ဆြဲလိုက္တဲ႔ Color အတိုင္း မွန္ကန္စြာ မျပေပးႏိုင္တာပါပဲ။ ဘာလို႔မျပႏိုင္လည္းဆိုေတာ႔ bit-depth ေတြေၾကာင္႔ျဖစ္ပါတယ္။Bit Depth ဆိုတာက User တစ္ေယာက္ခ်င္းစီရဲ႕ Computer တိုင္းမွာရိွတဲ႔ display setting ခ်ိန္ညိွထားတဲ႔ အေပၚမွာမတူညီခ်င္းျဖစ္ပါတယ္။ အဲဒိ display setting မတူညီခ်င္းက Alternative colors (သမား႐ိုးက် မဟုတ္တဲ႔ Color) နဲ႔ Color Shifting (အေရာင္ေတြေျပာင္းလဲခ်င္း) အခ်က္ေတြျဖစ္ႏိုင္ပါတယ္။ web site ကိုလာၾကည္႔သူရဲ႕ Display Setting Colors က အေရာင္ေတြကိုေကာင္းစြာပံုေဖၚေပးႏုိင္ရင္ေတာင္မွ Gamma စက္ခၽြတ္ယြင္းမႈအေျခအေနေၾကာင္႔ Colors ေတြကိုပ်က္စီးေစတက္ပါတယ္။ ဒီျပႆနာေတြေၾကာင္႔ အႏုပညာရသပ်က္ေလာက္ေအာင္ ႔ဆိုးဆိုးရြားရြားျဖစ္ရံုသာမက Visitor ေတြရဲ႕ အာရံုစူးစိုက္ခ်င္းကိုပါေရာ႔နည္းေစတယ္။ ဒီေန႔ေခတ္နည္းပညာအရ web trend မွာ color management လိုအပ္ခ်က္ေတြပိုမိုျမင္႔မားလာႏိုင္ပါတယ္။

Browser-safe palette

Mac OS, UNIX, နဲ႔ Windows Web Browsers ေတြနဲ႔လိုက္ေရာညီေထြ safe ျဖစ္ႏိုင္တဲ႔ Colors palette 216 ပဲရိွပါတယ္။ဒါေပမယ္႔ ဒီေန႔ေခတ္ Computer ေတြကို millions of colors အေရာင္ေပါင္းသန္းေပါင္းမ်ားစြာကိုေဖၚျပေပးႏိုင္ပါတယ္။ ခင္ဗ်ားရဲ႕ web site ကို Visitors ေတြက 256 color computer နဲ႔ၾကည္႔လိမ္႔မယ္လို႔ထင္ရင္ေတာ႔ browser-safe palette of 216 colors ကိုသံုးသင္႔ပါတယ္။ အေရာင္အႏုအရင္႔ကိုလိုက္ၿပီး အဓိက color palette (2)ႏွစ္မ်ဳိးကေန (3)သံုးမ်ဳိးသံုးတာက ခင္ဗ်ား web site ကိုပိုမို ဆြဲေဆာင္ႏိုင္မႈရိွပါတယ္၊ဒိအျပင္ Color palette ကိုအနည္းငယ္သံုးဆြဲခ်င္းက Images ေတြရဲ႕ File Size ကိုေသးေစရံုမကပဲ Loading Time ကိုလည္းျမန္ဆန္ေစပါတယ္။ ဒါေၾကာင္႔ Color palette ကို limited လုပ္ၿပီးသံုးမလား ေဖါေဖါသီသီ သံုးမလားဆိုတာ ခင္ဗ်ားကိုယ္တိုင္ပဲဆံုးျဖတ္ပါ။

Text Colors

Background color နဲ႔ text color ကိုေရြးခ်ယ္တဲ႔ေနရာမွာ အလြန္သတိထားေရြးခ်ယ္ရပါမယ္။ စာသားေတြစာလံုးေတြ အလြယ္တကူဖတ္ႏိုင္စြမ္းရိွရန္ လိမၼာပါးနပ္ဖို႔လိုပါတယ္။ Background color က အေမွာင္ေရာင္ျဖစ္ၿပီး text စာသားက အလင္းဘက္ပါေသာ အေရာင္နဲ႔ ဆိုရင္ဒီစာလံုးကိုေကာင္းစြာျမင္ႏိုင္ပါတယ္။ အျဖဴနဲ႔ အမဲ က အၿမဲတမ္း အေကာင္းဆံုးလိုက္ဖတ္ညီေသာအတြဲျဖစ္ပါတယ္။ အနီေရာင္နဲ႔ အျပာေရာင္က hight light color ေတြထဲမွာေတာ႔ အေကာင္းဆံုး Colorေတြျဖစ္တယ္။ ဒါေပမယ္႔ Black Color Background မွာ Warn Color text ေတြေရးရင္ေတာ႔ ဖတ္ရတဲ႔ User ေတြမ်က္စိစူးလိမ္႔မယ္လို႔ ကၽြန္ေတာ္ထင္တယ္။

Color Chart

ႏိုင္ငံတစ္ကာနဲ႔ ဆက္ဆံရတဲ႔ အခါမွာ Color ရဲ႕ အဓိပၸါယ္ေလးေတြေတာ႔ အနည္းအက်ဥ္းသိသင္႔ပါတယ္။ ဒါေၾကာင္႔ ကၽြန္ေတာ္သိသေလာက္ေဖၚျပေပးပါ႔မယ္။

Blue

အျပာေရာင္ဆိုတာ ကၽြန္ေတာ္တို႔ ခင္ဗ်ားတို႔သိက်တဲ႔ အတိုင္းၿငိမ္းခ်မ္း ျခင္းကိုေျပာတာပါ။ ဒါ႔အျပင္ ၿငိမ္သက္ျခင္း၊ တည္ၾကည္ျခင္း၊ သဟဇာတျဖစ္ျခင္း၊ စည္းလုံးညီညြတ္ျခင္း၊ အားကိုးျခင္း၊ စိတ္ခ် ယံုၾကည္ျခင္း တို႔ကိုလည္း အဓိပၸါယ္ေဖၚေဆာင္ပါေသးတယ္။ အေရွ႕အလည္ပိုင္းေဒသေတြမွာဆိုရင္ အျပာေရာင္ဟာ အကာအကြယ္ေပးႏိုင္ေသာအေရာင္အျဖစ္ယံုၾကည္က်တယ္။ အႏၵိယမွာေတာ႔ Krishna ရဲ႕ အေရာင္အျဖစ္သတ္မွတ္က်ပါတယ္။ ျမန္မာျပည္မွာေတာ႔ ေဗဒင္ယံုၾကည္တဲ႔ သူေတြက အျပာေရာင္ Blue Color ကိုေတာ္ေတာ္မ်ားမ်ားေရွာင္က်ပါတယ္။ ဘာလို႔လဲဆိုေတာ႔ သူတို႔ Company ႀကီး ျပာယာခတ္ေန မွာဆိုးလို႔ဆိုၿပီးအျပာေရာင္ကိုမႀကဳိက္တက္က်ပါဘူး။ ကၽြန္ေတာ္႔လက္ေတြ႔ပါ :)

Black

အနက္ေရာင္ဟာ စြမ္းအားေတြ၊ ခန္းနားျခင္းေတြ၊ခံညားျခင္းေတြကိုပိုင္ဆိုင္ႏိုင္ရံုသာမက ဆန္႔က်င္ဘက္ျဖစ္တဲ႔ ေၾကာက္ရြံ႕ျခင္း၊ ပူပင္ ျခင္း၊ လပ္္တိပျခင္း၊ လွ်ဳိ႕ဝွက္ဆန္းၾကယ္ျခင္း၊ ႏွင္႔ ေသမင္းရဲ႕အေရာင္ဟုတင္စားေခၚေဝၚေလ႔ရိွက်ပါတယ္။ USA မွာေတာ႔ အနက္ေရာင္ဟာ ဝမ္းနည္းေၾကကြဲခ်င္းအထိမ္းအမွတ္ကိုေဖၚျပေလ႔ရိွက်ပါတယ္။

Green

အစိမ္းေရာင္ဟာ သဘာဝတရား၊ က်န္းမာျခင္း၊ ကံေကာင္းျခင္း၊ အားသစ္မာန္သစ္ ႏိုးၾကြလာျခင္း၊ လူသစ္စိတ္သစ္ ျဖစ္လာျခင္း၊ ငယ္ရြယ္ႏုပ်ဴိျခင္း ၊ အသက္ရွည္ႏိုင္စြမ္းရိွျခင္း၊ ျမဴးၾကြသြက္လက္ေပါ့ပါးျခင္း၊ရက္ေရာမႈ။ ေစတနာေကာင္းျခင္း၊ ေပးကမ္းစြန္႔ၾကဲတတ္ျခင္း၊မနာလိုျခင္း တို႔ကို အဓိပၸာယ္ေဖၚေဆာင္ပါတယ္။ အႏၵိယမွာေတာ႔အစိမ္းေရာင္ဟာ မြတ္စလင္ ဘာသာေတြရဲ႕ေရာင္ျဖစ္ပါတယ္။ Ireland အိုင္ယာလန္မွာေတာ႔ Catholic ဘာသာဝင္ေတြအတြက္ကိုယ္စားျပဳပါတယ္။ ကမၻာ့အပူပိုင္းေဒသေတြမွာအစိမ္းေရာင္ဟာအႏၱရယ္နဲ႔ ဆက္ႏြယ္ေလ႔ရိွတယ္လို႔ ယူစေလ႔ရိွပါတယ္။

Orange

လိေမၼာ္ေရာင္ဟာ စြမ္းအား၊ ဟန္ခ်က္ညီျခင္း၊ အပူ၊ စိတ္အားထက္သန္မႈ၊ တက္ၾကြမႈ၊ ခ်က္ခ်ာျခင္း၊ အသက္ပါျခင္း၊ ဝင့္ၾကြားျခင္း၊ Ireland အိုက္ယာလန္တြင္ လိေမၼာ္ေရာင္ဟာ ပ႐ိုတက္စတင့္ဂိုဏ္း(Protestant)  ကိုကိုယ္စားျပဳပါတယ္။

Purple

ခရမ္းေရာင္ဟာ ေတာ္ဝင္အေရာင္လို႔တင္စားေခၚဆိုက်တယ္။ ေနာက္ၿပီး စိတ္ဓတ္ကိုျမင္႕တင္ေစႏိုင္ျခင္း၊ ျမင့္ျမတ္ျခင္း၊ ကိန္းႀကီးခန္းႀကီးႏိုင္ျခင္း၊ လွ်ဳိ႕ဝွက္ဆန္းၾကယ္ျခင္း၊ ပံုစံေျပာင္းျခင္း၊ အေျမာ္အျမင္ရိွျခင္း၊ ဉာဏ္အလင္းရေစျခင္း၊ အသိၾကြယ္ေစျခင္း၊ သိျမင္ရွင္းလင္းေစျခင္း တို႔ကိုေဖၚေဆာင္ပါတယ္။ ေဗဒင္ အေနနဲ႔ၾကည္႔မယ္ဆိုရင္ ခရမ္းေရာင္က လာဘ္အေရာင္ျဖစ္တယ္လို႔ယူစက်တယ္၊ ခရမ္းေရာင္ ပိုက္ဆံအိတ္ျဖစ္ျဖစ္၊ ခရမ္းေရာင္ေက်ာက္ျဖစ္ျဖစ္ေဆာင္ထားရင္ လာဘ္ေကာင္းတဲ႔ အျပင္ ေငြကိုပါဆြဲေဆာင္ႏိုင္စြမ္းရိွတယ္။

Red

အနီေရာင္က ခ်စ္ျခင္း၊ အႏၱာရယ္ရိွျခင္း၊ လိုအင္၊ ဆႏၵ၊ ေတာင့္တမႈ၊ လ်င္ျမန္ျခင္း၊ ၾကံ႕ခိုင္ျခင္း၊ ခြန္အား အင္အား ျပည့္ျခင္း၊ ၾကမ္းက်ဴပ္ျခင္း၊ ေဒါသျဖစ္ျခင္း၊ ေသြးထြက္သံယိုျဖစ္ျခင္းတို႔ကို ကိုယ္စားျပဳပါတယ္။ တရုတ္လူမ်ဳိးေတြကေတာ႕ အနီေရာင္ကို အခန္းအနားေတြပြဲေတြ နဲ႔ ကံေကာင္းေစျခင္း အဓိပၸါယ္ကိုေဖၚေဆာင္ရင္သံုးေလ႔ရိွက်ပါတယ္။ တရုတ္ေတြကအနီေရာင္ကို အသုဘအခန္းကအစ မဂၤလာေဆာင္အဆံုး အနီေရာင္ကိုအသံုးျပဳေလ႔ရိွက်ပါတယ္။ အႏိၵယမွာေတာ႔ အနီေရာင္ကို စင္ၾကယ္ျခင္းအထိမ္းအမွတ္ အျဖစ္ မဂၤလာေဆာင္ေတြမွာ အသံုးျပဳေလ႕ရိွက်ပါတယ္။

White

အျဖဴေရာင္ကို စင္ၾကယ္ျခင္း၊ သန္႔စင္ျခင္း၊ အျပစ္ကင္း႐ိုးသားျခင္း၊ ၿငိမ္းခ်မ္ျခင္း၊ ႏွိမ့္ခ်ျခင္း၊ ေအာက္က်ဳိ႕ျခင္း၊ ေမြးဖြားျခင္း၊ ငယ္ရြယ္ႏုပ်ဳိျခင္း၊ ေကာင္းမြန္ျခင္း၊ အိမ္ေထာင္ျပဴျခင္း၊ တို႕မွာ အသံုးျပဳေလ႔ရိွက်ပါတယ္။ ဂ်ပန္လူမ်ဳိးေတြကေတာ႕ ေဇာ္မႊားပန္းအျဖဴေရာင္ (white carnations) ကို ေသျခင္းရဲ႕ လကၡဏာအျဖစ္ အသံုးျပဳေလ႔ရိွပါတယ္။ အေနာက္တိုင္းမွာေတာ႔ ေအးစိမ့္ျခင္း ႏွင္႔ ဆုတ္ယွတ္ျခင္းရဲ႕ အမွတ္အသားျဖစ္ပါတယ္။ အေမရိကန္မွာေတာ႔ အျဖဴေရာင္ကို အပ်ဳိစင္ေတြအျဖစ္ ကိုယ္စားျပဴပါတယ္။

Yellow

အဝါေရာင္က ေပ်ာ္ရႊင္ျခင္း၊ ယံုၾကည္မႈ ရွိျခင္း၊ စိတ္ကူးယဥ္ျခင္း၊ စိတ္ကူးစိတ္သန္းရိွျခင္း၊ ေမွ်ာ္လင့္ျခင္း၊ ေနေရာင္ျခည္ တို႕ကို ကိုုယ္စားျပဳပါတယ္။ အာရွတိုက္ မွာေတာ႔ အဝါေရာင္ကို အထြတ္အျမတ္ထားျခင္း ႏွင္႔ ျမင့္ျမတ္ခန္းနားျခင္း အေရာင္အျဖစ္ အသံုးျပဳေလ႔ရိွက်ပါတယ္။

Web site တစ္ခုကို အရင္ကၾကည္႔ခဲ႔ ဘူးတယ္ဆိုပါဆို႔ ဒါေပမယ္႔ခင္ဗ်ားနည္းနည္းေမ႔ေတ႔ေတ႔ျဖစ္ေနမယ္ဆိုရင္ web site ရဲ႕ Name, Address, URL, ဘာအမ်ဳိးအစားဆိုတာမသိေတာင္၊ ခင္ဗ်ား Color ကိုေတာ႔ မွတ္မိေနလိမ္႔မယ္။ “အဲဒီ web site ေလးက အျပာေရာင္ႏုေလးနဲ႔ဗ်ာ…”  ဒါမွမဟုတ္ “ အဲဒီ web sie ေလဗ်ာ လိေမၼာ္ေရာင္ေလး နဲ႔ေလ” ဆိုၿပီး အေရာင္ကို မွတ္သားၿပီးေျပာေလ့ရိွၾကပါတယ္။ အဲဒါကိုၾကည္႔ျခင္းအားျဖင္႔ Color ေတြဟာ တစ္ျခားအေၾကာင္းအရာေတြထက္ မွတ္မိလြယ္ေစတဲ႔တက္သေဘာရိွတယ္၊ ဒါေၾကာင္႔ အေရာင္ေတြက web design ဆြဲတဲ႔ခင္ဗ်ား အတြက္ စြမ္းအားရိွတဲ႔ လက္နက္တစ္ခုျဖစ္တယ္လို႔ ကၽြန္ေတာ္ေျပာခ်င္တယ္။

Internationalေတြအတြက္web site ဆြဲၿပီးဆိုရင္ Web site ရဲ႕ Color က first impression ျဖစ္တဲ႔ အတြက္ အထက္မွာေဖၚျပထားတဲ အခ်က္ေတြနဲ႔ ႏိႈင္းယွဥ္ၿပီး ေသခ်ာဆံုးျဖတ္ခ်က္ခ်ႏိုင္ပါေစဗ်ာ။

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.

]]> http://www.phoechan.com/blog/color-theory-for-web-dseign/feed/ 13 Complete Favicon Solution http://www.phoechan.com/blog/complete-favicon-solution/ http://www.phoechan.com/blog/complete-favicon-solution/#comments Sat, 21 Feb 2009 10:57:58 +0000 Phoe Chan http://www.phoechan.com/blog/?p=21

ကၽြန္ေတာ္တို႔ေတြ ဟိုးအရင္တုန္းက icon လုပ္ခ်င္ရင္ icon လုပ္တဲ႔ Software ကိုသံုးရတယ္။Photoshop ကိုသံုးၿပီး Design ဆြဲၿပီးရင္ Icon Creator Software (Axialis IconWorkshop) ကိုသံုးၿပီး။ Icon ေတြကို Generate လုပ္ရတယ္။ (Axialis IconWorkshop) ဆိုတာေတာ္ေတာ္ေကာင္းပါတယ္ icon ေတြသီးသန္႔လုပ္တဲ႔ Software ပါ။ဒါေပမယ္႔ ကၽြန္ေတာ္႔အတြက္ေတာ႔ အဲေလာက္မလိုဘူးေလ ကၽြန္ေတာ္က icon professional လုပ္တဲ႔သူလည္းမဟုတ္ေတာ႔၊ photoshop မွာပဲ Design ဆြဲ ၿပီးရင္ photoshop မွာပဲ icon format နဲ႔ Save ခ်င္တာ၊ အခုေတာ႔ကၽြန္ေတာ္႔ ဆႏၵေတြျပည္႔သြားတယ္ Myanmar IT Professional ရဲ႕ ကိုစိုင္းရဲ႕ post တစ္ခုမွာ photoshop ကေန icon format နဲ႔ Save လို႔ရတဲ႔ Extension ကိုေပးထားတယ္။ကၽြန္ေတာ္လည္းစမ္းသံုးၾကည္႔တယ္ iconလုပ္ရတာေတာ္ေတာ္လြယ္ကူသြားတယ္။ဒါနဲ႔ Favicon ကိုအလြယ္လုပ္လို႔ရတဲ႔ Tutorial ကိုေရးျဖစ္သြားတာ။
Step (1)

ပထမဦးဆံုး Photoshop မွာ icon format နဲ႔ save လို႔ရေအာင္ icon format Plugin ကို download လုပ္ပါမယ္။ ဒီမွာ Download လုပ္ပါ။ icoformat.rar ရပါလိမ္႔မယ္ ၿပီးရင္ သူရဲ႕ Read me ရဲ႕ညြန္ၾကားခ်က္အတိုင္းလုပ္ပါ။ညြန္ၾကားခ်က္ကေတာ႔ icoformat.8bi file ကို copy လုပ္ၿပီး C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats ရဲ႔ Folder ေအာက္မွာ paste လုပ္ပါ။ photoshop ကိုဖြင္႔ထားရင္ photoshop ကို Restart လုပ္ပါ။ေျပာခ်င္တာကဖြင္႔ထားရင္ ပိတ္ၿပီးေတာ႕ျပန္ဖြင္႔ပါ။ ကၽြန္ေတာ္က photoshop CS 3ကိုသံုးထားလို႔ C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins ျဖစ္ေနတာပါ။တကယ္လို႔ CS,CS2 or CS4 ျဖစ္ေနရင္ေတာ႔ Adobe Photoshop CS3 ျပထားတဲ႔ေနရာမွာ photoshop CS,CS2 or CS4 ေျပာင္းေပးလိုက္ပါ၊ ဒါဆို plugin ထားတဲ႔ Folder ထဲကိုေရာက္မွာပါ။ ကဲဒါဆိုေနာက္တစ္ဆင္႔ထက္တက္လိုက္က်ရေအာင္ :)

Step (2)

File name ကို Favicon လို႔ထားပါ။ Favicon လို႔ေပးရတာက web browser ေတြရဲ႕ Address bar ထိပ္မွာေပၚေစခ်င္လို႔ဒီနာမည္ေပးရတာပါ see this image

ေနာက္တစ္ဆင္႔က ေတာ႕ icon လုပ္က်မယ္ေပါ႔ဗ်ာ ပထမဆံုး photoshop မွာ new file ယူSize က ေအာက္ကပံုမွာျပထားတဲ႔အတိုင္း 16×16ယူလိုက္ပါ။ Color mode မွာ RGB ၊ Resolution မွာ 72 ထားၿပီးEnter ႏိုပ္လိုက္ေတာ႕။ :)

Step (3)

New File ယူၿပီးရင္ေတာ႔ စိတ္ႀကိဳက္ icon design တစ္ခုကို ဖန္တီးေပေတာ႔ ကၽြန္ေတာ္ကေတာ႔ အလြယ္လုပ္လိုက္တယ္။ဒီလိုမ်ဳိးေလးေပါ႔

စိတ္ႀကိဳက္ဆြဲၿပီးသြားရင္ ေတာ႔ Save as မွာ icon format နဲ save ပါ။

ေနာက္ဆံုး favicon.ico file ကိုရပါမယ္။ ကဲ ကိုယ္႔ icon ေလူးကို Address bar မွာေပၚေအာင္လို႔ေနာက္တစ္ဆင္႔တက္လိုက္က်စို႔။

Step (4)

ခင္ဗ်ားတို႔တည္ေဆာက္ထားတဲ႔ HTML pages ေတြရဲ႔ Head tag အတြင္းမွာဒီ Code ေလးကိုထဲ႔ပါ။

<head>
<link rel=”shortcut icon” href=”favicon.ico” >
</head>

ၿပီးရင္ အခုဏလုပ္ထားတဲ႔ Favicon.ico file ကို hosting ရဲ႕ Root folder ေအာက္မွာ upload လုပ္ပါ။ ေအာက္ကပံုထဲကအတိုင္း upload လုပ္ပါ။ Hosting ေတာ္ေတာ္မ်ားမ်ားကေတာ႕ root folder ဆိုတာ မ်ားေသာအားျဖင္႔ public_html or htdocs folder ကိုေျပာတာပါ။

ကၽြန္ေတာ္ကေတာ႔ www.000webhost.com ကိုသံုးတယ္။ နည္းနည္း error မ်ားေပမယ္႔ user ကို hosting experience ပိုရတယ္။ ကၽြန္ေတာ္ကေတာ႔ ဒီ Hosting ကိုပိုႀကိဳက္တယ္ ဒီ Hosting ကိုသံုးၿပီးရလိုက္တဲ႔ experience ကေတာ႔မနည္းဘူး အရင္တုန္းက www.byethost.com ကိုသံုးတာ။ error နည္းတယ္ normal user ေတြကေတာ႔ www.byethost.com နဲ႔ပိုအဆင္ေျပပါလိမ္႔မယ္၊ တကယ္လို႔ www.000webhost.com ကိုသံုးရင္လည္းကၽြန္ေတာ္႔ စီမွာ အကူအညီေတာင္းလို႔ရပါတယ္ ကၽြန္ေတာ္လည္းသိသေလာက္ေျဖေပးပါ႔မယ္ :)

Animated Favicon လုပ္ခ်င္ရင္

တစ္ခ်ဳိ႕ favicon ေတြမွာ ေတြ႔ဘူးမွာပါလုပ္ေနတာေလ မျမင္ဘူးရင္လည္းဒီမွာၾကည္႔
အဲလိုလုပ္ခ်င္ရင္ Head tag ၾကားထဲမွာ ဒီ code ေလးထဲ႕လိုက္ပါ။

<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” >

ကၽြန္ေတာ္ကေတာ႔ Adobe Flash ကိုသံုးပါတယ္။ ခင္ဗ်ားတို႔ စိတ္ႀကိဳက္ Animation Software သံုးၿပီး GIF format နဲ႔ လုပ္ပါ။ဒါဆိုရင္ animation ပါတဲ႔ favicon ရမွာပါ။ file size ကေတာ႔ 16×16 ျဖစ္ပါတယ္။ file name ကို animated_favicon.gif ေပးလိုက္ပါ။ၿပီးရင္ hosting ရဲ႕ Root folder ေအာက္မွာ upload လုပ္ပါ။ဒါဆိုရင္ animated favion ေလးရမွာပါ။ ကံဆိုးတာကေတာ႔ Internet Explore မွာ animated favicon ေတြဟာ မ run ပါဘူး။

Beautiful Icon Collection

ကၽြန္ေတာ္ online မွာ ဖတ္ေနက် magazine တစ္ခုရိွပါတယ္။ http://www.smashingmagazine.com/ ျဖစ္ပါတယ္။ အဲဒီမွာ icon လွလွေလးေတြ free ေပးတဲ႕ site ေတြကို စုေဆာင္းေပးထားပါတယ္။ icon လွလွေလးေတြကို download လုပ္ႏိုင္ေစဖို႔ ဒီမွာ ဝငိၾကည္႔လိုက္ပါ။ View Detail »

Favicon မေပၚလွ်င္ Troubleshooting လုပ္ေဆာင္ခ်က္

(၁) Favicon က upload လုပ္တိုင္းခ်က္ခ်င္းမေပၚတက္ပါဘူး၊ အနည္းဆံုး၄နာရီေလာက္ေန တစ္ခါတစ္ေလ ၄ရက္ေလာက္ၾကာတက္ပါတယ္။ Browser ကို လည္း cache ရွင္းေပးပါ။ Cache ရွင္းတာကေတာ႔ ထံုးစံအတိုင္း (Ctrl + F5) ေပါ႔ဗ်ာ။

(၂) favicon file name ကိုေသခ်ာစစ္ေဆးပါ (favicon.ico) name ျဖစ္ရပါမယ္။

(၃) favicon file size က 16×16 ျဖစ္ရပါမယ္။

(၄) index.html file နဲ႔ အျခား html files ေတြ မွာ <link rel=”shortcut icon” href=”favicon.ico” > code ကို head tag (<head>…….. </head>) ထဲမွာထည္႔ေရးရပါမယ္။
wordpress မွာဆိုရင္ေတာ႔ index.html header.php file မွာေရးရင္လံုေလာက္ပါတယ္။

ကဲေပ်ာ္ရႊင္ႏိုင္ပါေစဗ်ာ :)

About Author

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/complete-favicon-solution/feed/ 5 Easy To Upload Your Photos and files http://www.phoechan.com/blog/easy-to-upload-your-photos-and-files/ http://www.phoechan.com/blog/easy-to-upload-your-photos-and-files/#comments Sat, 14 Feb 2009 10:55:23 +0000 Phoe Chan http://www.phoechan.com/blog/?p=19 Blog ေရးတဲ႔ Blogger ေတာ္ေတာ္မ်ား images ေတြ upload တင္ဖို႔ Free Images Hosting ေနရာေတြရွာရတယ္။ Video File ေတြလည္းထိုနည္းလည္းေကာင္းပဲ၊ အခုေတာ႔ ဒီweb site ေတြကို အလုပ္ရႈပ္ခံၿပီးရွာေဖြေနစရာမလိုေတာ႔ဘူး။ http://ioj.com တဲ႔ ဘယ္ေလာက္ေကာင္းလဲဆိုေတာ႕ ေအာက္က video ကိုသာၾကည္႔လိုက္ေပေတာ႔ေျပာေနစရာေတာင္မလိုဘူး။ေသးေသးေလးၾကည္႔ရတာ အားမရရင္ အၾကီးခ်ဲ႕ၿပီးေတာ႔ၾကည္႕ေပေတာ႔။ ကၽြန္ေတာ္ကေတာ႔ေတာ္ေတာ္ေလးႀကိဳက္တယ္ဘာလို႔လဲဆိုေတာ႕ Sign Up တို႔ Register တို႔လုပ္စရာမလိုလို႔ပါပဲ။

My name is chan min maung and my close friends call me phoe chan.Phoe chan is a one of the top professional web designers in Myanmar.Phoe chan was born in Myanmar West Bago Division,Pyay Town in 1983 .Phoe chan had got A.G.T.I (Information Technology) in Pyay Technological University.Phoe chan had created many tutorials such as Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, HTML, XHTML, CSS, Javascript, PHP, WordPress, Joomla,CMS,web hosting service and web developement. Phoe chan is love the design and knowledge sharing.That is his hobby.


]]> http://www.phoechan.com/blog/easy-to-upload-your-photos-and-files/feed/ 1