Web Design ႏွင့္ Graphic Design တို႔၏ ကြာျခားခ်က္မ်ား

ဒီဇိုင္းနဲ႔ပတ္သက္လာရင္ ေရာေထြးလြန္းတတ္တဲ႔ Web Design နဲ႔ Graphic Design အေၾကာင္းကို အနည္းငယ္ရွင္းျပခ်င္ပါတယ္။ အလြယ္ဆံုးနားလည္ထားၾကတာကေတာ႔ Graphic Design ဆိုတာ Printing ပိုင္းက ပိုစတာေတြ၊ လက္ကမ္းေၾကာ္ျငာေတြ၊ ဆိုင္းဘုတ္ေတြ၊ သတင္းစာ၊မဂဇင္း Layout ဒီဇိုင္းေတြ၊ လိပ္စာကဒ္၊ လိုဂိုေတြ၊ Package ေတြကို ဒီဇိုင္းလုပ္ေပးတဲ႔အပိုင္းလို႔ အလြယ္တကူနားလည္ထားၾကပါတယ္။ Web Design ဆိုတာကေတာ႔ Web Site ေတြကို တည္ေဆာက္တဲ႔ေနရာမွာ Site တစ္ခုလံုးကိုျဖစ္ေစ၊ အစိတ္အပိုင္းေတြကိုျဖစ္ေစ ဒီဇိုင္းလုပ္ေပးရတဲ႔ အပိုင္းေပါ႔။

တကယ္ေတာ႔ ဒီဇိုင္းပညာရပ္ႏွစ္ခုစလံုးဟာ က်ယ္ျပန္႔နက္နဲလွသလို စိတ္ကူးစိတ္သန္း၊ တင္ျပမႈ၊ အေသြးအေရာင္၊ အသြင္အျပင္ အဖက္ဖက္ကလည္း အေရးႀကီးလွပါတယ္။ ကြန္ပ်ဴတာနည္းပညာနဲ႔ ဖန္တီးလုပ္ကိုင္ရတာျခင္းအတူတူ၊ ဒီဇိုင္းအေျခခံသေဘာတရားတူသေယာင္ေယာင္ရွိေပမယ္႔ အနည္းငယ္ကြဲျပားျခားနားခ်က္ေတြ ရွိေနပါတယ္။ တခ်ဳိ႕ေသာ ဒီဇိုင္းနာေတြက Graphic Design အျပင္ Web Design ကို တြဲလုပ္ၾကသလို တခ်ဳိ႕ Web Designer ေတြကလည္း Graphic Design ကိုပါ တြဲဖက္လုပ္ကိုင္ေလ႔ရွိၾကပါတယ္။ မ်ားေသာအားျဖင့္ကေတာ႔ Web Design သီးသန္႔၊ ဂရပ္ဖစ္ဒီဇိုင္း သီးသန္႔ကိုပဲ လုပ္ကိုင္ေဆာင္ရြက္ၾကပါတယ္။ ႏွစ္ခုတြဲလုပ္ကိုင္ၾကတဲ႔သူေတြကေတာ႔ ႏွစ္မ်ဳိးစလံုးရဲ႕ကြဲျပားျခားနားခ်က္ကို သိထားၾကရပါတယ္။ သိထားမွလည္းျဖစ္ပါမယ္။

က်ေနာ္႔အေနနဲ႔ကေတာ႔ ဒီဇိုင္းနာသမားေတြ သိထားသင့္တယ္လို႔ ယူဆတဲ႔အတြက္ Web Design နဲ႔ Graphic Design တို႔၏ ကြာျခားခ်က္မ်ားကို  က်ေနာ္႔အေတြ႕အႀကံဳ၊ က်ေနာ္႔အေတြးအျမင္ ပံုစံေလးအေနနဲ႔ တင္ျပလိုက္ရပါတယ္။

(၁) Layout ပိုင္း

