07 ၏ 01
Visual Flow ကဘာလဲ?
Visual စီးဆင်းမှုအားလုံးအရေးကြီးဒြပ်စင်ထင်ပေါ်ကျော်ကြားလက်ခံရရှိကြောင်းလမ်းအတွက်စာရွက်စာတမ်းမှတဆင့် viewer ရဲ့မျက်စိသယ်ဆောင်နှင့်ဘာမျှမဗျာဒိတ်ရူပါရုံကို snags သို့မဟုတ်ကြည့်ရှုသူအပိုင်းအစ၏အဓိပ္ပာယ်ကိုဆုံးရှုံးဖို့ကိုဖြစ်ပေါ်စေသည်။ မြှားသို့မဟုတ်နံပါတ်များနှင့်တူသိသာစီးဆင်းမှု element တွေကိုအသုံးပြုခြင်းက်ဘ်ဒီဇိုင်နာစီးဆင်းမှုကိုသုံးပါအသုံးအများဆုံးနည်းလမ်းဖြစ်ပါတယ်, ဒါပေမယ့်အသုံးပြုတဲ့တိကျတဲ့လမ်းကြောင်းတလျှောက်ရွှေ့ဖို့သင့်ရဲ့စာဖတ်သူတွေကိုညွှန်ကြားဖို့ mis-အသုံးပွုနိုငျသော Element ၏အခြားအမျိုးအစားများရှိပါတယ်။ ဒီသင်ခန်းစာအတွက်ခြေလှမ်းများကိုသင်ကောင်းမကောင်းစီးဆင်းမှု၏ဥပမာကိုပြသနှငျ့သငျဒီဇိုင်းအတွက်အမြင်အာရုံစီးဆင်းမှု၏ဝေါဟာရသင်ယူကူညီပေးပါမည်။
Visual စီးဆင်းမှုနည်းလမ်းများစွာအတွက်အောင်မြင်နိုင်ပါသည်:
- မြှား
- sequential ပုံရိပ်တွေသို့မဟုတ်စာသားဒြပ်စင်
- ရှုထောင့်
- gradient
- Size ကိုအပြောင်းအလဲ
- curves
- ပုံရိပ်တွေအတွက် motion
- မျက်နှာများ - အထူးသဖြင့်မျက်စိ
အောက်ပါပုံရိပ်များသင် web စာမျက်နှာများပေါ်တွင်စီးဆင်းမှုအတွက်အချို့သောဘုံအမှားတွေကိုပြပါလိမ့်မယ်, သူတို့ပြင်ပေးဖို့ဘယ်လို။
07 ၏ 02
အနောက်တိုင်းစာသားလက်ဝဲကနေညာဘက်မှစီးဆင်း
သင်တစ်ဦးဘာသာစကား Western ဖတ်နေကြီးပြင်းလျှင်သင်စာသားညာဘက်လက်ဝဲကနေရွှေ့သင့်တယ်စဉ်းစားရန်အသုံးပြုပါတယ်။ ဒီတော့, စာသားတစ်လိုင်းဖြတ်ပြီးမျက်စိရွေ့လျားသကဲ့သို့, ညာဘက်ကိုလက်ဝဲမှရွေ့လျားနေသည်။
အထက်ပါပုံထဲမှာ, ထိုရေတံခွန်လက်ဝဲဦးတည်ချက်တစ်ခုညာဘက်အတွက်စီးဆင်းသည်, စာသားဟာရေတံခွန်တက်စီးသည်။ ငါတို့ရှိသမျှသည်ရေတံခွန်များပြပ်သင်သိရကတည်းကစာသား၏စီးဆင်းမှုနှင့်အတူရေစီးဆင်းမှု၏ညှနျကွားထဲမှာဆက်သွယ်မှုပြတ်တောက်လည်းမရှိ။ viewer ရဲ့မျက်စိစာသားဖတ်ရှုဖို့မှားယွင်းတဲ့ဦးတည်လှုံ့ဆော်ပေး။
07 ၏ 03
သင့်ရဲ့စာသားကတော့ပုံများနှင့်အတူစီးဆင်းမှုသင့်သ
စာသားကိုရေကဲ့သို့တူညီသောဦးတည်စီးဆင်းကြောင်းဒါကြောင့်ဤကိစ္စတွင်ခုနှစ်, image ကိုပြောင်းပြန်ခဲ့တာဖြစ်ပါတယ်။ အားလုံးဒြပ်စင်ရေစီးဆင်းမှုနှင့်စာသား၏စီးဆင်းမှုနှင့်အတူ viewer ရဲ့မျက်စိကဆင်းဦးဆောင်လမ်းပြ။
07 ၏ 04
ညာမှထွက်ခွာသွားသည် Fast ညီမျှ
ဒီဓာတ်ပုံထဲမှာမြင်းဘယ်ဘက်ညာဘက်ကနေ run နေပေမယ့်စာသားအင်္ဂလိပ်ဖြစ်ပါတယ်ဒါကြောင့်ညာဘက်ထားခဲ့တယ်။ ကစာသားထက်ကွဲပြားခြားနားသောဦးတည်ချက်မယ့်ကြောင့်မြင်းပြိုင်ပွဲတဦးတည်းဦးတည်ချက်များ၏အမြင်အာရုံသက်ရောက်မှုတစ်ခုလုံးကိုစာရွက်စာတမ်းများ၏အရှိန်အဟုန်နှေးကွေး။
ကျွန်တော်တို့ရဲ့ဘာသာစကားများ left ကနေညာဘက်ကိုရွှေ့ဘာဖြစ်လို့လဲဆိုတော့အနောက်တိုင်းယဉ်ကျေးမှုခုနှစ်တွင်, ငါတို့သည်ညာဘက်ဘယ်ဘက်ကိုပိုပြီးနောက်ပြန်နှင့်နှေးကွေးနေစဉ်ရှေ့ဆက်နှင့်အစာရှောင်ခြင်းအဖြစ်ညာဘက်ကျန်ရစ်တဲ့အမြင်အာရုံဦးတည်ချက်ပေါင်းသင်းလာကြပြီ။ သငျသညျမြန်နှုန်းတစ် connotation နဲ့ layout ကိုအတွက်ရတဲ့အခါ, သင်သည်ဤသတိရသင့်တယ် - နှင့်စာသားကဲ့သို့တူညီသောဦးတည်ရွေ့လျားသင့်ရဲ့ပုံရိပ်တွေကိုစောင့်ရှောက်။
07 ၏ 05
နှေးကွေးဖို့ Viewer ကိုဖွင့်မျက်လုံးမရမကမနေပါနဲ့
မြင်းနှင့်စာသားနှစ်ခုလုံးအတူတူဦးတည်ချက်မယ့်အခါ, အဓိပ္ပာယ်သက်ရောက်သောမြန်နှုန်းတိုးမြှင့်ထားသည်။
07 ၏ 06
Web ကို Photos တွင်ရှိသည့်မျက်လုံး Watch
ဓာတ်ပုံများနှင့်အတူအတော်များများက်ဘ်ဆိုဒ်များကိုဒီအမှားလုပ် - သူတို့စာမျက်နှာပေါ်တွင်ပုဂ္ဂိုလ်တစ်ဦး၏ဓာတ်ပုံကိုတင်လျက်, လူတစ်ဦးကွာအကြောင်းအရာကနေရှာဖွေနေသည်။ ဤသည်ကိုပင်အဟောင်းဒီဇိုင်းအတွက် About.com က်ဘ်ဒီဇိုင်း site ပေါ်တွင်တွေ့မြင်နိုင်ပါသည်။
သင်တို့ကိုတွေ့မြင်နိုင်သကဲ့သို့, ငါ့ဓါတ်ပုံကိုလာမယ့်အချို့စာသားကိုဖို့နေရာချနေပါတယ်။ ငါလွှတ်စာသားကနေရှာနေပါတယ်ဒါပေမယ့်ငါနီးပါးငါ့ကျောကလှည့်ပါပြီ။ သင်တစ်ဦးအုပ်စုတွင်လူနှစ်ဦးအကြားကြောင်းခန္ဓာကိုယ်ဘာသာစကားတွေ့ခဲ့ရင်သူကငါ (စာသားဤကိစ္စတွင်အတွက်ပိတ်ပင်တားဆီးမှု) ကိုလာမယ့်ပေါ့လူတစ်ဦးကြိုက်မယူဆဖို့လွယ်ကူပါလိမ့်မယ်။
အတော်များများကမျက်စိခြေရာခံခြင်းလေ့လာမှုများကလူက Web စာမျက်နှာများပေါ်တွင်မျက်နှာများကိုမြင်သောပြသခဲ့ကြသည်။ နှင့်ဆက်စပ်လေ့လာမှုများဓါတ်ပုံတွေကိုကြည့်တဲ့အခါမှာလူတွေကထို့နောက်မသိစိတ်ရုပ်ပုံကိုကြည့်ခြင်းအရာကိုကြည့်ရှုရန်မျက်စိနောက်ကိုလိုက်မည်ကိုပြသခဲ့ကြသည်။ သင့်ရဲ့ site ပေါ်တွင်ဓာတ်ပုံကို browser ရဲ့အစွန်းချွတ်ရှာဖွေနေသည်ဆိုပါကသင်၏ဖောက်သည်များကိုကြည့်, ပြီးတော့နောက်ကျော button ကိုဝင်တိုက်ရာအရပ်, ထိုပါပဲ။
07 ၏ 07
မဆိုဓာတ်ပုံထဲတွင်မျက်လုံးအဆိုပါအကြောင်းအရာရင်ဆိုင်ရနိုင်သင့်သ
About.com များအတွက်အသစ်ကဒီဇိုင်းအတွက်, ဓာတ်ပုံအနည်းငယ် သာ. ကောင်း၏။ အခုတော့ငါ့မျက်စိကပိုမျှော်လင့်နေကြတယ်, ငါသည်ငါ၏လက်ဝဲရှာဖွေနေတာကြောင့်အနည်းငယ်အရိပ်အမြွက်လည်းမရှိ - စာသားသည်အဘယ်မှာရှိ။
ကြောင်းအနေအထားတစ်ခုပင်ပိုကောင်းဓာတ်ပုံကိုငါ့အပခုံးလည်းစာသားဆီသို့ဦးတည် angled ရာတစျခုပါလိမ့်မယ်။ သို့သော်ဤပထမဦးဆုံးဓာတ်ပုံကိုထက်အများကြီးပိုကောင်းဖြေရှင်းချက်ဖြစ်ပါသည်။ နှင့်အညီ, image ကိုအကြောင်းအရာ၏ညာဘက်အဖြစ်လက်ဝဲဘက်ဖြစ်လိမ့်မည်ဘယ်မှာအခြေအနေများအဘို့, ဒီကောင်းတစ်ဦးအပေးအယူဖြစ်နိုင်ပါတယ်။
လူရဲ့မျက်နှာပုံရိပ်တွေအများဆုံးအာရုံစိုက်နေချိန်တွင်, တူညီတဲ့တိရိစ္ဆာန်ဓါတ်ပုံများ၏မှန်ကြောင်းလည်းသတိရပါ။ ဥပမာ, ဒီနမူနာ layout ကိုအတွက်ကျွန်မရဲ့ခွေးလက်ဝဲရှာဖွေနေကြပေမယ့် image ကို flush မှန်သည်။ ဒါကြောင့်သူတို့ကစာမကျြနှာကိုချွတ်ရှာဖွေနေပါသည်။ သူတို့က screen ၏အလယ်ဗဟိုသို့ကြည့်မျှော်ခဲ့ကြသည်ဒါမှငါခွေး '' orientation ကိုပြောင်းလဲသွားလျှင်ဒီ layout ကိုတိုးတက်မည်ဖြစ်သည်။