Disaini esitlemine on üks peamisi nõudeid rakenduste arendamisel. Arendajad sõltuvad sinu disainidest, et rakendus edukalt ellu viia. Selles juhendis näitan, kuidas sa saad oma disainid hõlpsasti InVisionis kätte toimetada, et sinu disainimeeskond saaks alati ligipääsu viimastele versioonidele. InVisioniga tagad, et sinu ideed visualiseeritakse ja kommunikeeritakse optimaalselt, samal ajal kui suudad muudatusi hõlpsalt sisse viia.
Olulisemad järeldused
- InVision võimaldab lihtsat disainide sünkroniseerimist ja esitamist.
- Sa saad oma disainid otse Sketchist eksportida ja InVisioni üles laadida.
- See tööriist pakub erinevaid vaate- ja interaktsioonirežiime prototüüpide vaatamiseks.
- Tagasiside- ja kommentaarifunktsioonid toetavad koostööd disainerite ja arendajate vahel.
Samm-sammult juhend
Samm 1: Uue projekti loomine InVisionis
Seega alustad InVisioniga ja lood uue projekti. Vali selleks "Prototüübi" loomise võimalus ja vali iPhone'i mall, et esitleda oma disainid optimaalselt mobiilsetes seadmetes. Valige projekti nimeks "Mobility Stream Udemy", ja klõpsake "Loo".
Samm 2: Disainide eksportimine Sketchist
Pärast projekti seadistamist importige oma disainid Sketchist. Selle protsessi käigus tuleb veenduda, et valite õiged artboard'id ja laadige need InVisioni üles. Saate failid lihtsalt lohistada InVisioni projekti. Oluline on valida õige eksportimisvorming Sketchist, et vältida komplikatsioone.
Samm 3: InVisioni plugina installimine
Protsessi sünkroniseerimise lihtsustamiseks peaksid kasutama InVisioni plugina Sketchi jaoks. Installige plugin, logige sisse oma InVisioni kontoga ja aktiveerige sünkroniseerimisvõimalus. See võimaldab teil disainimuudatusi otse Sketchist oma InVisioni projekti üle kanda, ilma et peaksite faile käsitsi üles laadima.
Samm 4: Artefaktide lisamine liidese elementidele
Nüüd saad rakenduse kasutajaliidese luua ja ekraanid interaktiivseks kujundada. Klõpsa ehitamise režiimis nuppudel, et luua kuumspotte, mis simuleerivad rakenduses navigeerimist. Sa saad valida erinevaid üleminekuid, nagu "Libise sisse" või "Vahetu", et kujutada kasutajakogemust realistlikult.
Samm 5: Üleminekute määramine
Kui oled interaktsioone lisanud, on oluline määrata ülekanne üleminekud ekraanide vahel. Selle käigus saad valida animatsiooni tüübi, mis aktiveerub teise ekraanile ülemisel. Veendu, et need detailid on arendajatele selgelt ja täpselt väljendatud, et nad suudavad soovitud käitumise ellu viia.
Samm 6: Värvide ja taustade määramine
Sa peaksid samuti veenduma, et kõik taustavärvid ja stiilid on õiged. Sageli unustatakse taustavärvide määramine Sketchi failides. Mine läbi iga ekraan ja kontrolli, kas need taustad, mida oled disainis ette näinud, kuvatakse ka InVisionis. Veendu, et kõik näeks välja harmooniliselt.
Samm 7: Sünkroniseerimine ja uuendamine
Pärast kõigi muutuste tegemist on aeg kõik sünkroniseerida. Salvesta muudatused Sketchis ja klõpsa sünkroniseerimisnupul pluginas. See uuendab automaatselt sinu uusi ekraane ja kohandusi InVisionis. Pane tähele, et see protsess võib võtta natuke aega.
Samm 8: Tagasiside kogumine
Kasutage InVisioni kommentaaride ja tagasiside funktsiooni, et lahendada üldisi küsimusi oma disainide kohta. Sa saad prototüübis otse kommentaari lisada, millele saavad vastata teised meeskonnaliikmed. See on eriti kasulik, et tagada sinu disaini vastavust brifingule ja et kõik ootused oleks täidetud.
Samm 9: Esitluse lõpetamine
Lõpuks peaksid katsetama oma disaine ja veenduma, et kõik töötab veatult. Kontrolli kõiki kuumspotte, mille oled loonud, ning simuleeri interaktsiooni, et koguda kasutajapoolset kogemust. Nii saad tagada, et tervikpilt on kooskõlas, enne kui esitlete seda oma meeskonnale või arendajatele.
Kokkuvõte - Disainide edukas esitamine InVisionis
Selles juhendis oled õppinud, kuidas oma disainid samm-sammult InVisionis esitleda. Oled saanud teada, kui lihtne on InVisioniga töötada ja kuidas suurendada oma disainide ülekande efektiivsust. Hoolikalt valmistumine ja kasulike funktsioonide kasutamine aitavad sul oma projekte edukalt juhtida ning oma arendajatele vajalikke teavet edastada.
Korduma kippuvad küsimused
Kuidas installida InVisioni plugin Sketchi jaoks?Laadi plugin InVisioni veebisaidilt alla ja järgi installimisjuhiseid.
Kuidas sünkroniseerida disainid Sketchist InVisioniga?Salvesta oma muudatused ja klõpsa InVisioni plugina sünkroniseerimisnupul, et disainid üles laadida.
Milliseid taustu tuleks disainides kasutada?Kasutage iga ekraani jaoks unikaalseid taustavärve, et tagada nende korrektne kuvamine InVisionis.
Kas ma saan tagasisidet otse InVisionis koguda?Jah, saad lisada oma prototüübile kommentaare ja saada tagasisidet teistelt meeskonnaliikmetelt.
Mida teha, kui animatsioonid ei tööta korralikult?Kontrolli üleminekute valikut ja testi iga ekraani, et veenduda, et kõik töötab soovitud viisil.