Layout ပိုင္းအျမင္မွာေတာ႔ Graphic Design ေတြက Print ထုတ္ၿပီး ျမင္ရတဲ႔အပိုင္းဆိုေတာ႔ အားလံုးကို မ်က္စိတစ္ဆံုးေအာက္မွာပဲေတြ႕ျမင္ႏိုင္ပါတယ္။ Web Design မွာေတာ႔ Screen ေပၚမွာ ၾကည့္ရတဲ႔အတြက္ Print Design နဲ႔ ကြာပါတယ္။ အထူးသျဖင့္ 800×600 Screen ေပၚမွာၾကည့္ရတာ ျဖစ္ပါတယ္။ ဒါေၾကာင့္ Layout ဟာ ရွည္ရင္ ရွည္သလို Scroll လုပ္ၿပီး ၾကည့္ရပါတယ္။ ကိုယ္လုပ္ထားတဲ႔ ဒီဇိုင္းတစ္ခုကို စာရြက္တစ္ရြက္တည္းေပၚမွာ ၾကည့္ရတာနဲ႔ Screen မ်က္ႏွာစာေပၚမွာၾကည့္ရတာ အလြန္ပဲကြဲျပားျခားနားေၾကာင္း ေတြ႕ရပါလိမ္႔မယ္။

(၂) Resolution

Graphic Design မွာ Resolution ကို 300 dpi ထားၿပီး လုပ္ကိုင္ၾကေပမယ္႔။ Web Design မွာေတာ႔ 72dpi ကိုသာ အသံုးျပဳ လုပ္ကိုင္ၾကပါတယ္။ Graphic Design မွာ Resolution ျမင့္ေလ ပံုအရည္အေသြးပိုမိုေကာင္းမြန္လာေလေလ ျဖစ္ေပမယ္႔၊ Web Design မွာေတာ႔ resolution ျမင့္ျမင့္သံုးစြဲျခင္းဟာ ပံုရဲ႕ File Size ကို ပိုမိုျမင့္မားလာေစပါတယ္။ Printer ေတြရဲ႕ အနိမ္႔ဆံုးေဖာ္ျပႏိုင္မႈက 300 dpi ရွိၿပီး၊ Computer Screen ေတြရဲ႕ အျမင့္ဆံုးပံုေဖာ္ႏိုင္မႈအရည္အေသြးဟာ 72dpi ပဲရွိတာေၾကာင့္ Web နဲ႔ Print မွာ ပံုထြက္အရည္အေသြးေတြက ကြဲျပားျခားနားမႈတစ္ခု ျဖစ္လာပါတယ္။

(၃) အတိုင္းအတာ

Print Design မွာ မီလီမီတာ၊ စင္တီမီတာ၊ လက္မ စသည္ျဖင့္ တိုင္းတာ ေခၚေ၀ၚသံုးစြဲၾကေပမယ္႔၊ Web Design မွာ pixel နဲ႔သာ သံုးစြဲၾကပါတယ္။

(၄) အျမင္

Print Design မွာ မိမိကြန္ပ်ဴတာ Screen ေပၚမွာ ေပၚတဲ႔ ဒီဇိုင္းနဲ႔ Print ထုတ္ၿပီး ထြက္လာမယ္႔ ဒီဇိုင္းမွာ အေရာင္ေတြ၊ အေနအထားေတြ ကိုယ္လိုခ်င္တဲ႔ပံုစံထြက္ေအာင္ ခ်ိန္ညွိၾကရပါတယ္။ Web Design မွာေတာ႔ Screen အမ်ဳိးမ်ဳိး၊ Browser အမ်ဳိးမ်ဳိးနဲ႔ ခ်ိန္ညွိလုပ္ေဆာင္ၾကရပါတယ္။

(၅) အေရာင္

Colour ပိုင္းမွာေတာ႔  Printing ပိုင္းက CMYK Spot ကာလာကို သံုးၿပီးေတာ႔ Web ပိုင္းက RGB ကာလာကိုသာ အသံုးျပဳၾကပါတယ္။ Web Site ေတြရဲ႕ စာလံုးအေရာင္၊ ေနာက္ခံအေရာင္၊ အေရာင္တိုင္းမွာ ႀကိဳက္တဲ႔အေရာင္ကို အလြယ္တကူအသံုးျပဳလို႔ မရႏိုင္ပါဘူး။ ဒါေၾကာင့္ Web Safe ကာလာ၊ Web Smart ကာလာေတြ ရယ္လို႔ ျဖစ္လာတာပါ။

