Color Theory For Web Design

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.

Tags: , ,

13 Responses to “Color Theory For Web Design”

  1. Neo 18. Mar, 2009 at 6:00 am #

    Damn it! I’ve to learn a lot of things form u. Nice theory, Dude. Keep coming.

  2. kozeyar 18. Mar, 2009 at 11:22 pm #

    အေရးအသားေတြ ေကာင္းလာဘီ…
    ေနာက္ပီး တကယ္လိုအပ္တဲ့ အေရာင္ အေၾကာင္းေတြပဲ

    ရဲေဘာ္ဆက္လုပ္ …
    Cheers!

  3. strangemask 28. Mar, 2009 at 5:33 am #

    web design ကို ေလ့လာေနသူေတြ၊ web designer ေတြအတြက္ေတာ့ အမွန္တကယ္ အသံုး၀င္တဲ့ post ေလးပါ

  4. haymaroo 30. Mar, 2009 at 1:37 am #

    thanks alots for sharing this knowledges.
    that’s so valuable theory for me.
    thanks alots brother
    Hay mar oo

  5. Walone 22. Apr, 2009 at 2:19 am #

    Hello,

    Phoe Chan,
    Could i suggest you regarding with your post?

    I think you should add some references if you translate from other so that you would get more reliability from your audiences( your site’s visitors).

    This post is very useful who would like to be web/graphic designer.

    Best Regards,
    Walone

  6. Phoe Chan 22. Apr, 2009 at 11:56 pm #

    ကိုဝလံုးေရ ကၽြန္ေတာ္ေနာက္တစ္ခါ Post ေတြေရးရင္ Reference လုပ္တဲ႔ Site ေတြကိုေဖၚျပေပးပါ႔မယ္ အခုဟာက ကၽြန္ေတာ္ သိတာေတြနဲ႔ ေပါင္းေရးထားတာပါ။ Google မွာလည္း
    Color Theory For Web Design ဆိုရင္ ရႏိုင္ပါတယ္။ အခုလို Blogger Ethic ကိုမေမ႔ေအာင္ ေထာက္ျပ အႀကံေပးတဲ႔ အတြက္ေက်းဇူးတင္ပါတယ္။

  7. sawgangster 07. May, 2009 at 6:20 am #

    မိုက္ပါတယ္…
    လင့္ေပးရင္ ပုိေကာင္းပါတယ္ခင္ည…

  8. phyo phyo 18. May, 2009 at 6:00 am #

    ကိုဖိုးခ်မ္း ရဲ႔ blog ကစိတ္၀င္စားဖို႔ေကာင္းပါတယ္။color ေတြအေၾကာင္းလည္း ရွင္းျပထားတယ္ ၊ ညီမက photoshop ေလ့လာေနသူပါ။ဒါေၾကာင့္မို႔ ဒီ blog ဖတ္ရတဲ့အတြက္ေက်းဇူးတင္ပါတယ္။
    အစ္ကို ဒီထက္မက တိုးတက္ေအာင္ျမင္ပါေစ။

  9. coe coe 23. May, 2009 at 6:30 am #

    Maung lay blog ka so so!!

  10. Min Thu 23. Jun, 2009 at 8:36 pm #

    Great bro, you explained about colors. you should have also sample colors (screenshots or color boxes) for each color types to have better understanding. Just color names are not enough.

  11. Pascal 29. Nov, 2009 at 12:02 am #

    Related post at MWD http://bit.ly/84U9sq keep on nice article :)

  12. ဲMyat Min Naung 02. Mar, 2010 at 8:08 pm #

    Thank you for your knowledge sharing. You are genius indeed.

  13. manawphyulay 23. Aug, 2010 at 3:05 am #

    so good. Nice site!

Leave a Reply