Adobe ကအတွေ့အကြုံဒီဇိုင်း Tricks, သိကောင်းစရာများနှင့်နည်းပညာ

by တွမ်အစိမ်းရောင်

07 ၏ 01

Adobe ကအတွေ့အကြုံဒီဇိုင်း Tricks, သိကောင်းစရာများနှင့်နည်းပညာ

Adobe ကအတွေ့အကြုံဒီဇိုင်းကိုသင်ချောင် yotr တီထွင်ဖန်တီးမှုပါစေကြောင်းဂရပ်ဖစ် features တွေများစွာပေးထားပါတယ်။

Adobe ကမိတ်ဆက်လိုက်တဲ့အခါ တစ်ဦးပြည်သူ့ကျန်းမာရေးကို Preview အဖြစ်အတွေ့အကြုံဒီဇိုင်း ကုမ္ပဏီကတစ်ချိန်တည်းမှာနှစ်ခုမဟုတ်ဘဲအံ့သြဖွယ် Feat ပြည့်စုံ။ ပထမဦးစွာသူတို့ကထွန်းသစ်စရှေ့ပြေးပုံစံ software ကိုဈေးကွက်ထဲမှာအာကာသထွက်အကူတိုင်များစိုက်ထူ။ ဒုတိယအချက်မှာသူတို့အသုံးပြုသူများသည်တစ်ဦး "အလုပ်-In-တိုးတက်မှု" နဲ့ဆော့ကစားရန်အဘို့အခွင့်အလမ်းဖန်တီးအသုံးပြုသူများတိုးတက်မှုသြဇာလွှမ်းမိုးခွင့်ရှိပါသည်။ ယခု application လအနည်းငယ်အဘို့အမရရှိနိုင်ခဲ့ကြောင်း, ငါကတချို့အတွေ့အကြုံဒီဇိုင်း, tricks, အကြံပေးချက်များနှင့်နည်းစနစ်ဝေမျှဖို့ကောင်းတစ်ဦးအချိန်ဖြစ်လိမ့်မည်ဟုယူဆခဲ့ကြသည်။

ဒါပေမယ့်ပထမဦးဆုံး, သင်ရှေ့ပြေးပုံစံ Software ကဆိုလိုသောအရာကိုအံ့ဩနိုင်ပါသည်။ ဒီအာကာသအတွင်းအဓိကကစားသမားများထဲတွင် Proto.io, နိယာမ, UXPin ဖြစ်ကြ၏ Atomic.io , အတွေ့အကြုံဒီဇိုင်းနှင့် invisible ။ ထိုကဲ့သို့သော Sketch 3, Photoshop နဲ့ငြိမ်ဒီဇိုင်းများထုတ်လုပ်နေကြပြီးဘယ်မှာ Illustrator အဖြစ် applications များနှင့်မတူဘဲဤသော graphical အယ်ဒီတာများအပြန်အလှန်ဆက်သွယ်, ရွေ့လျားမှုနှင့်ယနေ့၏မိုဘိုင်းနှင့်ဝက်ဘ်ဒီဇိုင်းကိုအာကာသအတွင်းဘုံသည်အခြား features တွေမိတ်ဆက်ပေး။

အသုံးပြုသူအပေါ်မိုဘိုင်းနှင့်မလွှဲမရှောင်, လေဆာရောင်ခြည်ကဲ့သို့အာရုံ၏မြင့်တက်လာမှုနှင့်အတူကမရှိတော့မယ့်ဒီဇိုင်နာ, အနည်းငယ်ပုံကြမ်းထရိုက်အတူတကွအနည်းငယ် comp ဆွဲထုတ်ပြီးတော့စီမံကိန်းလွှတ်ပေးရန်တစ်ခုသို့မဟုတ် web server သို့ upload လုပ်ရန်အဘို့အလုံလောက်သည်။ အဆိုပါ UI ကို / UX လုပ်ငန်းအသွားအလာအခြေခံကျကျပြောင်းလဲအမှုအရာရှိပါတယ်။ အသုံးပြုသူဖော်ထုတ်ရာမှ, ပုံကြမ်း, wireframes, mockups နှင့်ရှေ့ပြေးပုံစံဖြစ်စဉ်အမှုအမျိုးမျိုးရှိသမျှခြေလှမ်းယခုကျယ်ပြန့်အသုံးပြုသူစမ်းသပ်ခြင်းမှဘာသာရပ်ဖြစ်ကြသည်။

