Sa seisad silmitsi väljakutsega luua atraktiivne Prototyping Mobility-App jaoks. See ei hõlma ainult disaini; oluline on ka kasutajakogemus algusest peale, et aidata kasutajal intuitiivselt rakenduses navigeerida. Selle õpetuse käigus juhitakse sind samm-samme haaval prototüübi loomise protsessis Sketchis. Alustame seda põnevat teekonda disaini maailma!
Tähtsamad järeldused
- Prototyping on rakenduse arendamise oluline samm.
- Sketchis saad alustada lihtsate kujundite ja disainidega.
- Selge struktuur ja kasutajaliidese juhendamine on sinu rakenduse edu jaoks hädavajalikud.
Samm-sammult juhend
Alusta oma rakenduse põhistruktuuri loomisega Sketchis. Sa saad kasutada pintsel tööriista oma esmaste disainielementide joonistamiseks. Lihtsalt mine pintsel tööriista juurde või vajuta klahvi „P”, et seda valida.
Joonista ristkülik, mis kujutab sinu rakenduse ekraani. Hoia all „Alt”-klahvi, samal ajal kui tõmbad hiirega ristküliku. See aitab hoida ristkülikut proportsionaalsena. See näeb välja päris hea.
Nüüd on aeg kujundada rakenduse esimene leht. Alusta alumise vahekaartide ribaga. Kasuta taas pintsel tööriista ja joonista sirge joon, hoides all Shift-klahvi, et veenduda, et saad sirge joone.
Pärast vahekaartide ribaga kujundamist lisa kolm ikooni, mis esindavad rakenduse peamisi funktsioone. ALT-klahvi abil saad lihtsalt kujundeid dubleerida, samal ajal kui tõukad neid sobivasse kohta.
Nüüd keskendume ülemisele navigeerimisribale. Hoia taas ALT-klahvi all, samal ajal kui tõmbad uue ristkülikukujulise ala navigeerimisribale.
Vestlusbublad on järgmine osa sinu rakendusest, mille me kujundame. Kasuta pintsel tööriista, et joonistada vestlusbubbles. Need kuvatakse kasutajale kohe tervitamiseks. Lisa lühike tekst, mis tervitab kasutajat, nagu näiteks „Tere ja tere tulemast Mobility rakendusse!”
Kuna tahad, et kõik näeks atraktiivne välja, saad bublasid kopeerida ja kohandada. Valige bublad ja tõmmake neid ALT-klahvi hoides allapoole, et lisada veel üks tervitustekst, nagu „Alusta oma esimesest Mobility seansist”.
Järgmine samm on video-nupu lisamine, millega kasutajad saavad oma õppetunde esitada. Joonista ümmargune nupp pintsel tööriistaga ja kombineeri see kolmnurgaga, et muuta esitus ja funktsioon selgeks.
Kopeeri nüüd kõik olulised UI-elemendid – nagu ülemised ja alumised navigeerimisribad – järgmisele lehele, et tagada disaini järjepidevus. Sa saad lihtsalt ALT-klahvi all hoides ekraanipilti võtta, et elemendid järgmisele lehele dubleerida.
Sellel uuel ekraanil, mille oled loonud, kujunda kursuste valikud. Siin peaksid looma lihtsa ülevaate saadaval olevatest kursustest, millest kasutaja saab valida.
Profiili vaates saad luua koha profiilipildi, kasutajanime ja läbitud kursustundide arvu jaoks. Siin on oluline, et esitatud informatsioon oleks selge ja arusaadav.
Kursuste ja õppetundide valiku lõppviimistlemiseks loo ülevaade õppetundidest ja lisa sulgemisnupp, et kasutaja saaks valiku igal ajal sulgeda.
Nüüd on sinu Mobility rakenduse põh prototüüp valmis. Sul on nüüd atraktiivne disain, mis struktureerib kasutajaliidu selgelt ning aitab sul kui disaineril rakenduse visiooni selgelt visualiseerida.
Kokkuvõte – Prototyping Mobility rakenduse loodud Sketchis
Selle õpetuse käigus oled sa samm-sammult õppinud, kuidas luua Mobility rakendust Sketchis. Esimesest ideest kuni viimaste disainielementideni oled sa suutnud oma teadmisi laiendada ning luua kasuliku tööriista sinu rakenduse edasiseks arendamiseks.
Korduma kippuvad küsimused
Kuidas alustada disainimist Sketchis?Vali pintsel tööriist (P) ja alusta esmaste elementide loomist.
Kuidas saan elemendid tõhusalt dubleerida?Hoia ALT-klahvi all, samal ajal kui tõukad elementi hiirega.
Mida teha, kui ma disainiga rahul pole?Sa saad igal ajal olemasolevaid elemente kohandada või uuesti kujundada, et saavutada soovitud tulemus.
Kuidas tagada, et kasutajaliidese juhendamine oleks selge?Kontrolli, et kõik funktsioonid oleksid loogiliselt järjestatud ja et kasutaja saaks intuitiivselt navigeerida.
Kas ma saan Sketchis ka mobiilseadmete jaoks disainida?Jah, sa saad elementide tüüpi ja suurust vastavalt mobiilseadmete ekraanisuurusele kohandada.
