မာတိကာ
အမြင်ဒီဇိုင်းဆိုင်ရာ အခြေခံများကို လေ့လာရန် လမ်းညွှန်ချက်အပြည့်အစုံ။
ဒေါ်လာသန်းပေါင်းများစွာတန်သောမေးခွန်း- ဒီဇိုင်းကောင်းမွန်ခြင်း၏လျှို့ဝှက်ချက်ကား အဘယ်နည်း။
ဤတစ်ခုနှင့်ပတ်သက်၍ ကျွန်ုပ်တို့သည် ဒဿနကျကျလုပ်ဆောင်နိုင်သည် သို့သော် ယေဘူယျအားဖြင့်ပြောရလျှင် ဒီဇိုင်းကောင်းအတွက် 'လျှို့ဝှက်ချက်' စကားပုံသည် သင်၏ ကင်းဗတ်စ်နှင့် တစ်ခုနှင့်တစ်ခု ဆက်နွှယ်နေသည့် သင့်အမြင်အာရုံအစိတ်အပိုင်းများကို စုစည်းသည့်နည်းလမ်းဖြင့် တည်ရှိနေသည်။ အခြေခံအားဖြင့်၊ ကျွန်ုပ်တို့သည် layout ဒီဇိုင်းကို ဖော်ပြလိုက်ပါသည်။ အဲဒါကို သင်တွေးကြည့်တဲ့အခါ နေရာတိုင်းမှာ ရှိပါတယ်။
ဥပမာ မဂ္ဂဇင်းတစ်ခုရဲ့ အပြင်အဆင်ကို ယူပါ။ ၎င်းတို့၏ ဒီဇိုင်းသည် ဂန္တ၀င်ဂရစ်စနစ် (ဂရစ်ကွက်များအကြောင်း အားလုံးကို တစ်မိနစ်အတွင်း လေ့လာနိုင်ပါမည်)။ အရာအားလုံးသည် များသောအားဖြင့် ဘယ်၊ ညာ၊ အောက်ခြေတွင် ညှိထားသည်။ အထူးသဖြင့် ကော်လံများတွင် စာမျက်နှာကို အမြင်အာရုံကို ဆွဲဆောင်ရုံသာမက ဖတ်ရလွယ်ကူစေပြီး တရားဝင်ဖြစ်စေသော ထူးခြားသော မျှတသော ချိန်ညှိမှုရှိသည်။ ကြီးမားသော ခေါင်းစီးများသည် ကြည့်ရှုသူ၏ အာရုံစိုက်မှုကို ဆွဲဆောင်နိုင်ပြီး၊ ခေါင်းစဉ်ခွဲများသည် အချက်အလက်များ၏ အမြင်ဆိုင်ရာ အထက်တန်းအဆင့်ကို ဖန်တီးရန်အတွက် အရွယ်အစားအားဖြင့် ကွာခြားမှုအဖြစ် လာပါသည်။
Linda Gaom၊ Behance
ဤအရည်အသွေးများအားလုံးသည် စာမျက်နှာကို ဖန်တီးပေးပါသည်။ ဒီဇိုင်း သန့်ရှင်းသပ်ရပ်ပြီး ဖွဲ့စည်းတည်ဆောက်ထားကာ ဖတ်ရလွယ်ကူပြီး ၎င်းတို့သည် ကျွန်ုပ်တို့ပြောမည့် အကြံပြုချက်များနှင့် ကိုက်ညီပါသည်။ ပထမဦးစွာ၊ layout ဒီဇိုင်းကိုယ်တိုင်ကို ပိုမိုနားလည်ကြပါစို့။
Layout Design ဆိုသည်မှာ ဘာလဲ?
Layout ဒီဇိုင်းသည် စာဖတ်သူ၏အာရုံကို ဆွဲဆောင်နိုင်ပြီး မက်ဆေ့ချ်ကို ဆွဲဆောင်နိုင်စေရန်အတွက် layout ဒီဇိုင်းသည် ဂရပ်ဖစ်ဒြပ်စင်များ၏ အစီအမံနှင့် သက်ဆိုင်ပါသည်။ .ဒါဆို ငါတို့ စကားမပြောဘူး။အနားယူရာနေရာ၊ အခြားဒြပ်စင်များက ဦးတည်ချက်ပေးသည်။
၎င်းကို နားလည်ရန် ရိုးရှင်းသောနည်းလမ်းမှာ ကျွန်ုပ်တို့၏ဝဘ်ဆိုက်၏ ဥပမာကို ယူခြင်းဖြင့် ဥပမာအားဖြင့် ဖြစ်သည်။ ဂရပ်ဖစ်များကို စာသားမှ ရှင်းရှင်းလင်းလင်း ပိုင်းခြားထားပြီး လုပ်ဆောင်ရန် တောင်းဆိုမှုများလည်း ဖြစ်သည်၊ ထို့ကြောင့် ကြည့်ရှုသူ၏ အာရုံစိုက်မှုသည် အချက်အလက် အစုအဝေးတစ်ခုမှ နောက်တစ်ခုသို့ လမ်းကြောင်းပြနေသည်။
အခြေခံသဘောတရား #၅။ အလင်းအမှောင်ကိုသုံးပါ
သင့်ဒီဇိုင်းတွင် ခြားနားမှုအလုံအလောက်ရှိကြောင်း သေချာပါစေ။
အလင်းအမှောင်သည် သင့်ဒီဇိုင်းကို စုစည်းစေပြီး များစွာလိုအပ်သော အထက်တန်းအဆင့်ကို ထူထောင်ကာ အရေးကြီးသောအရာကို အာရုံစိုက်စေမည်ဖြစ်သည်။ထို့ထက်ပို၍ ဆန့်ကျင်ဘက်များကို ကောင်းမွန်စွာအသုံးပြုခြင်းသည် သင့်ဒီဇိုင်းတစ်လျှောက်လုံးတွင် အမြင်အာရုံကို တိုးစေသည်။ အရာအားလုံးကို အရွယ်အစား၊ ပုံသဏ္ဍာန် သို့မဟုတ် အရောင်က ငြီးငွေ့ဖွယ်ကောင်းနေမည့် အပြင်အဆင်တစ်ခုကို ရင်ဆိုင်ကြပါစို့။ ဆန့်ကျင်ဘက်အမွှေးအကြိုင်တွေ များပါတယ်။
သင့်ရဲ့ ပထမဆုံး အတွေးက အပူနဲ့ အအေး၊ အမှောင်နဲ့ အလင်း၊ အပြာနဲ့ လိမ္မော်ရောင် လိုမျိုး အရောင် ဆန့်ကျင်ဘက် ဖြစ်နိုင်ပါတယ်။ အရောင်သည် ခြားနားမှု၏ အလွန်အရေးကြီးသော နိယာမဖြစ်သော်လည်း၊ အမျိုးအစား၊ ချိန်ညှိမှုနှင့် အရွယ်အစားတို့၏ ဆန့်ကျင်ကွဲလွဲမှုများလည်း ရှိပါသည်။ ခြားနားမှုသည်လည်း နှိုင်းယှဥ်ဖြစ်သည်ကို သတိရပါ။ ၎င်းသည် အခြားဒြပ်စင်များနှင့် ပေါင်းစပ်ခြင်းတွင်သာ အဓိပ္ပာယ်ရှိပါသည်။
ဤစည်းမျဉ်းကို စမတ်ကျပြီး လှပသောနည်းလမ်းဖြင့် အသုံးပြုသည့် အပြင်အဆင်အချို့ ဥပမာများဖြစ်သည်။ စာစီစာရိုက်၊ အရောင်နှင့် ဒြပ်စင်များကြားရှိ အရွယ်အစားရှိ ခြားနားချက်ကိုပင် သတိပြုပါ။
ရင်းမြစ်- IAG ပြန်လည်သင့်မြတ်ရေး ဆောင်ရွက်မှု အစီအစဉ်
မူလ #6။ ထပ်ခါတလဲလဲ၊ ပုံစံ၊ စည်းချက်
ထပ်ခါထပ်ခါစဉ်းစားတဲ့အခါ၊ စဉ်းစားတယ်။တူညီသောဒြပ်စင်များ၏ ထပ်ခါထပ်ခါ။
ဒါပေမယ့် ဒီဇိုင်းပိုင်းမှာတော့ ကွဲပြားပါတယ်။ အဲ့လောက်မပျင်းတာသေချာပါတယ်။ မှန်ကန်စွာအသုံးပြုသောအခါ၊ ထပ်ခါတလဲလဲပြုလုပ်ခြင်းသည် သင့်ဒီဇိုင်းကို အမှန်တကယ် ခွန်အားဖြစ်စေနိုင်သည်။
သင့်အပြင်အဆင်တစ်လျှောက်ရှိ motif တစ်ခုကို ခွဲခြားပြီး ပြန်လည်အသုံးပြုရန် နယ်ပယ်အမျိုးမျိုးနှင့် တူညီသောဖွဲ့စည်းမှု၏အစိတ်အပိုင်းကို ချိတ်ဆက်ခံစားရစေရန် ကြိုးစားပါ။ ၎င်းသည် သင့်ဒီဇိုင်းတွင် အပြင်အဆင်ရှိရန် ကူညီပေးပါမည်။ အစိတ်အပိုင်းများကို ထပ်ခါတလဲလဲလုပ်ခြင်းဖြင့်၊ သင်သည် သင့်ပရိသတ်၏မျှော်လင့်ချက်များအတိုင်း ပေးပို့ရုံသာမက သုံးစွဲသူအတွေ့အကြုံကိုလည်း မြှင့်တင်ပေးမည်ဖြစ်သည်။ တသမတ်တည်းဖြစ်ခြင်းက သုံးစွဲသူများကို ပိုမိုသက်တောင့်သက်သာဖြစ်စေသည်။
ပုံသဏ္ဍာန်များ သို့မဟုတ် သင်္ကေတများကို ထပ်ခါတလဲလဲပြုလုပ်ခြင်းဖြင့် ၎င်းကို သင်လုပ်ဆောင်နိုင်သည်။ သို့မဟုတ် အရောင်အစီအစဥ်၊ စာစီစာကုံးနှင့် ယေဘုယျအားဖြင့် တူညီသောပုံစံပင်။
အလေ့အကျင့်ကောင်းတစ်ခုသည် မိသားစုကြီးတစ်ခုနှင့် ပုံစံတူသုံးခြင်းပင်ဖြစ်သည်။ မတူညီသောပုံစံများ၊ မျဉ်းအလေးများ/ပုံစံများနှင့် အရောင်များကို ကန့်သတ်ပြီး တစ်လျှောက်လုံး ထပ်လုပ်ပါ။ ထို့အပြင်၊ ရုပ်ပုံများနှင့် ဂရပ်ဖစ်စတိုင်ကို တူညီအောင်ကြိုးစားပါ။ ဥပမာအားဖြင့်၊ ပန်းချီဆရာတစ်ဦးတည်း၏ သရုပ်ဖော်ပုံများကို အသုံးပြုပါ။
အရင်းအမြစ်- Thepentool.co
ဒါပါပဲ။ ဤအချက်ခြောက်ချက်မှာ သင့်ဒီဇိုင်းကို စုစည်းပြီး ပိုမိုသန့်ရှင်းသော၊ ပိုမိုကျွမ်းကျင်ပြီး ဟန်ချက်ညီသော အပြင်အဆင်ကို ရရှိစေရန် ကူညီပေးမည့် အခြေခံအချက်ခြောက်ချက်ဖြစ်သည်။
သို့သော် သင့်ခရီးသည် ဤနေရာတွင် ပြီးဆုံးမည်မဟုတ်ပါ။ ဂရပ်ဖစ်ဒီဇိုင်းသည် တိကျသော ပညာရပ်တစ်ခုမဟုတ်ပါ၊ ၎င်းသည် အကြံပြုချက်များနှင့် သဘောတရားများကို ကန့်သတ်မထားသင့်ပါ။ ဖန်တီးမှုနယ်ပယ်အားလုံးတွင် အမှန်အတိုင်းပင် ခက်ခဲသော စည်းကမ်းမရှိပေ။ ဤအကြံပြုချက်များကို သိမ်မွေ့သောနည်းလမ်းများဖြင့် ခွဲထုတ်ခြင်းသည် နက်နဲမှုနှင့် ကွဲပြားမှုကို တိုးစေမည်ဖြစ်သည်။မင်းရဲ့ ဒီဇိုင်းတွေ။
ဘယ်လိုပဲဖြစ်ဖြစ်၊ အဲဒါတွေက ကောင်းမွန်တဲ့ အစပျိုးမှုတစ်ခုဖြစ်ပြီး သူတို့ကို စမ်းသုံးကြည့်ဖို့ သင့်ကို တိုက်တွန်းပါတယ်။ ၎င်းတို့ မည်သို့လုပ်ဆောင်ခဲ့သည်ကို ကျွန်ုပ်တို့အား အသိပေးပါ။
စတင်ရန် Vectornator ကိုဒေါင်းလုဒ်လုပ်ပါ
သင့်ဒီဇိုင်းများကို နောက်တစ်ဆင့်သို့တက်လှမ်းပါ။
ဖိုင်ကိုဒေါင်းလုဒ်လုပ်ပါ Logo ဒီဇိုင်းအကြောင်း ဒီမှာ။ သို့သော် သတင်းစာများ၊ မဂ္ဂဇင်းများ၊ ပိုစတာများနှင့် ၎င်းတို့၏ ဒစ်ဂျစ်တယ် အတွဲများအပြင် ဝဘ်၊ အက်ပ် သို့မဟုတ် UX/UI ဒီဇိုင်းကဲ့သို့သော ပုံနှိပ်ပစ္စည်းဒီဇိုင်း။'အပြင်အဆင်' ဟူသော စကားလုံးသည် ကျွန်ုပ်တို့အား အရိပ်အမြွက်များစွာ ပေးသည်။ ၎င်းသည် စာမျက်နှာတစ်ခုပေါ်ရှိ ကြိုတင်သတ်မှတ်ထားသော အစိတ်အပိုင်းများ၏ အစီအစဥ်တစ်ခုဖြစ်သည်။
ကြည့်ပါ။: MAPPA ၏ဇာတ်လမ်း- ဒဏ္ဍာရီဂျပန်အန်နီမေးရှင်းစတူဒီယိုအပြင်အဆင်တစ်ခုသည် ထိရောက်သောအခါတွင်၊ ၎င်းသည် ကောင်းမွန်ပြီး ကြည့်ရှုသူကို ဒီဇိုင်းထုတ်လိုသော မက်ဆေ့ချ်ကို နားလည်စေရန် လမ်းညွှန်ပေးသည်။ ထို့ကြောင့် အပြင်အဆင်ကို နားလည်ခြင်းသည် ဆွဲဆောင်မှုရှိသော၊ ထိရောက်သော၊ အသုံးပြုရလွယ်ကူပြီး နှစ်သက်ဖွယ်ကောင်းသော သီကုံးမှုများကို ဖန်တီးရာတွင် အဓိကကျပါသည်။
အပြင်အဆင်တစ်ခုသည် ၎င်း၏မက်ဆေ့ချ်ကို ပရိသတ်ထံ ကောင်းစွာမဖော်ပြပါက သို့မဟုတ် တစ်နည်းအားဖြင့် ၎င်းသည် "ကောင်းစွာဖတ်မည်မဟုတ်ပါ။ “ပုံစံက ဘယ်လောက်ခေတ်စားနေပါစေ ဒီဇိုင်းက ထိရောက်မှုမရှိဘူး။ အပြင်အဆင်ဒီဇိုင်းနယ်ပယ်တွင်၊ အကြောင်းအရာသည် ခေတ်ရေစီးကြောင်းနှင့် အသွင်အပြင်များကို အစားထိုးသည်။
အပြင်အဆင်ဒီဇိုင်း၏ရည်ရွယ်ချက်
မက်ဆေ့ချ်ကို အမြန်ပေးပို့ရန်
၎င်းသည် အဓိကဖြစ်သည်။ Layout ဒီဇိုင်းသည် အမြင့်ဆုံးထိရောက်မှုနှင့် သက်ရောက်မှုများအတွက် မျက်လုံးလှုပ်ရှားမှုကို ချောမွေ့စွာရရှိစေရန် ဂရပ်ဖစ်ပိုင်ဆိုင်မှုများအကြား ဆက်စပ်မှုကို ထူထောင်ပေးပါသည်။
ဟန်ချက်ညီမှုကို ဖန်တီးရန်
အပြင်အဆင်ဒီဇိုင်းအခြေခံမူများကို အသုံးပြုခြင်းသည် ဖန်တီးရန် အရိုးရှင်းဆုံးနည်းလမ်းဖြစ်သည်။ သင့်ဒီဇိုင်းပရောဂျက်များတွင် ဟန်ချက်ညီမှုနှင့် အချိုးညီမှုကို ငြီးငွေ့ဖွယ်မဖြစ်စေဘဲ။
စည်းလုံးမှုကိုဖန်တီးရန်
အပြင်အဆင်သည် သင့်ဒီဇိုင်း၏အစိတ်အပိုင်းများစွာကို အစာကြေလွယ်၊ ပေါင်းစပ်ပြီး ယုတ္တိနည်းဖြင့် စီစဉ်ပေးသည်။
အလှဖန်တီးရန်
ဟန်ချက်ညီညီနှင့် ဖွဲ့စည်းတည်ဆောက်ပုံသည် သဘာဝအတိုင်း လှပမှုကို ဖန်တီးပေးသည်။သင်၏ အပြင်အဆင် ဒီဇိုင်းကို မှန်ကန်စွာ လုပ်ဆောင်ပါက၊ ၎င်းသည် ကြည့်ရှုသူအား အလိုအလျောက် အမြင်အာရုံ ဆွဲဆောင်မှု ဖြစ်လာမည်ဖြစ်သည်။ မက်ဆေ့ချ်တစ်ခုကို နားလည်နိုင်ရန် ကြည့်ရှုသူများ အားစိုက်ထုတ်မှု နည်းပါးလေ၊ သင်၏ ဒီဇိုင်းသည် ပို၍ ဆွဲဆောင်မှု ရှိပုံပေါ်မည်။
ဒီဇိုင်နာ Frank Philippin မှ သူ၏ စာအုပ် 'I Used to Be a Design Student: ထို့နောက် - ယခု။' အရင်းအမြစ်- DesignBoom
The Elements of Layout Design
Text
၎င်းတွင် စာသားကိုယ်ထည် သို့မဟုတ် စာပိုဒ်များသာမက ခေါင်းစီးများ၊ ခေါင်းစဉ်ခွဲများ၊ ခေါင်းစီးများနှင့် အောက်ခြေမှတ်စုများလည်း ပါဝင်သည်။ သင်၏ စာစီစာရိုက်၊ အရောင်နှင့် အရွယ်အစား ရွေးချယ်မှုသည် သင်၏ အဆင်အပြင်ကို သင့်ပရိသတ်ထံ မည်သို့ဘာသာပြန်ဆိုမည်နည်းအပေါ် ကွဲပြားသောအကျိုးသက်ရောက်မှုများ ရရှိမည်ဖြစ်သည်။
ရုပ်ပုံ
အသုံးအများဆုံး ပုံအမျိုးအစားများမှာ ဓာတ်ပုံများ၊ သရုပ်ဖော်ပုံများ သို့မဟုတ် ပုံကြမ်းများဖြစ်သည်။
ပုံသဏ္ဍာန်များ
ပုံသဏ္ဍာန်များသည် ဂျီဩမေတြီဖြစ်နိုင်ပြီး၊ အလွန်ထောင့်စွန်းများ သို့မဟုတ် ၎င်းတို့သည် သဘာဝကမ္ဘာကို အတုယူ၍ အော်ဂဲနစ်ဖြစ်နိုင်သည်။ ၎င်းတို့သည်လည်း စိတ္တဇဖြစ်နိုင်သည်။ ဝဘ်ဒီဇိုင်နာများသည် ၎င်းတို့ကို ရှုပ်ထွေးပြီး ကျယ်ပြောလှသော ပေါင်းစပ်မှုများတွင် ပေါင်းစပ်ထည့်သွင်းထားသည်ကို ကျွန်ုပ်တို့တွေ့ခဲ့ရသောကြောင့် ပြီးခဲ့သောနှစ်အတွင်း စိတ္တဇပုံသဏ္ဍာန်များသည် အလွန်ခေတ်စားလာခဲ့သည်။
ပုံသဏ္ဍာန်များသည် ပုံတစ်ပုံကို အစားထိုးနိုင်သည်။ သို့မဟုတ် စာမျက်နှာတစ်ခုသို့ ဂရပ်ဖစ်ဒြပ်စင်များထည့်ရန်၊ စာသားကို အသားပေးဖော်ပြရန် သို့မဟုတ် အခြားရုပ်ပုံဆိုင်ရာဒြပ်စင်များကြားရှိ နေရာလွတ်ကို ခွဲခြမ်းစိတ်ဖြာရန် ၎င်းတို့ကို အသုံးပြုနိုင်သည်။
အဖြူရောင်နေရာလွတ်
မည်သည့်အပြင်အဆင်ဒီဇိုင်းတွင်မဆို အဖြူရောင်နေရာလွတ် အနည်းငယ်ရှိပါမည်။ ၎င်းသည် သင့်ဒြပ်စင်များကို အသက်ရှုကာ ၎င်းတို့ဘာသာ ပေါ်လွင်စေမည်ဖြစ်သည်။
Layout Design ၏ ရွှေအခြေခံမူများ
အခြေခံမူများကို သင်သတိပြုမိပါလိမ့်မည်။layout ဒီဇိုင်းသည် ဒီဇိုင်း၏ အခြေခံမူများစွာကို လိုက်နာသည်။ အရောင်တစ်မျိုးမျိုး၊ စာစီစာရိုက်၊ ထပ်ခါထပ်ခါ၊ ဆန့်ကျင်ဘက်၊ အထက်အောက် နှင့် ချိန်ခွင်လျှာကို အသုံးပြုခြင်းကဲ့သို့ပင်။
မူကြမ်း #1။ Grids ကိုသုံးပါ
Grids များသည် ဒီဇိုင်နာများမှ စာသားနှင့် ပုံများကဲ့သို့ လိုက်လျောညီထွေရှိကာ လိုက်ရန်လွယ်ကူသော ပုံစံအမျိုးမျိုးဖြင့် ဒီဇိုင်းဒြပ်စင်များကို နေရာချရာတွင် ကူညီပေးပါသည်။
၎င်းတို့သည် အစီအစဥ်သဘောကို ပေးစွမ်းနိုင်ပြီး အစိတ်အပိုင်းများ အချင်းချင်း လွှမ်းမိုးခြင်းမှ ကင်းဝေးစေပါသည်။ ပြီးတော့ အရေးအကြီးဆုံးကတော့၊ ဇယားကွက်တွေကလည်း သင့်ချိန်ညှိမှုကို ပြင်ပေးပါလိမ့်မယ်။ သင့်လုပ်ငန်းကို ပိုမိုသန့်ရှင်းစေပြီး ပိုမိုကျွမ်းကျင်စေပါသည်။
ကြည့်ပါ။: ခရစ္စမတ်သစ်ပင်ပုံဆွဲနည်းအရင်းအမြစ်- hgmlegal.com
ဂရစ်ကွက်များ၏ ခန္ဓာဗေဒ
၎င်းသည် ဒေါင်လိုက်နှင့် အလျားလိုက်မျဥ်းများသာဖြစ်သည်ဟု သင်ထင်ကောင်းထင်နိုင်သော်လည်း၊ ဇယားကွက်တစ်ခုကို အစိတ်အပိုင်းများစွာဖြင့် ဖွဲ့စည်းထားသည်။ တကယ်တော့ အများကြီးပါ။ ဤသည်မှာ အခြေခံဇယားကွက်တစ်ခုတွင် သင်သိထားရမည့် အရေးကြီးဆုံးဝေါဟာရဖြစ်သည်-
- ဖော်မတ် သည် သင်၏နောက်ဆုံးဒီဇိုင်း၏ ဧရိယာအပြည့်အစုံဖြစ်သည်။ ထို့ကြောင့် သင်သည် ပရင့်ထုတ်ရန်အတွက် တစ်စုံတစ်ခုကို ဒီဇိုင်းဆွဲပါက၊ ဖော်မတ်သည် စာမျက်နှာဖြစ်ပြီး အကယ်၍ သင်သည် ဝဘ်ဒီဇိုင်နာတစ်ဦးဖြစ်ပါက၊ ဖော်မတ်မှာ ဝဘ်စာမျက်နှာ သို့မဟုတ် ဘရောက်ဆာဝင်းဒိုးဖြစ်သည်။
- အနားသတ်များ သည် ဖော်မတ်နှင့် ဒီဇိုင်းကြားရှိ ရည်ရွယ်ချက်ရှိရှိ ကွက်လပ်များဖြစ်သည်။
- Flowlines များသည် သင့်အပြင်အဆင်ကို အပြိုင်အပိုင်းများအဖြစ် ပိုင်းခြားထားသော အလျားလိုက်မျဉ်းများဖြစ်သည်။ Flowlines များသည် သင်၏ ဒီဇိုင်း၏ ဖတ်ရှုနိုင်မှုကို ကူညီပေးပြီး အကြောင်းအရာကို မှန်ကန်စွာ လိုက်နာရန် စာဖတ်သူကို လမ်းညွှန်ပေးပါသည်။
- Modules များသည် အလျားလိုက်မျဉ်းများနှင့် ဒေါင်လိုက်များဖြင့် ဖွဲ့စည်းထားသော အတုံးများဖြစ်သည်။မည်သည့်ဇယားကွက်၏ လမ်းကြောင်းများ။ အဲဒါကို တွေးကြည့်ရင် သူတို့က ဘယ်ဂရစ်တုံးတွေပဲ ဖြစ်ဖြစ်၊ သင့်ဒေါင်လိုက် မော်ဂျူးများအားလုံးသည် သင့်ကော်လံများကို ဖန်တီးပေးကာ သင့်အလျားလိုက်ဂရစ်ဒ်များအားလုံးသည် သင့်အတန်းများကို ဖန်တီးပေးသည်။
- ဒေသများ များသည် ဒေါင်လိုက် သို့မဟုတ် အလျားလိုက် ချိတ်ဆက်ထားသော မော်ဂျူးအုပ်စုများဖြစ်သည်။ ဤအရာများကို စုစည်းရန် သင်ဆုံးဖြတ်ပုံနှင့်ပတ်သက်သည့် စည်းမျဉ်းများ မရှိပါ။
ရင်းမြစ်- Radversity
ဂရစ်အမျိုးအစားများ
အပြင်အဆင် ဂရစ်များကို စီစဉ်ရန် ပထမဦးစွာ အသုံးပြုခဲ့သည်။ စာရွက်ပေါ်တွင် လက်ရေးဖြင့်ရေးသည်။
ပြင်သစ်အနုပညာရှင် Villard De သည် ပုံနှိပ်စာမျက်နှာအပြင်အဆင်များကိုအနားသတ်များထုတ်လုပ်ရန်အတွက် ဂရစ်စနစ်အား ရွှေရောင်အချိုးဖြင့် ပေါင်းစည်းလိုက်သောအခါ ၎င်းတို့သည် 13 ရာစုအစောပိုင်းကာလမှ ရောက်ရှိလာခဲ့သည်။ ပုံနှိပ်စာအုပ်နှင့် မဂ္ဂဇင်း အပြင်အဆင်အများစု သက်သေပြထားသောကြောင့် ဤဇယားကွက်စနစ်အား ယနေ့တိုင် သင်တွေ့မြင်နိုင်ပါသည်။ ထုတ်ဝေသူများ၊ တည်းဖြတ်သူများနှင့် ဒီဇိုင်နာများသည် ပုံသဏ္ဌာန်ကောင်းမွန်သောကြောင့်သာမက စံဇယားကွက်များကို အသုံးပြုလိုကြသော်လည်း စာဖတ်သူများသည် ဒီဇိုင်းအစိတ်အပိုင်းအချို့ကို သီးခြားနေရာတစ်ခုတွင်ရှိရန် မျှော်လင့်လာသောကြောင့်ဖြစ်သည်။
ဂရစ်များကို ပုံစံနှစ်မျိုးဖြင့် ဒီဇိုင်းထုတ်နိုင်သည်- အချိုးကျ သို့မဟုတ် အချိုးမညီ။ စီမက်ထရစ်ဂရစ်များ ဒေါင်လိုက်နှင့် အလျားလိုက် နယ်မြေများသည် တစ်ခုနှင့်တစ်ခု ညီမျှသည့် အလယ်မျဉ်းကို လိုက်နာသည်။ နှင့် ကော်လံများသည် တူညီသော အကျယ်ရှိသည်။
အချိုးမညီသော ဇယားကွက် တွင်၊ အမည်တွင် အကြံပြုထားသည့်အတိုင်း၊ အနားသတ်များနှင့် ကော်လံများသည် အားလုံးတူညီမည်မဟုတ်ပါ။
ဤအမျိုးအစားခွဲခြားမှုအပေါ်အခြေခံ၍ သင်အားကိုးနိုင်သည့် ကမ္ဘာတစ်ဝှမ်းတွင်အသုံးပြုထားသော အဓိက layout ဂရစ်ငါးမျိုးရှိသည်-
စာမူဂရစ် သည် စာရွက်စာတမ်းများအတွက် အသုံးအများဆုံး ဂရစ်အမျိုးအစားဖြစ်သည်။ ၎င်းတို့သည် ခေါင်းစီး၊ အောက်ခြေနှင့် အနားသတ်များကို ပိုင်းခြားကာ အခြေခံအားဖြင့် သင့်စာသားအတွက် နယ်နိမိတ်များကို ပေးဆောင်သည့် ဖော်မတ် (သို့မဟုတ် စာမျက်နှာ) အတွင်း ထောင့်မှန်စတုဂံတစ်ခုကို ဖန်တီးသည်။ ၎င်းတို့သည် မဂ္ဂဇင်းများ၊ သတင်းစာများနှင့် စာအုပ်များအတွက် အခြေခံဖြစ်သည်။ ထို့ကြောင့် ၎င်းသည် သင်အရင်းနှီးဆုံး အဆင်အပြင်ဖြစ်နိုင်သည်။
အရင်းအမြစ်- UXplanet
ရင်းမြစ်- Radversity
ကော်လံဂရစ်များ မဂ္ဂဇင်းထုတ်ဝေခြင်းတွင် နောက်ထပ်အကြိုက်ဆုံးဖြစ်သည်။ ပုံမှန် မဂ္ဂဇင်း အပြင်အဆင်သည် စာသားကို ဖတ်ရလွယ်ကူသော ကဏ္ဍများအဖြစ် ခွဲခြားရန် ကော်လံဇယားကွက်များကို အသုံးပြုသည်။ သို့သော် ၎င်းတို့သည် ဝဘ်ဆိုဒ်များအတွက်လည်း အလွန်ရေပန်းစားပါသည်။ ဇယားကွက်နှစ်ခုမှ ခြောက်ခုအထိ မည်သည့်အရာကိုမဆို သင်အသုံးပြုနိုင်သည်။ ပိုဖြစ်နိုင်ပေမယ့် အဖြစ်များတာတော့ မဟုတ်ပါဘူး။ ကော်လံဂရစ်ဒ်များနှင့်ပတ်သက်၍ အလွန်အရေးကြီးသည့်အချက်မှာ ကော်လံများ သို့မဟုတ် ရေမြောင်းများကြား အကွာအဝေးသည် တစ်ခုနှင့်တစ်ခု အညီအမျှအကွာအဝေးဖြစ်သည်။
အချိုးညီသောကော်လံကွက်ဒ်များကို သတင်းစာများက အသုံးပြုသည်၊ ဥပမာ၊ အချိုးမညီသောကော်လံဂရစ်ကို ဝဘ်ဒီဇိုင်းတွင် ပိုနှစ်သက်သော်လည်း၊ .ရင်းမြစ်- UX Planet
ရင်းမြစ်- Radversity
Modular Grids သည် ကော်လံဇယားကွက်နှင့် ဆင်တူသော်လည်း၊ ၎င်းတို့သည် အလျားလိုက် လမ်းကြောင်းများကို တွက်ချက်သည်။ သင့်အပြင်အဆင်တွင် အမျိုးမျိုးသောဒြပ်စင်များကို စုစည်းရန် လိုအပ်ပြီး ကော်လံဂရစ်ဒ်များသည် လုံလောက်မှုမရှိကြောင်း
မော်ဂျူလာဂရစ်ဒ်များတွင် တူညီသောအရွယ်အစား module များပါရှိပြီး မတူညီသောနည်းလမ်းများဖြင့် သင်၏ spatial zones ကို မြင်ယောင်ရန် အလွန်လွယ်ကူစေသည်။ရင်းမြစ်- UXPlanet
ရင်းမြစ်- Radversity
အခြေခံဂရစ်များ သည် စာသားအခြေခံဖွဲ့စည်းမှုများအတွက် အလွန်ကောင်းမွန်ပါသည်။ အခြေခံစာကြောင်းသည် သင်ရိုက်သောအခါတွင် စာသားအားရပ်သည့်မျဉ်းဖြစ်ပြီး ဦးဆောင်သည် အခြေခံစာကြောင်းနှစ်ခုကြားအကွာအဝေးဖြစ်သည်။ သင့်ခေါင်းစီး သို့မဟုတ် ခေါင်းစဉ်ခွဲများသည် မည်မျှကြီးမားသင့်သည်ကို တွေးတောနေပါသလား။
သင့်စာသားကို စည်းချက်ညီညီ ပေးစွမ်းရန် ဤနေရာတွင် အခြေခံလိုင်းဂရစ်များရှိပါသည်။ရင်းမြစ်- UX Planet
ရင်းမြစ်- Fragaria
အထက်တန်းဂရစ်များ ၎င်းတို့အားလုံးထက် ဇယားကွက်တစ်ခုနှင့် တူသည် ရှိနေကြောင်း၊ မည်သို့ပင်ဆိုစေကာမူ၊ ၎င်းတို့သည် အရေးကြီးသော အစီအစဥ်အလိုက် ဒီဇိုင်းအစိတ်အပိုင်းများကို စုစည်းရာတွင် အလွန်အသုံးဝင်ပါသည်။ အထက်တန်းဇယားကွက်များသည် မော်ဂျူလာဂရစ်များကို အခြေခံနိုင်ပြီး သို့မဟုတ် သင်ကိုယ်တိုင် ဖန်တီးနိုင်သည်။ ဝဘ်ဆိုဒ်များသည် ဤဇယားကွက်ကို များစွာအသုံးပြုကြသည်၊ အထူးသဖြင့် ဒစ်ဂျစ်တယ် မဂ္ဂဇင်းများနှင့် သတင်းစာများသည် ၎င်းတို့၏ ဒစ်ဂျစ်တယ်အဖြစ်သို့ ကူးပြောင်းရာတွင် ကော်လံဂရစ်များထက် အထက်အောက် ဂရစ်များကို ပိုမိုအားကိုးကြသည်။
ရင်းမြစ်- UX Plane
မူရင်း #၂။ Negative Space ကိုသုံးပါ
ဗလာ၊ တိတ်ဆိတ်ခြင်း သို့မဟုတ် အရောင်မရှိခြင်းသည် ဆိုးရွားသည်ဟု ကျွန်ုပ်တို့မကြာခဏထင်မြင်ပါသည်။ သို့သော် ၎င်းတို့သည် ခြားနားမှု၏ ခိုင်မာသော အခြေခံအုတ်မြစ်ဖြစ်ကြောင်း ကျွန်ုပ်တို့ မစဉ်းစားထားပေ။
အဖြူကွက်ဟုလည်း ခေါ်သည်၊ အနုတ်သဘောဆောင်သည့်နေရာသည် အမှန်တကယ်ဒြပ်စင်များမရှိသော သင့်ဒီဇိုင်းရှိ ဧရိယာဖြစ်သည်။ လွတ်နေတဲ့နေရာပါ။ ၎င်းသည် သင့်ပိုင်ဆိုင်မှုများကို ဝန်းရံထားရုံသာမက ၎င်းတို့ကြားတွင် လိုအပ်သော နှောင်ကြိုးများကိုလည်း ဖန်တီးပေးပါသည်။ ထို့ကြောင့်၊ အနှုတ်နေရာသည် မှန်ကန်သော ဒီဇိုင်းဒြပ်စင်တစ်ခုဖြစ်ပြီး သင့်အပြင်အဆင်ကို မည်မျှထိထိရောက်ရောက် အကျိုးသက်ရောက်စေပါသည်။ဒီဇိုင်းသည်အကောင်းနှင့် အဆိုးနေရာ
အဆိုးမြင်သောနေရာသည် သင့်ဒီဇိုင်းရှိ နယ်ပယ်အမျိုးမျိုးကို ခွဲထုတ်ရန် ကူညီပေးမည်ဖြစ်ပြီး သင့်အပြင်အဆင်ကိုလည်း အသက်ရှုနိုင်စေမည်ဖြစ်သည်။ ၎င်းသည် အမြင်အာရုံဆိုင်ရာ အထက်အောက်နှင့် အမြင်ဟန်ချက်ညီစေရန် ကူညီပေးသည်။ ၎င်းသည် အသုံးပြုသူ၏ အာရုံစူးစိုက်မှုကို သတ်မှတ်ပေးသည်။ အာရုံထွေပြားမှုအဆင့်ကို လျှော့ချပေးသည်။ နောက်ဆုံးအနေနှင့်၊ ၎င်းသည် သင့်ဒီဇိုင်းအတွက် စတိုင်လ်နှင့် ကျက်သရေကို တိုးစေပါသည်။
အတွေ့အကြုံမရှိသော ဒီဇိုင်နာများသည် စာသားကို ချဲ့ထွင်ခြင်း သို့မဟုတ် လိုဂိုတစ်ခု သို့မဟုတ် ပုံတစ်ခုအား မှုတ်ထုတ်ခြင်းဖြင့် ၎င်းတို့၏ ကင်းဗတ်များကို တတ်နိုင်သမျှ ဖြည့်စွက်ရန် သဘောထားရှိနိုင်ပါသည်။ သို့သော် သင်၏ဒြပ်စင်များကို အခန်းပေးခြင်းဖြင့် ကြည့်ရှုသူအား အချို့သောအချက်အလက်များကို ပိုမိုမြန်ဆန်စွာ ရွေးချယ်နိုင်စေပါသည်။
အရာရာသည် သင့်ကြည့်ရှုသူ၏အာရုံစူးစိုက်မှုကို အော်ဟစ်ပါက မည်သည့်အရာကိုမျှ မကြားရပါ။– Aaron Walter၊ 'Design for emotion'
သင်၏ အနှုတ်နေရာလွတ်ကို ဆုံးဖြတ်ရန် လွယ်ကူသောနည်းလမ်းမှာ modular grid ကို အသုံးပြုခြင်း ဖြစ်သည်။ ၎င်းကို သင့်ဒီဇိုင်း၏အပေါ်တွင် ထားခြင်းဖြင့်၊ မည်သည့် modules များအလွတ်ရှိနေနိုင်သည်ကို အလွယ်တကူမြင်ယောင်နိုင်ပြီး မည်သည့်အရာက ဖြည့်သင့်သည်ကို အလွယ်တကူမြင်နိုင်သည်။
Brunswicker မှ ဒီဇိုင်နာ၊ အရင်းအမြစ်- Codesignmag.com
နိယာမ နံပါတ် ၃။ တစ်ခုတည်းသော Focal Point ကိုရွေးချယ်ပါ
ဖောက်သည်တစ်ဦးက လိုဂိုကို ပိုကြီးအောင်လုပ်ဖို့ တောင်းဆိုဖူးပါသလား။ ပြီးတော့ ခေါင်းစဉ်ကို ပိုကြီးအောင် လုပ်မလား။
အရာရာကို သင် အလေးပေးလို့မရဘူး။ ဒီဇိုင်းကောင်း၏ အမှတ်ကို ချေမှုန်းသည်။ အချိန်နှင့်အမျှ အာရုံစူးစိုက်မှုသည် ဆက်စပ်မှုရှိသည်။ ဒြပ်စင်တစ်ခု ပေါ်လွင်စေရန်၊ နောက်တစ်ခုသည် နောက်ခံအဖြစ် လုပ်ဆောင်ရမည်ဖြစ်သည်။ သင့်ဒီဇိုင်းကိုပြသရန်အတွက် အချို့သောဒြပ်စင်များသည် အခြားအရာများကို လွှမ်းမိုးထားရန်လိုအပ်သည်။အမြင်ဆိုင်ရာ အထက်တန်းပြမှု။
ဒီဇိုင်းတစ်ခုရှိ ဆုံမှတ်သည် အကြီးမားဆုံး အမြင်အာရုံအလေးချိန်ရှိသော ဒြပ်စင်တစ်ခုဖြစ်သည်။ ၎င်းသည် သင်၏ အပြင်အဆင်ရှိ အခြားအရာများထက် မျက်လုံးကို ဦးစွာ ဆွဲဆောင်သည့် အရာဖြစ်သည်။သင့်ရဲ့ ဒီဇိုင်းနဲ့ သူတို့ရဲ့ ကြည့်ရှုမှုခရီးစဥ်ကို ဆုံမှတ်တစ်ခုက သင့်ပရိသတ်ကို ကြေညာပါလိမ့်မယ်။ ထို့ကြောင့် ၎င်းသည် သင်ပြောနေသည့် ဇာတ်လမ်း၏အစဖြစ်သည်။
ဤအရာသည် ကြီးမားသောပုံ သို့မဟုတ် စာစီစာရိုက်အရင်းအမြစ်ကြီးတစ်ခုကို အသုံးပြုခြင်းဖြင့် ၎င်းကို အောင်မြင်နိုင်သည်။ အောက်ဖော်ပြပါ အချက်အခြာသည် မည်မျှထိရောက်သည်ကို သတိပြုပါ
Bloomberg Businessweek အတွက် Braulio Amado မှ ဒီဇိုင်းထုတ်ထားခြင်း၊ အရင်းအမြစ်-
ဒါပေမယ့် အဓိကအချက်တစ်ခုက သင့်ပရိသတ်တွေရဲ့ အာရုံစိုက်မှုကို ဆွဲဆောင်နိုင်ပေမယ့်၊ နောက်စည်းမျဥ်းက ၎င်းကို လမ်းညွှန်ရန် ကူညီပေးပါမည်။
မူနံပါတ် 4။ Proximity and Flow ကိုစဉ်းစားပါ
နီးစပ်မှုနိယာမသည် ရိုးရှင်းပါသည်။ တစ်ခုနှင့်တစ်ခုဆက်စပ်နေသောဒြပ်စင်များကိုတစ်ပြိုင်နက်တည်းထားရှိကြောင်းသေချာပါစေ။
အနီးကပ်ပုံသဏ္ဍာန်ပိုင်ဆိုင်မှုများသည် ချိတ်ဆက်နေပြီး သင့်အပြင်အဆင်ကိုစီစဉ်ရာတွင်ကူညီပေးသည့်ရုပ်မြင်သံကြားယူနစ်တစ်ခုဖြစ်လာကြောင်းသေချာစေသည်။ထို့ကြောင့် တစ်ခုနှင့်တစ်ခု ဆက်စပ်မှုရှိသော အစုလိုက်အပြုံလိုက် ဒီဇိုင်းပိုင်ဆိုင်မှုများသာဖြစ်ပြီး၊ သင့်ပရိသတ်ကို ၎င်းတို့စားသုံးလိုသည့် သက်ဆိုင်ရာအကြောင်းအရာကို လမ်းညွှန်ရန် သင့်ဒီဇိုင်းဆိုင်ရာ အချက်အလက်အိတ်ကပ်များကို အသုံးပြုပါ။ ၎င်းကို စီးဆင်းမှုနိယာမဟုလည်း ခေါ်သည်။
ရင်းမြစ်- Satori ဂရပ်ဖစ်
ကောင်းမွန်သောစီးဆင်းမှုရှိသော ဒီဇိုင်းသည် ကြည့်ရှုသူများ၏မျက်လုံးကို အစိတ်အပိုင်းတစ်ခုမှတစ်ခုသို့ လွယ်ကူစွာ ပို့ဆောင်ပေးမည်ဖြစ်သည်။ မင်းရဲ့ ဆုံမှတ်တွေက မျက်လုံးကို ဆွဲထုတ်ပြီး ဖြစ်လာလိမ့်မယ်။