ရှေ့ပြေးပုံစံ - - စီမံကိန်းအပြီးသတ်ထုတ်လုပ်မှုသို့လှုံ့ဆျောရှေ့တော်၌ထိုနာကျင်မှုအချက်များကိုရှာဖွေတွေ့ရှိခြင်းနှင့် fixed ရှိရာထိုသို့နောက်ဆုံးအဆင့်ဖြစ်ပါတယ်။ မျက်နှာပြင်ပေါ်ရှိအပြန်အလှန်ဆက်သွယ်, ရွေ့လျားမှု, screen ကိုအကူးအပြောင်းများနှင့်အရာခပ်သိမ်း၏နေရာချထားနိုင်အောင်ဝေဖန်နေကြသည်နေရာအရပ်ဖြစ်၏။ ပြဿနာများနှင့်ပြဿနာကိုရိုးရှင်းစွာအငြိမ်ပုံရိပ်အဖြစ်ပြခံရသို့မဟုတ်နှုတ်ကရှင်းပြသည်လို့မရပါဘူး။ အားလုံးပြီးနောက်ထိုထုတ်ကုန်အစစ်အမှန်လူသားတွေကိုဖြစ်ကြသည်။ ကုဒ်မှအပေါငျးတို့သရွှေ့အဲဒီအစားထက်, ရှေ့ပြေးပုံစံဖြစ်စဉ်ကို ပို. ပို. ့ရည်ရွယ်ချက်များအတွက်ဒီဇိုင်းဂရပ်ဖစ်ဆော့ဖ်ဝဲကိုအသုံးပြုဆောင်ရွက်လျက်ရှိသည်။ ဒါဟာအမှား fix ဖို့ပိုပြီးလွယ်ကူသည်, ပုံတစ်ပုံကိုအစားထိုးအချို့စာသားကိုပြန်ရေး, တစ်ဦး button ကိုရွှေ့နှင့်ဒါအဆက်မပြတ်ပြန်ပြောင်းရေးနှင့်ကုဒ်များ debugging ထက်အမြင်အာရုံအယ်ဒီတာသုံးပြီးပေါ်မှာ။

တကယ်တော့ဒီဆော့ဖ်ဝဲကိုယနေ့ရဲ့ "Rapid ရှေ့ပြေးပုံစံ" ဒီဇိုင်းနှင့်ဖွံ့ဖြိုးရေးပါတီပတ်ဝန်းကျင်အတွက်သော့ချက်အစိတ်အပိုင်းဖြစ်လာသည်။

သူကပြောပါတယ်နှင့်အတူ, ရဲ့အတွေ့အကြုံဒီဇိုင်းနှင့်အတူအချို့သောပျော်စရာပါစေ။

07 ၏ 02

Adobe ကအတွေ့အကြုံဒီဇိုင်းအတွက်ရိုးရှင်းသောစက်ဝိုင်းနှင့်အတူတစ်ကံကြမ္မာပင် Create

အတှေ့အကွုံဒီဇိုင်းရဲ့အားနည်းချက်ကိုစွမ်းရည်အိုင်ကွန်နဲ့ interface element ကိုဖန်ဆင်းခြင်းတစ်ဦးလေပြေပါစေ။

XD တစ်ခုမှာသပ်သပ်ရပ်ရပ်ရှုထောင့်အားနည်းချက်ကိုပုံဆွဲကိရိယာက၎င်း၏အသုံးပြုမှုဖြစ်ပါတယ်။ icon တစ်ခုရှာမရနိုင်မလား? ပြဿနာမရှိပါဘူး။ သင့်ကိုယ်ပိုင်လှိမ့်ပုံ။ ဤတွင်ကိုဘယ်လိုဖွင့်:

အဆိုပါဘဲဥပုံ Tool ကို Select လုပ်ပါနှင့်, ဖိအဆိုပါ Option ကို / Alt-Shift key တွေကိုအတူစက်ဝိုင်းဆွဲပါ။
စက်ဝိုင်းကိုရွေးချယ်နှင့်အတူ, ff0000 ဖို့မှီအောင်အရောင်နှင့်ဂုဏ်သတ္တိများမှာ "အဘယ်သူမျှမ" ဖို့နယ်စပ်ရေးရာထားကြ၏။
အဆိုပါကျောက်ဆူးအချက်များပြသရန်စက်ဝိုင်းကို Double-click လုပ်ပါ။ အောက်ခြေကျောက်ဆူးအောက်သို့ဆွဲချပါ။
double-click နှိပ်ပြီးရွေးချယ်ထား Anchor Point သို့နှင့်ခါးဆစ်လိုင်းများဖြင့်အစားထိုးနေကြပါတယ်။
အဖြူရောင်ဝစွာနှင့်မျှမတို့စတုတ်နှင့်အတူအခြားသေးငယ်တဲ့စက်ဝိုင်းဆွဲပါ။ အနေအထားသို့ရွှေ့နှင့် pin ကိုနှင့်စက်ဝိုင်းကိုရွေးချယ်ပါ။ အဆိုပါ Properties ကိုထိပ်မှာညှိရန် panel ကိုအတွက်ညီရေးစင်တာ button ကို click နှိပ်နှင့်ပင်နေသူများကဖန်တီး။

07 ၏ 03

Adobe ကအတွေ့အကြုံဒီဇိုင်းအတွက်နောက်ခံ Blur Create

တစ်ဦးအသွင်သဏ္ဌာန်နှင့်တစ်ဦးပုံရိပ် / ထက်ပိုဘာမျှသုံးပြီး XD အတွက်နောက်ခံမှုန်ဝါးဖန်တီးပါ။

ဒါဟာနောက်ခံပုံကျော်ကစာသားသို့မဟုတ်အခြားသောအကြောင်းအရာရှိသည်ဖို့တစ်ဘုံဖြစ်ပါတယ်။ ဒီမှာပြဿနာကပုံရိပ်ဖြစ်ပါသည်, ပိုပြီးမကြာခဏမထက်, ကအထက်ပါအကြောင်းအရာ overpowers ။ ဤပြဿနာကိုဖြေရှင်းရေးတစ်ခုမှာလမ်းနောက်ခံပုံရိပ်မှုန်ဝါးဖို့ဖြစ်ပါတယ်။ XD ယခုသင်တို့အဘို့ဤအလုပ်ကိုကိုင်တွယ်ထိန်းသိမ်းနိုင်အထူးသဖြင့်ကတည်းက, သင် Photoshop ကိုသို့မဟုတ်အခြားပုံရိပ်တည်းဖြတ်ရေးဆော့ဗ်ဝဲထဲမှာပုံရိပ်မှုန်ဝါးနိုင်ပါသည်, သို့သော်ဤအတန်ငယ်စွမ်းဆောင်ရည်ဖြစ်ပါတယ်။ ဤတွင်ကိုဘယ်လိုဖွင့်:

သစ်တစ်ခု artboard Create နှင့်သင့်နောက်ခံပုံထည့်ပါ။
အဆိုပါ Rectangle Tool ကိုတစ်ဦးကိုရွေးချယ်ပါကြိမ်မြောက် image ကိုကျော်တစ်စတုဂံဆွဲပါ။ အဆိုပါ Rectangle ကိုရှေးခယျြမှုနှင့်အတူအဖြူရောင်နှင့်မျှရန်လေဖြတ်ဖို့မှီအောင်ထားကြ၏။
ယင်းဂုဏ်သတ္တိများ panel ကိုအတွက် Rectangle ကိုရှေးခယျြ, select လုပ်ပါနောက်ခံသမိုင်း Blur အတူ။ အဆိုပါသုံးခြင်းလျှော Blur ငွေပမာဏ, Brightness ကိုနှင့်မထင်ရှားသောဖြစ်ကြသည်။ ဤတွင်သူတို့အဘယ်သို့ပြုမည်အရာကိုင်:

ငွေပမာဏမှုန်ဝါး: ပုံသဏ္ဍာန်အောက်ပုံ၏မှုန်ဝါးညှိ။ အများဆုံးတန်ဖိုးကို +50 ဖြစ်ပါတယ်။
brightness: အပုံရိပ်ကိုအတွက်စိတ်ဝင်စားဖွယ်အကောင်းဆုံးများနှင့်မှောင်မိုက်အရိပ်ညှိ။ အဆိုပါအနိမ့်တန်ဖိုးကို -50 နှင့်အများဆုံးတန်ဖိုးကို +50 ဖြစ်ပါတယ်။
opacity: ပုံသဏ္ဍာန်၏င့်လင်းမြင်သာခြင်းနှင့်အသွင်သဏ္ဌာန်အောက်မှာပုံရဲ့မြင်ကွင်းအကျိုးသက်ရောက်သည်။ အဆိုပါတန်ဖိုးများကို 0% ကနေ 100% အထိ။