(၆) Application မ်ားအသံုးခ်မႈ

Graphic ဒီဇိုင္းနာေရာ Web ဒီဇိုင္းနာပါ Application အမ်ားစုကို အတူတူသံုးပါတယ္။ Adobe Photoshop, Illustrator, InDesign စတဲ႔ အသံုးခ်ေဆာ႔ဖ္၀ဲေတြဟာ ဒီဇိုင္းနာေတြအတြက္ မရွိမျဖစ္၊ မသိမျဖစ္ေတြပါ။ InDesign က ပိုအသံုးမ်ားၿပီး၊ Web Designer ကေတာ႔ Photoshop ကို အသံုးျပဳမႈ ပိုမ်ားပါတယ္။ အဓိကကြာျခားခ်က္တစ္ခုက Coding ပါပဲ။ Web Designer တစ္ေယာက္က Program ေတြကို ကၽြမ္းက်င္ပိုင္ႏိုင္စြာ မေရးတတ္ရင္ေတာင္ Program ေတြကို ဘယ္လို အသံုးျပဳရတယ္၊ ဘယ္လိုေရးသားရတယ္ဆိုတာ သိတဲ႔သူျဖစ္ေနသင့္ပါတယ္။ Graphic ဒီဇိုင္းနာတစ္ေယာက္ကေတာ႔ Programming ကိုနားလည္ေနဖို႔ မလိုအပ္ပါဘူး။

(၇)Publishing အပိုင္း

Graphic ဒီဇိုင္းနာတစ္ေယာက္က သူ႔ရဲ႕ဒီဇိုင္းကို ျပဳလုပ္ၿပီး တကယ္႔ပံုစံအေနအထားကို ပံုႏွိပ္ၿပီးမွ ေတြ႕ျမင္ႏိုင္ေပမယ္႔ Web Designer တစ္ေယာက္ကေတာ႔ ခ်က္ခ်င္း Screen ေပၚမွာ ေတြ႕ျမင္ခံစားႏိုင္မွာ ျဖစ္ပါတယ္။

(၈) Errors Fixing လုပ္ရာတြင္

Graphic ဒီဇိုင္နာတစ္ေယာက္က ထုတ္ေ၀ၿပီးေနာက္ ဒီဇိုင္းတစ္ခုရဲ ႔ အမွားကို ျပဳျပင္ႏိုင္ဖို႔ အလြန္ခဲယဥ္းလွၿပီး Web Design မွာကေတာ႔ ခ်က္ခ်င္းအလြယ္တကူ ျပဳျပင္ယူႏိုင္ပါတယ္။

(၉) Graphic

Graphic ေတြနဲ႔ ပတ္သက္ၿပီး Print ပိုင္းမွာ TIFF, EPS,JPEG ေတြက အဓိကအသံုးမ်ားေလ႔ရွိၿပီး၊ Web Design မွာေတာ႔ JPEG, GIF နဲ႔ PNG ဖိုင္ format ေတြကို သာသံုးပါတယ္။

(၁၀) Page Composition

Graphic ဒီဇိုင္းပိုင္းမွာ စာရြက္စာတမ္း၊ A4, A3 စသျဖင့္ သံုးၾကေပမယ္႔ Web Design ပိုင္းမွာေတာ႔ Screen Size အက်ဥ္းအက်ယ္ေတြကို လ်ာထားၿပီးသံုးပါတယ္။ ဥပမာ- 800×600,1024×700 စသျဖင့္။ ေနာက္တစ္ခုက Graphic ဒီဇိုင္နာေတြက စာမ်က္ႏွာ Column ေတြကို fixed သတ္မွတ္ၿပီး လုပ္ေဆာင္ရေပမယ္႔၊ Web Design မွာေတာ႔ fixed ေရာ Fluid ေရာလုပ္ေဆာင္ႏိုင္ပါတယ္။ ဒီေနရာမွာ Fluid (Liquid Layout) ဆိုတာ column ေတြဟာ Screen ရဲ႕ အရြယ္အစားကို လိုက္ၿပီးေတာ႔ အခ်ဳိးက် အက်ဥ္းအက်ယ္လုပ္ေပးႏိုင္တာလို႔ အၾကမ္းဖ်ဥ္းသတ္မွတ္ႏိုင္ပါတယ္။

