Designų pateikimas yra viena iš pagrindinių reikalavimų programų kūrime. Kūrėjai remiasi jūsų dizainais, kad sėkmingai įgyvendintų programą. Šiame vadove parodysiu, kaip lengvai pateikti savo dizainus InVision, kad jūsų dizaino komanda visada turėtų prieigą prie naujausių versijų. Su InVision užtikrinsite, kad jūsų idėjos būtų optimaliai vizualizuotos ir bendravimas vyktų aiškiai, tuo pačiu metu galėdami lengvai įtraukti pakeitimus.
Svarbiausios įžvalgos
- InVision leidžia lengvai sinchronizuoti ir pateikti dizainus.
- Galite eksportuoti savo dizainus tiesiai iš Sketch ir įkelti juos į InVision.
- Ši programa siūlo įvairius modulius peržiūrai ir interaktyviam prototipų naudojimui.
- Atsiliepimų ir komentarų funkcijos padeda bendradarbiajimui tarp dizainerių ir kūrėjų.
Žingsnis po žingsnio vadovas
1 žingsnis: Sukurkite naują projektą InVision
Pirmiausia atidarykite InVision ir sukurkite naują projektą. Pasirinkite parinktį „Prototipas“, ir pasirinkite iPhone šabloną, kad optimaliai pateiktumėte savo dizainus mobiliesiems įrenginiams. Pasirinkite projekto pavadinimą „Mobility Stream Udemy“ ir spustelėkite „Sukurti“.
2 žingsnis: Eksportuokite dizainus iš Sketch
Po to, kai sukūrėte projektą, importuokite savo dizainus iš Sketch. Šio proceso metu turite įsitikinti, kad pasirenkate tinkamus artboard'us ir įkeliate juos į InVision. Galite tiesiogiai vilkti failus į InVision projektą. Šiuo tikslu svarbu pasirinkti teisingą eksportavimo formatą iš Sketch, kad būtų išvengta komplikacijų.
3 žingsnis: Įdiekite InVision papildinį
Norėdami supaprastinti sinchronizavimo procesą, turėtumėte naudoti InVision papildinį Sketch. Įdiekite papildinį, prisijunkite prie savo InVision paskyros ir aktyvuokite sinchronizavimo parinktį. Tai leis jums perduoti dizaino pakeitimus tiesiai iš Sketch į jūsų InVision projektą, nesukeliant jums poreikio rankiniu būdu įkelti failų.
4 žingsnis: Artefaktus sujungti su sąsajomis
Dabar galite sukurti savo programos naudotojo sąsają ir interaktyviai sukurti atskirus ekranus. Spustelėkite mygtukus kūrimo režime, kad sukurtumėte karštus taškus, simuliuojančius naršymą programoje. Galite pasirinkti įvairius perėjimus, pvz., „Slinktis“ arba „Akimirka“, kad realistiškai atvaizduotumėte naudotojo patirtį.
5 žingsnis: Nustatykite perėjimus
Jei pridėjote interakcijų, svarbu nustatyti tinkamas animacijas perėjimams tarp ekranų. Šiuo atveju galite pasirinkti animacijos tipą, kuris bus aktyvuotas pereinant į kitą ekraną. Atkreipkite dėmesį, kad šie detalės turi būti aiškiai ir tiksliai pateikiami kūrėjams, kad jie galėtų įgyvendinti norimą elgesį.
6 žingsnis: Nustatykite spalvas ir fonus
Taip pat turėtumėte įsitikinti, kad visos fono spalvos ir stiliaus detalės yra teisingos. Dažnai pamirštama nustatyti fono spalvas Sketch failuose. Peržiūrėkite kiekvieną ekraną ir įsitikinkite, kad fonai, kuriuos numatėte dizainuose, taip pat rodomi InVision. Pasirūpinkite, kad viskas atrodytų harmoningai.
7 žingsnis: Sinchronizavimas ir atnaujinimas
Po to, kai atlikote visus pakeitimus, atėjo laikas viską sinchronizuoti. Išsaugokite pakeitimus Sketch ir spustelėkite sinchronizavimo mygtuką papildinyje. Tai automatiškai atnaujins jūsų naujus ekranus ir pritaikymus InVision. Atkreipkite dėmesį, kad šis procesas gali užtrukti šiek tiek laiko.
8 žingsnis: Gauti atsiliepimus
Naudokite komentarų ir atsiliepimų funkciją InVision, kad išspręstumėte bendras klausimus apie savo dizainus. Galite tiesiogiai pridėti komentarą prie prototipo, kuris vėliau gali būti atsakytas kitų komandos narių. Tai ypač naudinga, kad užtikrintumėte, jog jūsų dizainas atitinka užduotį ir visi lūkesčiai yra įgyvendinami.
9 žingsnis: Pateikimo pabaiga
Galiausiai turėtumėte išbandyti savo dizainus ir įsitikinti, kad viskas veikia nepriekaištingai. Patikrinkite visus karštus taškus, kuriuos sukūrėte, ir simuliuokite interakciją, kad gautumėte patirtį iš naudotojo perspektyvos. Taip užtikrinsite, kad bendras vaizdas yra darnus prieš pateikdami jį savo komandai arba kūrėjams.
Santrauka - Sėkmingai pateikite dizainus InVision
Šiame vadove išmokote, kaip žingsnis po žingsnio pateikti savo dizainus InVision. Sužinojote, kaip lengva dirbti su InVision ir kaip galite padidinti savo dizaino perdavimo efektyvumą. Kruopšti paruošimo ir naudingų funkcijų naudojimas padės jums sėkmingai įgyvendinti savo projektus ir suteikti jūsų kūrėjams reikalingą informaciją.
Dažnai užduodami klausimai
Kaip įdiegti InVision papildinį Sketch?Įkelkite papildinį iš InVision svetainės ir sekite diegimo instrukcijas.
Kaip sinchronizuoti dizainus iš Sketch su InVision?Išsaugokite savo pakeitimus ir spustelėkite sinchronizavimo mygtuką InVision papildinyje, kad įkelti dizainus.
Kokius fonus turėtumėte naudoti dizainuose?Naudokite aiškias fono spalvas visiems ekranams, kad užtikrintumėte, jog jie teisingai rodomi InVision.
Ar galiu tiesiogiai gauti atsiliepimus InVision?Taip, galite pridėti komentarus prie savo prototipo ir gauti atsiliepimus iš kitų komandos narių.
Kas galiu daryti, jei animacijos neteisingai veikia?Patikrinkite perėjimų pasirinkimą ir išbandykite kiekvieną ekraną, kad įsitikintumėte, jog viskas veikia, kaip pageidaujate.
