01-ը 09
Ինչպես ձեռք բերել, սկսվեց UXPin- ով
Երբ շարժվում ենք բջջային դիզայնի ոլորտ, ծրագրի դիզայնը եւ դիզայնի դիզայնը մեծ դերակատարություն է ունեցել UX- ի (User Experience) եւ wireframing , interactive prototyping- ի եւ mockups- ի վրա: Կան մի քանի տոննա գործիքներ, որոնք ուղղված են այդ տեղին, եւ նրանք լիարժեք գամմա են վարում բարդ, առանձնահատկություններով բեռնված բեեմոտիկներից մինչեւ նոսր եւ հազիվ օգտակար: Իմ աչքի բռնած գործիքներից մեկը UXPin- ն է, քանի որ այն մշակվել է դիզայներների համար, դիզայներների համար:
Նախքան առաջ շարժվելը ... մի նախազգուշացում: Եթե ձերն է այն կազմակերպությունը, որը նախընտրում է ունենալ սեփական ծրագրային ապահովում, ապա UXPin- ը ձեզ համար չէ: Այս հավելվածում կատարված բոլոր աշխատանքները կատարվում են բրաուզերում, եւ դուք պահպանում եք ծրագրերը պահպանվում են ձեր հաշվում:
UXPin- ի հետ սկսելու համար դուք սկսում եք զննարկիչ եւ ղեկավարեք UXPin- ին: Այստեղից կարող եք գրանցվել Անվճար Դատավարության համար կամ կազմակերպել ամսական ծրագիր `ձեր ակնկալվող կարիքի հիման վրա: Գրանցման գործընթացը բավականին հեշտ է, եւ դուք սահմանել եք ձեր օգտագործողի անունը եւ գաղտնաբառը, ձեր պատրաստակամությունը սկսելու համար:
02-ը 09
Ինչպես սկսել UXPin ծրագրին
Երբ դուք մուտք եք գործել վահանակներ, եւ այստեղից կարող եք որոշել, որ ստեղծեք նոր երգչախումբ, նոր բջջային ծրագիր կամ պատասխանատու վեբ դիզայն: Կան նաեւ UXPin- ի համար plug-ins- ը, որը թույլ կտա ձեզ բերել ձեր Photoshop- ի կամ Sketch նախագծերը: Որովհետեւ ինչպես եմ պատրաստվում ստեղծել մի տեքստի տակ դրոշակ եւ ավելացնել էլեկտրոնային փոստի կոճակը: Դրա համար ես ընտրեցի Ստեղծեք նոր մետաղալարեր:
03-ը 09
Ինչպես օգտագործել UXPin ինտերֆեյսը
Դիզայնի մակերեսը կոտրվել է չորս տարածքներում: Ձախի սեւ տարածքը մի շարք գործիքներ է, որոնք թույլ են տալիս վերադառնալ վահանակ, բացել այն տարրերը, որոնք կօգտագործեք, բացեք «Smart Elements» վահանակը, տարրերի որոնումը, էջի վրա գրառումները ավելացնելու եւ թիմի անդամներին ավելացնելու համար: Ներքեւի մասում մի կոճակ է, որը բացում է կարճատեխնիկական ձեռնարկ, մյուսը, որը թույլ է տալիս մուտք գործել ձեր հաշիվը եւ մյուսը, որը մուտք է գործում ՀՏՀ-ի, եկեք հարցրեք եւ նույնիսկ կարծիքներ տրամադրենք:
Կապույտ տարածքում երկայնքով մի շարք գործիքներ եւ հատկություններ են: Մոխրագույն կոճակները աջ կողմում թույլ են տալիս վերափոխել ձեր դիզայնը, հարմարեցնել նախագծի պարամետրերը, կիսել էջը եւ կատարել էջի բրաուզերի մոդելավորում:
Elements վահանակն այն է, որտեղ դուք բռնում եք դիզայնի մակերեւույթի բիտերը եւ կտորները, անվանեք ձեր նախագիծը եւ ավելացրեք կամ հեռացրեք էջերը:
Elements գրադարանը հաճելի անակնկալ է UX դիզայներների համար: Այս փոստարկղը Ձեզ հնարավորություն է տալիս ընտրել 30 տարբեր գրադարաններ, iOS- ից Android Lolipop- ից, ինչպես նաեւ Դուք ունեք Bootstrap եւ հիմնադրամ տարրեր, ինչպես նաեւ տառատեսակի Awesome պատկերակները, շարժական բջիջների ժեստերը եւ սոցիալական գործիքների հավաքածուն:
04-ին 09
Ինչպես մի տարր ավելացնել UXPin էջին
Սկսելու համար, ես Box- ի տարրը դրեց դիզայնի մակերեւույթին եւ երբ բացեցի մկնիկը, Properties- ը բացվեց: The Properties կոճակը թույլ է տալիս անվանել տարրը եւ սահմանել տարրերի լայնությունը եւ դիրքորոշման արժեքները: Դուք նաեւ կարող եք լրացնել լրացնել այն տարրին, շրջանցել անկյունները եւ կարգավորել իր անփոփոխությունը: Սեղմելով Ֆոնի գույնի կոճակը, բացում է RGBA գույնի ընտրող:
Ընտրված տարրին կարող եք նաեւ տառատեսակ, սահման եւ օրինաչափ նշանակել: The Lightning Bolt- ն ձեզ հնարավորություն է տալիս ինտերակտիվությունը ավելացնել ընտրված տարրին:
05-ից 09-ը
Ինչպես ավելացնել եւ ձեւաչափեք տեքստ UXPin- ում
Տեքստ ավելացնելու համար տեքստի տարրը դիզայնի մակերեսին քաշեք եւ մուտքագրեք ձեր տեքստը: Սեղմեք տեքստի պատկերի կոճակը, Տառատեսակների հատկությունները բացելու եւ ձեր տեքստը ձեւակերպելու համար: Եթե Ձեզ անհրաժեշտ է բովանդակության տեքստի բլոկ, ավելացրեք տեքստային տարր եւ կտտացրեք Տառատեսակների հատկություններով GENERATE LOREM IPSUM կոճակը:
06-ից 09-ը
Ինչպես կցել նկարը UXPin էջին
Այս խնդիրը կատարելու մի քանի ճանապարհ կա: Դուք կարող եք օգտագործել Image Tool- ը Toolbar- ում, ավելացնել պատկերների տարրը Գրադարանից կամ ուղղակի սեղմել եւ նկարել պատկերն ձեր աշխատասեղանից դեպի դիզայնի մակերեւույթի տարրը, ինչպես նշված է վերը:
07-ից 09-ը
Ինչպես կցել մի կոճակ UXPin էջին
Թեեւ գոյություն ունի Button տարր, մուտքագրելով « Բուտոն » որոնման դաշտը, ինչպես ցույց է տրված վերը, բացում է բոլոր Գրադարանների բոլոր կոճակները: Քաշեք այն մեկը, որն աշխատում է ձեզ համար դիզայնի մակերեւույթի վրա եւ օգտագործի հատկությունները գույնը, տառատեսակը եւ նույնիսկ սահմանի շառավղը փոխելու համար: Տեքստի ներսում տեքստը փոխելու համար կտտացրեք մեկ անգամ տեքստում եւ մուտքագրեք նոր տեքստը:
08-ը 09
Ինչպես կցել ինտերակտիվությունը UXPin էջին
Սա ոչ թե բարդ է, որքան առաջինը կարող է հայտնվել: Էլփոստի մուտքագրման համար ես ավելացրեցի մուտքային տարր, չափափոխեցի այն, մուտքագրեցի տեքստը եւ տեքստը ձեւավորեց: Մուտքագրված տարրը ընտրված է սեղմեք Հատկությունների կոճակը եւ, երբ Element հատկությունները ցուցադրվում են սեղմել Տեսանելիության կոճակը `ակնաբույժը, վահանակի վերին աջ անկյունում:
Ընտրեք կոճակը եւ սեղմեք այն փոխազդեցությունների կոճակը `Լայթինգ Բոլտ` հատկություններով: Երբ փոխազդեցությունների վահանակը բացվում է, ընտրեք Նոր փոխազդեցություն: Ընտրեք սեղմեք «Սկավառակը» կոճակը: Գործողության տարածքում ընտրել Ցույցի տարրը: Դուք այժմ հարցրեք, թե որն է Element- ը ցույց տալու համար: Սեղմեք մեկ անգամ հրացանի վրա եւ կտտացրեք Ներածման տարրին: Սահմանված տարրը կարող եք այժմ որոշել, թե արդյոք անիմաստ է տարրը: Այս պարագայում որոշեցի ցուցադրել Ներդիրի տուփը, որը հեշտությամբ է անցել եւ գնաց 300 մկմ-ի տեւողությամբ:
Ես նաեւ ցանկանում եմ, որ կոճակը տեղափոխվի մոտ 65 փիքսել, երբ այն կտտացնում է: Ես ընտրեցի կոճակը, բացեցի փոխազդեցությունների վահանակը եւ ընտրեց նոր փոխազդեցությունը : Օգտագործեցի այս կարգավորումները.
- Ձգան : Սեղմեք
- Գործողություն
- Տեղափոխեք ուղղությունը `65 սմ x առանցքի վրա
- Շարժապատկերներ . Գծային
- Տեւողությունը ` 300 մղոն
Գործողությունը հեռացնելու համար ընտրել տարրը եւ բացել փոխազդեցությունների վահանակը: Ընտրեք շփումը վահանակում եւ սեղմեք այն Trash Can- ը, այն ջնջելու համար:
09-ին 09
Ինչպես փորձարկել ձեր էջը UXPin- ում
Շնորհիվ այն բանի, որ դուք աշխատում եք բրաուզերում, թեստավորումն անհայտ է: Սեղմեք կտակարար դիզայնի կոճակը: Էջը բրաուզերում կբացվի եւ կարող եք փորձարկել: Կլինեն նաեւ էջի ձախ կողմում ավելացված վահանակ, որը թույլ է տալիս մեկնաբանություններ, Կայքի քարտեզ, եթե առկա են բազմաթիվ էջեր, Օգտագործելիության փորձարկում, Live Sharing, Խմբագրման եւ Վերաբնակեցման վահանակ:
Էջի ներքեւի մասում մեկ այլ փոքրիկ վահանակ է, որը թույլ է տալիս ցույց տալ ինտերակտիվ տարրեր, ցույց տալ կամ թաքցնել մեկնաբանությունները եւ կիսել նախագծի հղումը ուրիշների հետ: