ဝက်ဘ်ဆိုက် wireframes ဝဘ်စာမျက်နှာပေါ်တွင်ဒြပ်စင်များ၏နေရာချထားပြသသောရိုးရှင်းသောလိုင်းရေးဆွဲဖြစ်ကြသည်။ သင်ကဒီဇိုင်းလုပ်ငန်းစဉ်၏အစမှာအစားရှုပ်ထွေးပြီးဒီဇိုင်းအကြာတွင်ရိုးရှင်းတဲ့ wireframe ၏အဆင်အပြင်ကိုတည်းဖြတ်သဖြင့်ကိုယ့်ကိုယ်အချိန်အများကြီးကိုကယ်တင်နိုင်ပါ။
ဒါကြောင့်သင်နှင့်သင့် client ကိုအရောင်အမျိုးအစားနှင့်အခြားဒီဇိုင်းဒြပ်စင်များ၏အာရုံမပါဘဲ layout ကိုအာရုံစိုက်ဖို့ခွင့်ပြုအဖြစ် wireframes အသုံးပြုခြင်း, website တစ်ခုစီမံကိန်းတစ်ခုကိုစတင်မယ့်ကြီးမြတ်နည်းလမ်းဖြစ်ပါတယ်။ ဘယ်မှာသင်၏ဝဘ်စာမျက်နှာများကိုနှင့်သင့် client ကိုရဲ့လိုအပ်ချက်များကိုဖြည့်ဆုံးဖြတ်နိုင်သည့်အသီးအသီးဒြပ်စင်ကိုတက်ယူကြောင်း space ၏ရာခိုင်နှုန်းပေါ်တွင်တတ်သောအရာကိုအာရုံစိုက်။
03 ၏ 01
ဘာဝက်ဘ်ဆိုက် Wireframe အတွက် Include မှ
တစ်ဦး၏အရေးကြီးသောဒြပ်စင်အားလုံး ဝဘ်စာမျက်နှာ သင့်ရဲ့ website wireframe အတွက်ကိုယ်စားပြုသင့်သည်။ အစားအမှန်တကယ်ဂရပ်ဖစ်၏ရိုးရှင်းပုံစံမျိုးစုံကိုအသုံးပြုပါ, သူတို့တံဆိပ်ကပ်။ ဤရွေ့ကားဒြပ်စင်များပါဝင်သည်:
- navigation: သင်၏ site ၏အဓိကအပိုင်းသွားရောက်အသုံးပြုသူများအတွက်ခလုတ်။
- ကုမ္ပဏီလိုဂို: ရုံ box ကိုကိုယ်စားပြုနိုင်ကြပါတယ်။
- အကြောင်းအရာဒေသများ: ဘယ်မှာအကြောင်းအရာကိုသင်ကွဲပြားခြားနားသောကဏ္ဍများပေါ်လာကြမည်နည်း
- ရှာရန်သေတ္တာများ
- အသုံးပြုသူရဲ့ login ဒေသများ
03 ၏ 02
ဝက်ဘ်ဆိုက် Wireframes ဖန်တီးနည်း
website တစ်ခု wireframe ဖန်တီးဖို့နည်းလမ်းတွေအမျိုးမျိုးရှိပါတယ်။ သူတို့ကပါဝင်သည်:
စက္ကူပေါ်လက်အားဖြင့်ဒါဟာ drawing
မျက်နှာတစ်ဦးကို client တွေနဲ့ရင်ဆိုင်ရတဲ့အခါဒီနည်းလမ်းနေရာလေးကိုအတွက်လာပါတယ်။ ဘယ်မှာသွားသင့်အဘယျသို့ဒြပ်စင်ပေါ်တွင်အာရုံစိုက်နှင့်အတူ, စက္ကူပေါ်တွင်သင်၏ layout ကိုစိတ်ကူးများကိုထုတ် sketch ။
Adobe က Photoshop ကို, Illustrator, ဒါမှမဟုတ်အခြားဆော့ဝဲအသုံးပြုခြင်း
အများစုမှာဂရပ်ဖစ်ဆော့ဖ်ဝဲကို packages များ wireframes ကိုဖန်တီးရန်လိုအပ်သောအခြေခံကိရိယာရှိသမျှနှင့်အတူတပ်ဆင်ထားတဲ့လာကြ၏။ ရိုးရှင်းသောမျဥ်းများ, ပုံများနှင့်စာသား (သင့် element တွေကိုတံဆိပ်ကပ်ဖို့) သင်လက်ဆောင် wireframe ကိုဖန်တီးရန်လိုအပ်သမျှဖြစ်ကြသည်။
Task ကိုဒီအမျိုးအစားအဘို့အ Created Software များအသုံးပြုခြင်း
နေစဉ်တွင် ကို Photoshop နှင့် Illustrator သည့်လှည့်ကွက်လုပျနိုငျသညျ, အခြို့သောဆော့ဖျဝဲ packages များအလုပ်၏ဒီ type များအတွက်အထူးတီထွင်နေကြပါတယ်။ OmniGraffle တစ်ဦးအလွတ်ကင်းဗတ်ပေါ်မှာသုံးစွဲဖို့ပုံသဏ္ဍာန်လိုင်း, မြှားနှင့်စာသား tools တွေကိုပေးခွငျးအားဖွငျ့ wireframes ၏ဖန်တီးမှုရိုးရှင်းစွာဆော့ဗ်ဝဲ၏အပိုင်းအစတစ်ခုဖြစ်ပါသည်။ သင်ပင်နှင့်အတူအလုပ်လုပ်ရန်, သငျသညျထိုကဲ့သို့သောဘုံကို web ခလုတ်အဖြစ်ပိုပြီးဒြပ်စင်ပေးသော, Graffletopia မှာ (အခမဲ့) ထုံးစံဂရပ်ဖစ်အစုံဒေါင်းလုဒ်ဆွဲနိုင်ပါသည်။
03 ၏ 03
အဆိုပါအကျိုးကျေးဇူးများ
website ကို wireframes နှင့်အတူ, သင်အလိုရှိသော layout ကိုအောင်မြင်ရန်ဆွဲရိုးရှင်းတဲ့လိုင်း tweaking ၏အကျိုးကျေးဇူးရှိသည်။ အဲဒီအစားထက်စာမျက်နှာန်းကျင်ရှုပ်ထွေးသောဒြပ်စင်ရွှေ့, ကသစ်ကိုရာထူးသို့သေတ္တာများ၏စုံတွဲတစ်တွဲဆွဲယူဖို့အနည်းငယ်သာအချိန်ကြာနိုင်ပါတယ်။ သင်သို့မဟုတ်သင့် client ကိုပထမဦးဆုံး layout ကိုအာရုံစိုက်ဖို့အတှကျဒါဟာသင်နဲ့တူမှတ်ချက်များနှင့်အတူထွက်မစတင်ပါလိမ့်မယ် ... အစပိုပြီးအကျိုးဖြစ်ထွန်းဖြစ်ပါတယ် "ငါသည်ထိုအရောင်နဲ့တူမ!" အစား, သင်တစ်ဦးအပြီးသတ် layout ကိုနှင့်ပေါ်ဖွဲ့စည်းပုံနှင့်အတူစတင်လာလိမ့်မည် မူသောသင်တို့ဒီဇိုင်းကိုအခြေခံရန်။