ကြည့်ရှုသူ၏မျက်စိကိုဆွဲရန်ကိုအဓိကထားသုံးပါ
ဝဘ်စာမျက်နှာဒီဇိုင်းအတွက်အလေးပေးစာမျက်နှာများအတွက် Focal Point သည်ကြောင်းကိုဧရိယာသို့မဟုတ်အရာဝတ္ထုဖန်တီးပေးပါတယ်။ ဒါဟာတဦးတည်း element ကဒီဇိုင်းအတွက်ထွက်မတ်တပ်ရပ်စေတဲ့နည်းလမ်းဖြစ်ပါတယ်။ အဆိုပါ Focal Point သည်မျက်စိဆွဲလေ့ရာ၏ဒီဇိုင်းသို့မဟုတ်အရောင်တောက်တောက်-နှစ်ဦးစလုံး၏အခြားဒြပ်စင်ထက်ပိုကြီးတဲ့ဖြစ်နိုင်သည်။ သင်တစ်ဦးဝက်ဘ်စာမျက်နှာဒီဇိုင်းနေတဲ့အခါ, သင်တစ်ဦးစကားလုံးသို့မဟုတ်စာပိုဒ်တိုရွေးချယ်ခြင်းနှင့်အဲဒါကိုထွက်မတ်တပ်ရပ်စေသည်တဲ့အရောင်, စာလုံး, ဒါမှမဟုတ်အရွယ်အစားတာဝန်ပေးဖို့အားဖြင့်အလေးပေး add စေခြင်းငှါ, ဒါပေမယ့်သင့်ရဲ့ဒီဇိုင်းအတွက်အလေးပေးသုံးစွဲဖို့တခြားနည်းလမ်းတွေရှိပါတယ်။
ဒီဇိုင်းအတွက်ကိုအဓိကထားအသုံးပြုခြင်း
ဒီဇိုင်နာများစေနိုင်သည်အကြီးမားဆုံးအမှားတစ်ခုမှာထွက်မတ်တပ်ရပ်ဒီဇိုင်းအတွက်အရာအားလုံးကိုအောင်ကြိုးစားရန်ဖြစ်ပါသည်။ အရာအားလုံးတန်းတူညီမျှအလေးပေးရှိပါတယ်သောအခါ, ဒီဇိုင်းကိုအလုပ်များများနှင့်ရှုပ်ထွေးသို့မဟုတ်ပိုဆိုး-ပျင်းစရာနှင့် unappealing ပုံပေါ်ပါတယ်။ ဝဘ်ဒီဇိုင်းအတွက် focal point တစ်ခုဖန်တီးရန်, ၏အသုံးပြုမှုကိုလစျြလြူရှုကြဘူး:
- လိုင်းများ: ဆန့်ကျင်ဘက်အားဖြင့်အလေးပေးဖန်တီးပါ။ အတော်ကြာ element တွေကိုအလျားလိုက်ရောက်နေတယ်ဆိုရင်, တဦးတည်းဒေါင်လိုက် element က Focal Point သည်ဖြစ်လာသည်။
- အရောင်: ဒီဇိုင်းအတွက်အများဆုံးဒြပ်စင်မှောင်မိုက်သို့မဟုတ်ကျောခိုင်းထားသောမှန်လျှင်, အရောင်နှင့်အတူမည်သည့်အရာဝတ္ထုမျက်စိဆွဲဆောင်။
- ပုံစံမျိုးစုံ: အရှိဆုံးပုံစံမျိုးစုံမမှန်တဲ့အခါ, တစ်ဦးဂျီဩမေတြီပုံသဏ္ဌာန်ထွက်ရပ်။
- Proximity: အများအပြားပစ္စည်းများအုပ်စုဖွဲ့နှင့်တဦးတည်းအုပ်စုများထံမှသီးခြားဖြစ်ပါသည်နေကြသည်သောအခါ, မျက်စိတစ်ခုတည်းသောပစ္စည်းကိုမှတတ်၏။
- နေရာချထား: ခြွင်းချက်ရှိပါတယ်ပေမယ့်လည်းတစ်ဦးဒီဇိုင်း၏ဗဟို၌ထား Element တစ်ခုရဲ့များသောအားဖြင့်မျက်စိကိုထားပါတယ်။
- အလေးချိန်: တစ်ဦးကမိုးသည်းထန်စွာ element ကကြည့်ရှုသူများ၏အာရုံကိုဆွဲဆောင်။
- ထပ်ဖြစ်: element ကိုရိုက်ထည့်ဖို့ရိုးရှင်းတဲ့ဂရပ်ဖစ်ထပ်ခါတလဲလဲဖြစ်ပါတယ်သောအခါ, မျက်စိအတွက် Focal Point သည်ရန်ထပ်ခါတလဲလဲဒြပ်စင်အောက်ပါအတိုင်း။
- contrast: အရောင်နဲ့လိုင်းများအသုံးပြုနေသူများကဖန်တီးထူးခွားသညျ့အပြင်ဆန့်ကျင်ဘက်အရွယ်အစား, texture သို့မဟုတ်ဖောင်ပြောင်းလဲမှုများကိုအားဖြင့်ထုတ်ပေးနိုင်ပါသည်။ အဆိုပါပြောင်းလဲမှုထွက်မတ်တပ်ရပ်ပေးဖို့ focal ဒြပ်စင်ကိုဖြစ်ပေါ်စေသည်။
- White ကအာကာသ: အဖြူ (သို့မဟုတ်ဗလာ) အာကာသကဝိုင်းတစ်ခုက element က Focal Point သည်ဖြစ်လာသည်။
Web Design အတွက်အဆင့်ဆင့်
အဆင့်ဆင့်အရွယ်အစားအားဖြင့်အရေးပါမှုညွှန်ပြကြောင်းဒီဇိုင်းဒြပ်စင်များ၏အမြင်အာရုံအစီအစဉ်ဖြစ်ပါတယ်။ အကြီးဆုံး element ကအရေးအပါဆုံးဖြစ်တော်မူ၏ နည်းအရေးကြီးသောဒြပ်စင်သေးငယ်ဖြစ်ကြသည်။ သင်၏ဝဘ်ဒီဇိုင်းများအတွက်အမြင်အဆင့်ဆင့်ကိုအာရုံစိုက်ပါ။ သင်သည်သင်၏ရန် semantic စီးဆင်းမှုကိုဖန်တီးရန်အလုပ်လုပ်ခဲ့ပါတယ် အကယ်. HTML ကို markup သင့်ရဲ့ဘာဖြစ်လို့လဲဆိုတော့, ဒီလွယ်ကူသည် ဝဘ်စာမျက်နှာ ပြီးသားအဆင့်ဆင့်ရှိပါတယ်။ သင့်ရဲ့ဒီဇိုင်းကိုလုပ်ဖို့လိုအပ်ပါတယ်အားလုံးသည်မှန်ကန်သောဒြပ်စင်-ထိုကဲ့သို့သော H1 ခေါင်းစဉ်-များအတွက်အများဆုံးအလေးပေးအဖြစ်အလေးပေးပြောကြားသည်။
markup အတွက်အဆင့်ဆင့်နှင့်အတူတစ်ဦးဧည့်သည်ရဲ့မျက်စိမျက်နှာပြင်ရဲ့အထက်လက်ဝဲဘက်ထောင့်မှာစတင်မယ့် Z ကိုပုံစံတစ်ခုဝက်ဘ်စာမျက်နှာရှုမြင်ကြောင်းအသိအမှတ်ပြုပါသည်။ အဲဒီစာမျက်နှာရဲ့ဘယ်ဘက်အပေါ်ထောင့်ထိုကဲ့သို့သောကုမ္ပဏီလိုဂိုအဖြစ်အရေးပါသောအကြောင်းအရာသည်များအတွက်နေရာကောင်းစေသည်။ ညာဘက်ထိပ်ထောင့်မှာအရေးကြီးသောသတင်းအချက်အလက်များအတွက်ဒုတိယအကောင်းဆုံးနေရာချထားအနေအထားဖြစ်ပါတယ်။
Web Design အတွက်အလေးပေးသော Include လုပ်နည်း
web design မှာအလေးပေးနညျးလမျးမြားစှာတှငျဆောငျရှကျနိုငျ:
- ပင်မဆိုစတိုင်များမပါဘဲအလေးပေးပေး semantic markup ကိုသုံးပါ။
- ဒီဇိုင်းအတွက်ကသူတို့ကိုအလေးပေးသို့မဟုတ် de-အလေးပေးဖို့စာလုံးတွေသို့မဟုတ်ပုံရိပ်တွေ၏အရွယ်အစားပြောင်းပါ။
- ခြားနားသုံးပါ အရောင်များကို အလေးပေးပေး။
- Size ကိုရေတွက်။ စာမကျြနှာသို့မဟုတ် screen ပေါ်မှာတစ်ကြီးမားတဲ့စကားလုံးချက်ချင်းအာရုံကိုရရှိသွားတဲ့။
- အဖြူအာကာသအတူ Focal Point သည်ဝိုင်း။
- အာရုံစူးစိုက်မှုကိုဆွဲဆောင်ရန်စကားလုံးတစ်လုံးသို့မဟုတ် image ကိုပြန်လုပ်ပါ။
လက်အောက်ငယ်သားနဲ့ Fit ခုနှစ်တွင်အဘယ်မှာရှိပါသလော
သင် Focal Point သည်ပေါ့ပ်စေရန်တစ်ဦးဒီဇိုင်းကိုအခြားဒြပ်စင်များချ Tone တဲ့အခါမှာလက်အောက်ငယ်သားတွေ့ရှိနိုင်ပါသည်။ ဥပမာတစျခုအနက်ရောင်နှင့်အဖြူရောင်နောက်ခံဓာတ်ပုံကိုဆန့်ကျင် positioned တစ်တောက်တောက်အရောင်ဂရပ်ဖစ်ဖြစ်ပါတယ်။ သင်ကထွက်မတ်တပ်ရပ်စေခြင်း, Focal Point သည်နောက်ကွယ်မှနောက်ခံနှင့်အတူရောနှောနေခြင်းကြောင့်ကျောခိုင်းထားသောအရောင်များသို့မဟုတ်အရောင်များကိုအသုံးပြုတဲ့အခါတူညီသောအကျိုးသက်ရောက်မှုတွေ့ရှိနိုင်ပါသည်။