သင်အမှန်တကယ် "အမှုအရာကိုတက်အကူးအပြောင်း" ကိုလိုလျှင်, ပုံသဏ္ဍာန်၏အရောင်ကိုပြောင်းလဲနှင့်ပုံရိပ်၏ "ကြည့်" ပြောင်းဖို့ opacity ကိုတန်ဖိုးကစား။

07 ၏ 04

Adobe ကအတွေ့အကြုံဒီဇိုင်းအတွက် Scrim Create

ပုံရိပ်တွေနဲ့အရောင် interface ကိုဒြပ်စင်၏လမ်းလာတဲ့အခါဆနျ့ကငျြဘ provovide မှ gradients ကိုသုံးပါ။

တစ်ဦးကဘုံဒီဇိုင်းပြဿနာဒြပ်စင်တစ်ဘုံအရောင်ဖြစ်ဖို့ရှိသည်ပေမယ့်တစ်ဦးနောက်ခံပုံသို့မဟုတ်အစိုင်အခဲအရောင်ကျော်ထားရှိသည့်အခါဆုံးရှုံးခဲ့ရနေကြသည် interface ကိုဒြပ်စင်ဖြစ်ပါသည်။ ဒီဖြေရှင်းချက်တစ်ခု scrim ဖြစ်ပါတယ်။ တစ်ဦးက scrim ကို interface element ကများနှင့်နောက်ခံအကြားထားရှိတစ်ဦးအတန်ငယ်ဒီလိုပါပဲ gradient ကိုဖြစ်ပါတယ်။ ဤသည် XD အတွက်ပြီးမြောက်ရန်လွယ်ကူသည်။ ဤတွင်ကိုဘယ်လိုဖွင့်:

... File> Open ကို UI ကို Kit - - XD ၌သင်တို့၏ artboard Create တစ်ခု image ကိုထည့်သွင်းခြင်းနှင့်ကော်ပီကူးခြင်းနှင့်သင့်လျော်သော UI ကို Kit တစ်ဦးထံမှ interface ကို element တွေကို paste အဆိုပါ artboard သို့။ အထက်ပါပုံတွင်ဓာတ်ပုံကိုမြင်ရဖို့အခြေအနေဘားနှင့် App ကိုဘားခက်ခဲစေသည်။
အဆိုပါ Rectangle Tool ကိုရွေးချယ်ပါနှင့်စတုဂံထွက်ဆွဲပါ။ အဆိုပါ Properties ကို Panel ကိုအတွက်အရောင်ကောက်ယူသူများတွင်ပေါ့ပ်ဆင်းကနေ Gradient ဖြည့်ပါနဲ့ select လုပ်ရွေးချယ်ပါ။ Black နဲ့ White ကဖို့ gradient ကိုအရောင်များသတ်မှတ်မည်။ 0% မှ 60% အထိ Opacity- နှင့်အဖြူရောင်တစ်ဦးက value ကို - ထိုတစ်ဦးကတန်ဖိုးကိုသတ်မှတ်မည်။
အဆိုပါ Rectangle ကိုရှေးခယျြ, select လုပ်ပါအရာဝတ္ထုနှင့်အတူ>> နောက်သို့ Send စီစဉ်ပါ။ အဆိုပါ interface ကိုဒြပ်စင် image ကိုကျော်ယခုမြင်နိုင်ဖြစ်ကြသည်။

07 ၏ 05

Adobe ကအတွေ့အကြုံဒီဇိုင်းတစ်ခုပုံရိပ်နဲ Create

မျက်နှာဖုံးများဖန်တီးအတွေ့အကြုံဒီဇိုင်းအတွက်သူတို့ကိုတည်းဖြတ်ရန်နိုင်စွမ်းကြီးမားတဲ့အချိန်ချွေတာဖြစ်ပါတယ်။