(၁၁) Fonts

Graphic ဒီဇိုင္းမွာ ႀကိဳက္တဲ႔စာလံုး၊ အရြယ္အစား၊ အက်ဥ္းအက်ယ္၊ အေဖာင္းအကားကို အလြယ္တကူသံုးစြဲႏိုင္ေပမယ္႔၊ Web Design မွာ စာလံုးေတြနဲ႔ပတ္သက္ၿပီး စိတ္ႀကိဳက္ကစားဖို႔ဆိုတာ အကန္႔အသန္႔ေတြရွိေနပါတယ္။ ကြန္ပ်ဴတာအမ်ဳိးမ်ဳိး၊ Browser အမ်ဳိးမ်ဳိးမွာ စာလံုးေတြက ကြဲျပားျခားနားမႈရွိသြားတာေၾကာင့္ ျဖစ္ပါတယ္။ Web Design မွာ Standard အေနနဲ႔ သံုးလို႔ရတဲ႔ Web Safe Fonts ေတြဆိုၿပီးရွိပါတယ္။ တျခားစာလံုး (fonts)ေတြ သံုးခ်င္တယ္ဆိုရင္လဲ ရေပမယ္႔ CSS3 ဆိုတဲ႔ နည္းပညာအသစ္တစ္ခုကို ဆက္လက္ေလ႔လာရပါမယ္။

(၁၀)ေလ႔လာျခင္း

ေနာက္ဆံုးအေနနဲ႔ ေျပာရမယ္ဆိုရင္ေတာ႔ Web Designer ေတြဆိုတာ Web နည္းပညာပိုင္းနဲ႔အညီ Web Standard, Web Accessibility, Usability ေတြနဲ႔ ကိုက္ညီေအာင္ ပံုစံျပဳ ဒီဇိုင္းလုပ္ရပါတယ္။ အထူးသျဖင့္ Web နည္းပညာပိုင္းနဲ႔ ႏြယ္ယွက္ေနတဲ႔ အတြက္ ဒီဇိုင္းပညာရပ္ေတြအျပင္ Web နည္းပညာရပ္ေတြကိုပါေလ႔လာ လိုက္စားရပါတယ္။

အခ်ဳပ္ဆိုရလွ်င္ ပံုႏွိပ္မီဒီယာဘက္မွာလာေသာ ဒီဇိုင္းနာတစ္ဦးအေနျဖင့္ Web ေပၚတြင္ လုပ္ကိုင္ရေသာအခါ ေတြ႕ႀကံဳရမည့္ ျပႆနာရပ္မ်ားႏွင့္ ဆန္းၾကယ္လွေသာ ဖန္တီးမႈ နည္းပညာအသစ္မ်ားကို ရင္ဆိုင္ၾကရခ်ိန္တြင္ Web ႏွင့္ Print Design တို႔၏ ကြာျခားမႈမ်ားကို သိရွိထားပါက အဆင္ေျပေခ်ာေမြ႕စြာလုပ္ကိုင္ ႏိုင္မည္ျဖစ္ပါေၾကာင္း …

ေဆာင္းခ်မ္းမိုး

ဆက္လက္ေလ႔လာသင့္သည္မ်ား  -

Web Design (Wiki)

Graphic Design (Wiki)

Designing For Print vs. The Web

Print Design vs. Web Design – Similarities and Differences in Desktop Publishing and Web Design By Jacci Howard Bear

Understanding color for print and web

Image Resolution for Web Design & Print Design Projects