01 di 09
Cumu si pò cumprà cun UXPin
Cumu avemu avemu principiatu in u duminiu di u disignu mubilanti, u disignu di l'appighjatu è u disattivu rispunsevule ha statu un focusu creatu da UX (User Experience) è wireframing , prototipi interattivi è mockups. Ci hè una tonica d'uttichi fori quà nantu à questu niche è si cuglitanu a sanu sanu da cumpatente, cumpatente di scatuli caratteri à sparse è à pena utilità. Unu di l'utili chì hà pigliatu u mo occhiu hè UXPin solu perchè era statu sviluppatu da i diseggituri per i disinazioni.
Prima di avanà ... una creeat. Se u vostru hè una urganizazione chì preferisce u propiu u software, UXPin ùn hè micca per voi. Tuttu u travagliu fattu in questa app hè fattu in u navigatore è i prughjetti chì salvate sò salvati in u vostru contu.
Per cumentu cù UXPin vi lancià un navigatore è testa in UXPin. Da quì pudete attunale per un Prucessu liberu o ricambientà un pianu menendu basatu à a vostra precisa anticipazione. U prucessu di firmatu hè abbastante facilu è una volta avete stabilitu u vostru nome d'utilizatori è a vostra password, sò disposti pronta à principià.
02 di 09
Cumu un prughjettu in UXPin
Quandu puderebbenu andà ghjunghjite à u Dashboard, da quì pudete decide di creà un novu wireframe, un novu proghjettu mobiliu o un projecte di Design Web Responsive. Ci hè ancu plugins per UXPin chì vi permettenu di portà in i vostri Photoshop o Sketch. Per questu Quandu aghju da creà un pianu cù qualchì testu è aghjunghje un email à u banner. Per fà cumu hà sceltu Crià una nova wireframe.
03 di 09
Aduprà l'UXPin Interface
A superficia di designu hè spizzatu in quattru duminii. In l'area nìvca à a manca sò una serie di strumenti chì permettenu à ritornu à u pannelli di scriveneri, apre u Elementi utilizate, apre u panel Smart Elements, cercanu elementi, aghjunghje noti à a pagina è aghjunghje i membri di l'equipa. À u fondu hè un buttone chì apre u tutoriale curtu, altru chì permette di accede à u vostru contu e un altru chì accessu à e FAQ, avete dumanderete dumande è ancu avete feedback.
In a zona blu nantu à a cima sò una seria di utile è proprietà. U buttone scuru di u dirittu right permette à vultate u vostru articulu, aghjusta a paràmetrazione di u prughjettu, sparte a pagina è fà una simulazione in u pianu di a pagina.
U pannellu Elementi sò quì chì aghjunte e pezzi è pezzi per a Cuncezione di u Cunaghju, nome u vostru prugettu è aghjunghje o cacciate e pagine.
A biblioteca di l'Elementi hè una maraviglia sorpresa per i discipuri UX. Questa stafferà permette di sceglie l'anon 30 librarii chì varienu da iOS à Android Lolipop. In quantu hè accessu à l'elementi Bootstrap è Fundazione cù l'Icone Font Awesome, I buttoni d'icone per u mobile è una cullizzioni di Social Widgets.
04 di 09
Cumu aghjunghje una element à una pagina UXPin
Per cumincià, arrossghje l'elementu Box à a superficie di designu è, quand'elle liberatu u sguardu, u panneau di a prughjettu s'aprì. U buttone di e pruprietà permette u nome l'elementu è ponite l'altezza di l'altezza di l'elementu è i valori di pusizzioni. Puderete ancu aghjunghje l'elementu à l'elementu, rinforzià i rinchieri è agisce a so opacidad. Cliccannu u buttone di Color in funziale apre u selezziunatore di color RGBA.
Pudete puru assignà una font, cunfini è mudellu à l'elementu sceltu. U Lightning Bolt dà l'abilità di aghjunghje l'intarattività in un elementu selezziunatu.
05 di 09
Cumu aghjunghje è u testu in UXPin
Per aghjunghje testu, arrossa l'elementu di testu à a superficie di designu è intria u vostru testu. Cliccate u testu di a pruprietà di textu per aperte e propietate di Font e furmate u vostru testu. Se necessite un blocu di testu dummy, aghjunghje un elementu di testu è cliccate u buttone GENERATE LOREM IPSUM in i pruprietà tipiche.
06 di 09
Cumu aghjunghje una imagina à una paggina UXPin
Ci hè parechje modi per cumprà l'affari. Pudete aduprà l' Image Tool in a toolbar, aghjunghje un elementu Image da a Librerie o simpricamente arrastrà e dete una imatge da u vostru scrittore nantu à l'elementu nantu à a superficia di designu cumu si vede di più.
07 di 09
Cumu aghjunghje un buttone per un pagamentu UXPin
In casu chì ci hè un elementu Button, intria " Button " in l'area di Ricerca , cum'è quì sottu u più altu, apre u tutte i buttoni find in tutti i Librerie. Arraste u quellu chì travaglia per voi nantu à a superficie di u disignu è utilizate a proprietà di cambià u culore, a fonte, è ancu u raiu di u Border. Per mudificà u testu in u buttone, fate un cliccate nantu à u testu è intria u novu testu.
08 di 09
Cumu aghjunghje interattività à una pagina UXPin
Questu hè micca cusetu cumu pò esse prima appare. Per l'infurmazione elettronicu, aghju aghjunghjatu un elementu d'ingranza, resized, hà intrutu in u testu è furmatu u testu. Cù l'elementu d'Input, selezziunate cliche u buttone di i Prugetti è, quandu u prughjettu di l' Elementu, clicate u buttone di a Visibilità- l'Eflavuni - in u cantonu ghjinatu di u pannellu.
Sceglite u pusitivu è cliccate u botulariu d'interazzione - u Lightning Bolt- in i pruprietà. Quandu u panu dū interactions se abre, seleccione New Interaction. Select Cliccate da u Trigger pop. In a Zona di Azione select Mostra Element. Avete da esse dumandatu quale Element to show. Cliccate una volta nantu à a pistola è cliccà nantu à l'elementu d'Input. Cù l'elementu identificatu, pudete issa scandalizà l'animazione di l'elementu. In questu casu aghju decisu di mostrarà a Canda di l'Input cun facilità in u andò cun u valore di u valore di u 300ms.
Vulariu ancu avè u buttone moved about 65 pixels à u dirittu quandu u cliccate. Aghju sceltu u buttone, hà apertu u panel d'interaczamentu è seleccione New Interaction . Aghju utilizatu sti paràmethi:
- Trigger : Cliccate
- Azione: Move Through
- Move Direction : 65 px à l'assi x
- Animazione : Linear
- Duration: 300 ms
Per sguassà una interacccionu sceglie l'elementu è apre u panel d'Interactions. Scelta l'interaction in u panel è cliccate nant'à u Trash Can per sguassà.
09 di 09
Comu Pruce A vostra Pagina In UXPin
A causa di u fattu chì site di travaglià in u navigatore, i teste hè mortu simple. Cliccate u Simone Design . A pagina apre u in u navigatore è puderete pruvà modu. Ci hè ancu un pannellu aghjustatu à u latu di a pagina chì permete à i Comments, un Mapa Web si ci sò parechje pagine, Usabilidad Pruvedimentu, Scaricà Live, Edita è un ritornu à u Dashboard.
À u fondu di a pagina hè un altru pannellu chjusu chì permette di vede l'elementi interattivi, mostra o amene i cumenti è aghjunghje u vince prughjettu cù l'altri.