Prezentācija par izstrādājumiem ir viena no centrālajām prasībām lietotņu izstrādē. Izstrādātāji paļaujas uz taviem izstrādājumiem, lai veiksmīgi īstenotu lietotni. Šajā rokasgrāmatā es tev parādīšu, kā tu vari viegli sagatavot savus izstrādājumus InVision, lai tava dizaina komanda vienmēr varētu piekļūt jaunākajām versijām. Ar InVision tu nodrošini, ka tavas idejas tiek optimāli vizualizētas un komunikētas, vienlaikus tu vari viegli ieviest izmaiņas.

Vissvarīgākās atziņas

  • InVision ļauj viegli sinhronizēt un prezentēt izstrādājumus.
  • Tu vari tieši eksportēt savus izstrādājumus no Sketch un augšupielādēt tos InVision.
  • Tas piedāvā dažādus režīmus prototipu skatīšanai un mijiedarbībai.
  • Atgriezeniskās saites un komentēšanas funkcijas atbalsta sadarbību starp dizaineriem un izstrādātājiem.

Solim pa solim rokasgrāmata

1. solis: izveido jaunu projektu InVision

Pirmkārt, atver InVision un izveido jaunu projektu. Izvēlies opciju izveidot „Prototipu“ un izvēlies iPhone veidni, lai optimāli prezentētu savus izstrādājumus mobilajām ierīcēm. Izvēlies projekta nosaukumu „Mobility Stream Udemy“ un noklikšķini uz „Izveidot“.

Profesionāli izstrādāt dizainus ar InVision

2. solis: eksportējiet izstrādājumus no Sketch

Pēc projekta izveidošanas importē savus izstrādājumus no Sketch. Šajā procesā tevi jānodrošina, ka izvēlies pareizos artboardus un augšupielādē tos InVision. Tu vari failus tieši vilkt un nomest InVision projektā. Šim nolūkam ir svarīgi izvēlēties pareizu eksportēšanas formātu no Sketch, lai novērstu komplikācijas.

Izstrādājiet profesionālus dizainus ar InVision

3. solis: instalējiet InVision spraudni

Lai vienkāršotu sinhronizācijas procesu, izmanto InVision spraudni Sketch. Instalē spraudni, piesakies ar savu InVision kontu un aktivizē sinhronizācijas opciju. Tas ļaus tev pārsūtīt dizaina izmaiņas tieši no Sketch uz tavu InVision projektu, bez failu manuālas augšupielādes.

Profesionāli izstrādāt dizainus ar InVision

4. solis: piešķir interfeisa elementus

Tagad vari izveidot savas lietotnes lietotāja saskarni un padarīt katru ekrānu interaktīvu. Noklikšķini uz pogām būvniecības režīmā, lai izveidotu karstās vietas, kas simulē navigāciju lietotnē. Tu vari izvēlēties dažādus pārejas veidus, piemēram, „Slide in“ vai „Instant“, lai nodrošinātu reālistisku lietotāja pieredzi.

Profesionāli izstrādājumi ar InVision

5. solis: iestatiet pārejas

Kad esi pievienojis mijiedarbības, ir svarīgi noteikt pareizās animācijas pārejām starp ekrāniem. Tev jāizvēlas animācijas veids, kas darbosies, pārejot uz citu ekrānu. Pārliecinies, ka šie detalizējumi ir skaidri un precīzi norādīti izstrādātājiem, lai viņi varētu īstenot vēlamo uzvedību.

Izveidojiet profesionālus dizainus ar InVision

6. solis: iestatiet krāsas un fona attēlus

Tev arī jāpārliecinās, ka visas fona krāsas un stilistiskie detaļas ir pareizas. Bieži tiek aizmirsts norādīt fona krāsas Sketch failos. Pārbaudi katru ekrānu un pārliecinies, ka foni, kurus esi paredzējis savā dizainā, tiek parādīti arī InVision. Pārliecinies, ka viss izskatās saskaņoti.

Profesionāli izstrādāt dizainus ar InVision

7. solis: sinhronizācija un atjauninājums

Pēc visu izmaiņu veikšanas ir laiks visu sinhronizēt. Saglabā izmaiņas Sketch un noklikšķini uz sinhronizācijas pogas spraudnī. Tas automātiski atjauninās tavu jauno ekrānu un pielāgojumus InVision. Ņem vērā, ka šis process var aizņemt nedaudz laika.

Profesionāli izstrādājiet dizainus ar InVision

8. solis: atsauksmju iegūšana

Izmanto komentēšanas un atsauksmju funkciju InVision, lai noskaidrotu vispārīgās jautājumu par saviem izstrādājumiem. Tu vari tieši pievienot komentārus prototipā, kurus var atbildēt citi komandas locekļi. Tas ir īpaši noderīgi, lai nodrošinātu, ka tavs dizains atbilst uzdevumiem un tiek izpildītas visas cerības.

Profesionāli izstrādājumi ar InVision

9. solis: prezentācijas noslēgšana

Visbeidzot, tev vajadzētu pārbaudīt savus izstrādājumus un pārliecināties, ka viss darbojas nevainojami. Pārbaudi visas karstās vietas, kuras esi izveidojis, un simulē mijiedarbību, lai gūtu pieredzi no lietotāja skatupunkta. Tādējādi tu pārliecināsi, ka kopaina ir saskaņota, pirms to iepazīstini savai komandai vai izstrādātājiem.

Kopsavilkums - Izstrādājumu veiksmīga sagatavošana InVision

Šajā rokasgrāmatā tu esi ieguvis zināšanas, kā soli pa solim sagatavot savus izstrādājumus InVision. Tu esi uzzinājis, cik viegli ir strādāt ar InVision un kā tu vari palielināt savu dizaina pārsūtījumu efektivitāti. Rūpīga sagatavošanās un noderīgu funkciju izmantošana palīdzēs tev veiksmīgi izstrādāt savus projektus un sniegt izstrādātājiem nepieciešamo informāciju.

Bieži uzdotie jautājumi

Kā instalēt InVision spraudni Sketch?Lejupielādē spraudni no InVision mājaslapas un izpildi instalēšanas norādījumus.

Kā sinhronizēt izstrādājumus no Sketch ar InVision?Saglabā savas izmaiņas un noklikšķini uz sinhronizācijas pogas InVision spraudnī, lai augšupielādētu izstrādājumus.

Kuras fona krāsas būtu jāizmanto izstrādājumos?Izmanto unikālas fona krāsas visos ekrānos, lai nodrošinātu, ka tās tiek pareizi parādītas InVision.

Vai varu tieši InVision iegūt atsauksmes?Jā, tu vari pievienot komentārus savam prototipam un saņemt atgriezenisko saiti no citiem komandas locekļiem.

Ko darīt, ja animācijas nedarbojas pareizi?Pārbaudi pārejas izvēli un testē katru ekrānu, lai pārliecinātos, ka viss darbojas kā vajag.