တစ်ဦးကဘုံဒီဇိုင်းစံနမူနာကလူတစ်ဦးချင်းစီကတခြားစကားပြောနှင့်စပီကာရဲ့ရုပ်ပုံမျက်နှာပြင်ပေါ်ဘယ်မှာ Chat ကို app များကိုအသုံးပြုနိုင်သည်ကိုတွေ့ရပါသည်။ ဤရွေ့ကားကိုယ်စားပြုပုံကိုများသောအားဖြင့်ရှာဖွေ Install လုပ်နိင်ခဲ့ကြကြောင်းပုံရိပ်တွေဖြစ်ကြသည်။ ဒါဟာအသေကောင်ရိုးရှင်းသော XD ၌ဤပြီးမြောက်သည်။ ဤတွင်ကိုဘယ်လိုဖွင့်:

သင်တစ်ဦးပုံရိပ်နှင့် artboard အပေါ်စက်ဝိုင်းသို့မဟုတ်အခြားအသွင်သဏ္ဌာန်နှင့်အတူစတင်ပါ။ သင်သည်မည်သည့်အရောင်နှင့်အတူစက်ဝိုင်းဖြည့်နိုင်ပါတယ်။ သင်သည်အဘယ်သို့ပြုပါဖို့မလိုအပ်ပါဘူးလေဖြတ်အရောင်ထပ်ထည့်ဖို့ဖြစ်ပါတယ်။ ဒါဟာသင်အကျိုးသက်ရောက်မှုဖန်တီးလာသောအခါပျောက်ကွယ်သွား, ဒါကြောင့်အဘယ်ကြောင့်နှောင့်ရှက်ပါလိမ့်မယ်။ သင်စက်ဝိုင်းထိုးဖို့လိုအပ်ပါတယ်ပြုကြလျှင်, clipboard ထံကကော်ပီကူး။
ပုံသဏ္ဍာန်ပေါ်စက်ဝိုင်းရွှေ့နှင့်ပုံရိပ်နှင့်စက်ဝိုင်းနှစ်ခုလုံးကို select လုပ်ပါ။ bot တ္ထုကိုရွေးချယ်နှင့်အတူ, select လုပ်ပါ Object ကို> Shape နှင့်အတူ Mask ။ သင် mouse ကိုလွှတ်ပေးရန်သောအခါ, နဲနေသူများကဖန်တီး။ ထိုအရပ်မှသင်ကဆိုဒ်ပြောင်းရန်နိုင်ပါတယ်။
သင်တစ်ဦးလေဖြတ် add ဖို့လိုအပ်လျှင်, artboard ပေါ်ကိုသင့်ရဲ့ clipboard ထံပေါ်မှာထိုင်စက်ဝိုင်း paste ။ အဆိုပါမိတ္တူ Properties ကိုအတွက်ဝစွာကို turn off နှင့်တစ်ဦးလေဖြတ်အရောင်နဲ့ width ကို add ကိုရှေးခယျြအတူ။ , သူတို့ကိုတန်းစီခိုင်းတယ်နှစ်ခုလုံးအရာဝတ္ထုကို select နှင့်ဂုဏ်သတ္တိများ panel ကထိပ်မှာညှိရန်ရွေးချယ်စရာအတွက်ရေးစင်တာမှာညှိရန်ခလုတ်ကိုကလစ်နှိပ်ပါရန်။
သင်မျက်နှာဖုံးအတွက်တစ်ဝှမ်းဓာတ်ပုံရွှေ့ချင်လျှင်, မျက်နှာဖုံးကိုနှစ်ချက်နှိပ်ပါ။ ဒါကပုံရိပ်နှင့်မျက်နှာဖုံးပုံသဏ္ဍာန်ကိုပြသပါလိမ့်မယ်။ image ကိုနှိပ်ပြီးအနေအထားသို့ဆွဲယူပါ။ သင် mouse ကိုလွှတ်ပေးရန်သောအခါ, image ကိုမျက်နှာဖုံးအတွင်း၌၎င်း၏အသစ်သောအနေအထားတွင်ရှိလိမ့်မည်။

07 ၏ 06

Adobe ကအတွေ့အကြုံဒီဇိုင်း Artboards အတူ Play

တိမ်းညွတ်, စိတ်တိုင်းကျအရောင်များနှင့်ဒေါင်လိုက် Scrolling မဟုတ်ဘဲသပ်သပ်ရပ်ရပ် artboard features တွေဖြစ်ကြသည်။

သငျသညျအကြောင်းအရာနေရာများအတွက်အတွေ့အကြုံဒီဇိုင်း artboards ရုံရှိနေကြသည်မဟုတ်။ သူတို့ကလည်းခြယ်လှယ်နိုင်ပါတယ်။ ဒီနေရာတွင်လုပျနိုငျသောအရာတို့ကို၏စုံတွဲတစ်တွဲနေသောခေါင်းစဉ်:

သငျသညျအခင်းအကျင်းများနှင့်တစ်ဦး artboard ၏ပုံတူဗားရှင်းလိုအပ်လျှင်, artboard ပွားနှင့်ရွေးချယ်ထားသောပုံတူနှင့်တကွ, Properties ကို panel ကိုအတွက်ရှုခင်း button ကို click လုပ်ပါ။ အဆိုပါ Artboard အခင်းအကျင်း orientation ကိုပြောင်းပါလိမ့်မယ်။ အဆိုပါ Artboard ပေါ်မှာအကြောင်းအရာရှိပါတယ်လျှင်, Artboard ရဲ့အမည်ကိုနှိပ်ပါနှင့် Artboard ဂုဏ်သတ္တိများအဆိုပါ Properties ကို Panel ထဲကပေါ်လာမည်။
အဆိုပါ Artboard တစ်ထုံးစံအရောင် add နှင့်ကိစ္စများအတွက်စီမံကိန်း, အ Artboard ကို select နှင့် Properties ကို Panel ကို၏ပုံပန်းသဏ္ဍာန်အပိုင်းအတွက်မှီအောင်အရောင် chip ကိုနှိပ်ပါ။ အရောင်များအတွက် hexadecimal တန်ဖိုး Enter နှင့် + နိမိတ်လက္ခဏာကို click လုပ်ပါ။ အရောင်တစ်မိမိစိတ်ကြိုက်အရောင်အဖြစ်ထည့်သွင်းပါလိမ့်မည်။ , တခြားနေရာတစ်ခုကိုအရောင်လျှောက်ထားတစ်ခုအရာဝတ္ထုကို select နှင့်အရောင်လျှောက်ထားရန်မိမိစိတ်ကြိုက်အရောင် chip ကိုနှိပ်ပါ။
Artboards ဒေါင်လိုက် scrollable ဖန်ဆင်းနိုင်ပါသည်။ ဒီလိုလုပ်ဖို့, အ artboard ကို select နှင့် Properties ကို Panel များပေါ်တွင်သို့မဟုတ်အောက်သို့အဆိုပါ artboard ၏အောက်ဆုံးဆွဲအားဖြင့်ဖြစ်စေ၎င်း၏အမြင့်ကိုပြောင်းလဲ။ ယင်းဂုဏ်သတ္တိများ panel ကို၏ Scrollable ဧရိယာထဲမှာ, ပေါ့ပ်ဆင်း menu ကနေဒေါင်လိုက်ကို select ပြီး screen များအတွက် viewport အမြင့်ရိုက်ထည့်ပါ။ ဒါက dashed အပြာလိုင်းသင် viewport ၏အောက်ဆုံးပြသထားတယ်။ ဒါကြောင့်စမ်းသပ်ရန် Play စ button ကို click နှိပ်ပြီးကွာ scroll ရန်။ scrolling ကို turn off လုပ်ဖို့, Scrolling အတွက်ရွေးချယ်ထားသောအဘယ်သူမျှမချ pop ။

07 ၏ 07

Adobe ကအတွေ့အကြုံဒီဇိုင်းအတွက်မိုဘိုင်း UI ကို Kit ပြင်ရန်

အဆိုပါ UI ကိုပစ္စည်းများအပြည့်အဝပြုပြင်နိုင်သည့်ဖြစ်ကြသည်။

အတှေ့အကွုံဒီဇိုင်းကို iOS, Android နှင့် Windows UI ကိုရဲ့ဖွံ့ဖြိုးဆဲများအတွက် UI ကို Kit ပါရှိသည်။ သင်ပထမဦးဆုံးသူတို့အဖွင့်လှစ်သည့်အခါ, သငျသညျကိုသူတို့တော်တော်ကောင်းစွာအရပျ၌သတ်မှတ်ထားကြသည်ထင်လိမ့်မည်။ မရအတော်လေး-တစ်ခုချင်းစီကိုသူတို့အားပစ္စည်းများအတွက်-bits နှင့်အပိုင်းပိုင်း၏အပြည့်အဝပြုပြင်နိုင်သည့်ဖြစ်ပါတယ်။ တစ်ခုက Android wireframe တည်ဆောက်ခြင်းအားဖြင့်အထဲကရှာတွေ့ကြပါစို့။

