03 ၏ 01
အဆိုပါနောက်ဆုံး Atomic.io Update ကို Scrollable ကွန်တိန်နာပါဝင်သည်
လအနည်းငယ်ပြန် ငါ atomic.io ရွေ့လျားမှု prototype ဖို့အသုံးပြုနိုင်ပါတယ်ဘယ်လိုပြသ ။ ငါအပိုင်းအစရာ၌သော့ချက်မှတ်တစ်ခုမှာ "အဆိုကိုဖေါ်ပြခြင်း" ထက်ကို client ရဲ့သို့မဟုတ်အဖွဲ့တစ်ဖွဲ့ရဲ့စိတ်ကူးစိတ်သန်းကထွက်ခွာခဲ့ပါတယ်အရေးကြီးပါသည်။ တကယ်တော့ဒီ UX / UI ကို tools များ၏တစ်ဖွဲ့လုံးအသစ်ကအမျိုးအစားအခင်းဖြစ်ပွားရာအပေါ်ထင်ရှားကျော်ကြားသောကြောင်းဒါကြောင့်ဝေဖန်ဖြစ်လာသည်။ သူတို့ကပါဝင်သည် - Apple က Keynote, Adobe ကရဲ့ Edge Animation, အကျိုးသက်ရောက်မှုပြီးနောက်နှင့် UXPin အနည်းငယ်အမည်ကိုရန်။ ပိတ်ပင်တားဆီးမှုအပေါ်အသစ်ဆိငါပထမဦးဆုံးထုတ်ကုန်အကြောင်းကိုရေးသားခဲ့သည်သည့်အခါပွင့်လင်း beta ကိုခဲ့ပါတယ်ထားတဲ့ Atomic.io ဖြစ်ပါတယ်။
ပွင့်လင်း beta ပတ်သက်. သပ်သပ်ရပ်ရပ်အရာသူတို့က software ကိုထုတ်လုပ်သူပျောက်ဆုံး features တွေအပါအဝင်အင်္ဂါရပ်အစုံပေါ်အသုံးပြုသူတုံ့ပြန်ချက်ကိုစုဆောင်း, ပြီးတော့လျှောက်လွှာကသူတို့ကို add နှင့်သူတို့စီးပွားဖြစ်လွှတ်ပေးရန်မတိုင်မီစမ်းသပ်ပြီးရှိသည်ဖို့အခွင့်အလမ်းပေးဖြစ်ပါတယ်။ အနုမြူဗုံး၏ဖြစ်ရပ်မှာတော့ငါတကယ်လွဲချော်တဦးတည်း feature ကိုဒေါင်လိုက်သို့မဟုတ်အလျားလိုက်အကြောင်းအရာ scroll နိုင်စွမ်းရှိခဲ့သည်။ ဤသည်ကတ်များဆလိုက်ရှိုးတစ်ခုသို့မဟုတ်အသုံးပြုသူ app တစ်ခုရဲ့သို့မဟုတ် site ရဲ့ interface ကို၏နယ်နိမိတ်အတွင်းပွတ်ဆွဲသို့မဟုတ်ဆွဲမည်ဟုလက်တွေ့ကျကျဘာမှကဲ့သို့သောအရာများကိုအများပါဝင်သည်နိုင်ဘူး။
ဤသည် scrollable ကွန်တိန်နာရုံဒီလ app ကိုမိတ်ဆက်နှင့်ငါဝန်ခံဖို့ရှိသည်, ထိုရှေ့ပြေးပုံစံအတွက် scrollable အကြောင်းအရာကိုဖန်တီးခြင်း enable သေရိုးရှင်းခဲ့ကြသောကြောင့်အသုံးပြုသူတွေအများကြီးတောင်းတဲ့ဘာသာရပ်ဖြစ်ရပြီရမည်ဖြစ်သည်။
ဤတွင်ကိုဘယ်လိုဖွင့် ...
03 ၏ 02
ဘယ်လိုအနုမြူအတွက်ဒေါင်လိုက် Scrolling အကြောင်းအရာ Create ရန်
သင်ပထမဦးဆုံးအခမဲ့ 30-နေ့ကရုံးတင်စစ်ဆေးတက်သည်လက်မှတ်ထိုးရန်နှင့်, ထိုကာလ၏အဆုံးမှာ, သင်သုံးစျေးနှုန်းအစီအစဉ်များနှင့်အတူပေးအပ်ပါလိမ့်မည်လိုအပ်ပါလိမ့်မယ်။
သငျသညျကိုသိရန်လိုအပ်သည့်ပထမဦးဆုံးအရာကိုသင်လုပ်နေပါလိမ့်မည်အလုပ်ရှိသမျှကို browser အတွက်ဖြစ်ပါသည်နှင့် app ကို Google Chrome ကိုမှာတင်းကြပ်စွာရည်ရွယ်သည်။ သငျသညျကို log in ပြီးတာနဲ့သင်စီမံကိန်းများစာမျက်နှာခေါ်ဆောင်သွားပါလိမ့်မည်။ app ကိုဖွင့်လှစ်ရန်, နယူးစီမံကိန်း button ကို click လုပ်ပါ။
အဆိုပါ interface ကိုပုံပေါ်သည့်အခါသငျသညျ tools တွေတစ်ကန့်သတ်အရေအတွက်က, အစာမကျြနှာမှစာမျက်နှာများနှင့်အလွှာကိုထည့်သွင်းဖို့စွမ်းရည်, အ artboard နှင့်ကျော်ညာဘက်, context-sensitive ဂုဏ်သတ္တိများ panel ကိုရှိပါတယ်မြင်လိမ့်မည်။
ဒီဥပမာထဲမှာ, ငါ 320 x ကို 568.I ထို့နောက် scrolled နှင့်ပတ္တူပေါ်သို့သူတို့ကိုဆွဲငင်ခံရရန်ပုံရိပ်တွေ်ဖိုင်တွဲဖွင့်လှစ်ကြောင်းတစ်ခုက iPhone 5 ကြိုတင်နှင့်အတူစတင်ခဲ့တယ်။ သူတို့ကအလိုအလျှောက်စီမံကိန်းထည့်သွင်းခဲ့ကြခြင်းနှင့်သင် Layers tab ကိုနှိပ်ပါလျှင်သူတို့တစ်ဦးချင်းစီအလွှာပေါ်မှာတွေ့နိုင်ပါသည်။ ငါထို့နောက် Arrow tool ကို (ရွေးချယ်ရေး) ကိုရွေးချယ်တစ်ခု image ကိုရှေးခယျြထားနှင့်သူတို့စပ်ကြားအချို့အာကာသ add နိုင်ရန်အတွက်သစ်တစ်ခုအနေအထားကဆွဲငင်။ ငါထို့နောက်ပုံရိပ်တွေအားလုံးမရွေးနှင့် toolbar ကိုပေါ်ဖြန့်ဝေဒေါခလုတ်ကိုကလစ်ခဲ့သည်။ ဤသည်အညီအမျှရုပ်တုဆင်းတုလှပတဲ့။
နောက်တစ်နေ့ခြေလှမ်း scrolled ခံရဖို့အကြောင်းအရာရှိသမျှတို့ကိုရွေးဖို့နှင့်ကွန်တိန်နာ button ကို click နှိပ်ခြင်းသို့မဟုတ် Group မှခလုတ်နှိမ့်ချ pop ထံမှ Scroll ကွန်တိန်နာ Create ရွေးဖို့ဖြစ်စေဖြစ်ပါတယ်။ ကွန်တိန်နာ created- ပြီးတာနဲ့သင်က Layers panel ကထဲမြင်ရပါလိမ့်မည် - ကွန်တိန်နာ click နဲ့အောက်ခြေမှာပတ္တူ၏အောက်ဆုံးမှအထက်သို့ကိုင်တွယ်ဆွဲယူပါ။ အဆိုပါ Properties ကို panel ကို၏အောက်ခြေတွင်ကို Preview button ကိုနှိပ်ပါဒီ browser ကိုပြတင်းပေါက်ကိုဖွင့်ပါလိမ့်မယ်။ အကြောင်းအရာ scroll ရန်သင့် mouse ကိုရဲ့စာလိပ်ဘီးကိုသုံးပါ။ သင်၏စီမံကိန်းသို့ပြန်လာစေခြင်းငှါ, browser ကို window ၏ညာဘက်အောက်မှာရှိတဲ့ Edit ကိုနှိပ်ပါ။
03 ၏ 03
ဘယ်လိုအနုမြူအတွက် Horizontal Scrolling အကြောင်းအရာ Create ရန်
အလျားလိုက် scrolling မပြီးမြောက်ဖို့နည်းတူလွယ်ကူပါတယ်။
ဤကိစ္စတွင်ခုနှစ်, ပတ္တူစပုံရိပ်တွေတစ်စီးရီးဆွဲငင်နှင့်တစ်ဦးချင်းစီကတခြားဆန့်ကျင်သူတို့အားတက် butted ။ ရုပ်တုဆင်းတုကိုရှေးခယျြမှုနှင့်အတူငါထို့နောက်ထိုလူအပေါင်းတို့သည်အသီးအသီးကတခြားနှင့်အတူ aligned သေချာဖို့ထိပ်တန်းညှိရန် button ကို click လုပ်ပါ။
ငါထို့နောက် Shift key ကိုကျင်းပနှင့် Layers panel ကိုအသီးအသီးအလွှာမရွေး။ ရုပ်တုဆင်းတုကိုရှေးခယျြမှုနှင့်အတူငါကွန်တိန်နာခလုတ်ကိုနှိပ်လိုက်ခြင်းနှင့်, အ Properties ကိုပြား၌, အပြုအမူဧရိယာ၌ရေပြင်ညီရွေးချယ်ထားကြသည်။
ငါထို့နောက်ကို Preview button ကိုနှိပ်ခြင်းအားဖြင့်တစ်ဦး Browser ကိုပြတင်းပေါက်၌ဤစီမံကိန်းစမ်းသပ်စစ်ဆေးပါတယ်။
ငါဒေါင်လိုက်နှင့်အလျားလိုက် scrolling မ၏တစ်ဦးချင်းစီဗားရှင်းကိုဖန်တီးရန်မည်သို့မည်ပုံပြဘူးသော်လည်း, နေသမျှကာလပတ်လုံးသင်တစ်ဦးကွန်တိန်နာအတွင်း scrollable အကြောင်းအရာထားအဖြစ်, သင်မျက်နှာပြင်၏သီးခြားဒေသများတွင်ဤကွန်တိန်နာရှိနိုင်ပါသည်။ ဥပမာအားဖြင့်, ဝဘ်စာမျက်နှာကိုဒေါင်လိုက်တစ်ခြမ်း Menu ထဲမှာအကြောင်းအရာ scrolling နှင့်အလျားလိုက်တူညီသောစာမျက်နှာပေါ်တွင်တစ်ဦးဆလိုက်-ပြပွဲများတွင်အကြောင်းအရာ scrolling ရှိနိုငျတယျ။ တကယ်တော့တစ်ဦးကွန်တိန်နာထိုကဲ့သို့သောတစ်ဒါဇင်သို့မဟုတ်ဒါပုံစံငယ်များရှိကြောင်းပုံရိပ်တစ်ခုရွေးသူအဖြစ်ပစ္စည်းများဘို့နှစ်ခုလုံးကိုဒေါင်လိုက်နှင့်အလျားလိုက် scrolling မရှိနိုင်ပါသည်။
atomic.io ၌ဤအင်္ဂါရပ်နှင့်ပတ်သက်ပြီးပိုမိုလေ့လာသင်ယူရန်ထုတ်စစ်ဆေး:
- အဆိုပါဘလော့ကြေညာချက်
- ကွန်တိန်နာသင်ခန်းစာ scrolling
- ကွန်တိန်နာသုံးပြီးဖုံးကွယ်ထားကြောင်း
- Scrolling ကွန်တိန်နာဖြေရှင်းရာမှာ