သင်က Artboard tool ကိုရွေးချယ်ခြင်းနှင့် Properties ကို Panel ကို Google ၏အပိုင်းအတွက် Android ကိုမိုဘိုင်းရွေးချယ်ခြင်းဖြင့်စတင်ပါ။
ကို Select လုပ်ပါ File> Open ကို UI ကို Kit> Google ကပစ္စည်း။ ဒါဟာပစ္စည်းဒီဇိုင်း UI ကို Kit ဖွင့်လှစ်။ မှန်ဘီလူးကို Select လုပ်ပါ, သူလမ်းညွှန်များ artboard Screen t ကို marquee ။ ဒါကြောင့်ငါ့ကို interface ကိုဒြပ်စင်၏သင့်လျော်သော On-screen ကိုနေရာချထားများအတွက်လမ်းညွှန်ပေးသည်ဘာလို့လဲဆိုတော့ငါဒီတစ်ခုနှင့်အတူစတင်နိုင်ရန်ကြိုက်တယ်။ သင်ကအပြာရောင်ဘား၏တဦးတည်းကို click ပါလျှင်သင်ကသော့ခတ်နေသည်ကိုတွေ့မြင်ပါလိမ့်မယ်။ ဒါကြောင့်သော့ဖွင့်ဖို့သူတို့ထဲကတစ်ဦးချင်းစီမှပူးတွဲပါသော့ခတ်ကိုကလစ်နှိပ်ပါ။ အဆိုပါ artboard Marquee နှင့် clipboard ထံမှရွေးချယ်ခြင်းကူးယူပါ။ သင့်ရဲ့စာရွက်စာတမ်းပြန်သွားနှင့်သင့် artboard သို့မျက်နှာပြင် paste ။
အဆိုပါ artboard ၏သောထိပ်က App bar ပေါ်တွင်တစ်ချိန်ကကိုကလစ်နှိပ်ပါ။ သင်ကရှေးခယျြနိုငျဘယ်လိုသတိပြုပါ။ Object ကို Select လုပ်ပါ> စီစဉ်> တပ်ဦးမှယူလာပါ။ သင့်ရဲ့ရွေးချယ်ရေးအတွက်မျက်နှာပြင်လမ်းညွှန်များအထက်တွင်ယခုဖြစ်ပါတယ်။ ဒါဟာမျက်နှာပြင်ပေါ်ရှိ element တွေကိုတစ်ခုချင်းစီ edited ခံရဖို့တတ်နိုင်သင်ပြောပြသင့်ပါတယ်။
နှစ်ချက် 455A64 မှထိပ်မှာ Status Bar နဲ့, အ Properties ကို Panel ကို s ကို et အတွက်မှီအောင်အရောင်ကိုကလစ်နှိပ်ပါ။ နှစ်ချက် App ကိုဘားကလစ်နှိပ်ပါနှင့် 607D8B ရန်၎င်း၏စွာထားကြ၏။ ဒါက UI ကိုကိရိယာအစုံအတွက်တစ်ဦးချင်းစီဒြပ်စင်စီမံကိန်းရဲ့အရောင်သတ်မှတ်ချက်များနှင့်တွေ့ဆုံရန် edited နိုင်ပါတယ်သင်ပြောပြသင့်ပါတယ်။
အဘယ်အရာကို icon တွေကိုကော? ဤတွင်သူတို့၏အရောင်ကိုပြောင်းလဲဖို့ဘယ်လိုပါပဲ။ အဲဒါကို select လုပ်ဖို့နှလုံးကိုနှစ်ချက်နှိပ်ပါ။ သင် Properties ကို Panel ကိုကြည့်ရင်သင်ရွေးချယ်ရေးတည်းဖြတ်မရနိုင်ပါယူဆနိုငျသညျ။ အတော်လေးမဟုတ်ပါဘူး။ နှစ်ချက်နှလုံးတဦးတည်းအချိန်ပိုမိုကိုကလစ်နှိပ်ပါ။ ပွင့်လင်းခြင်းနှင့်သင် Properties ကို ff0000 ဖို့စွာအရောင်ကိုပြောင်းလဲ။ ကျန်ရှိနေသေးသော icon များနှင့်စာသားအဘို့ဤကို double-ကို double-click နှိပ်ပြီးလှည့်ကွက်ပြန်လုပ်ပါ။