Začnite s prototipiranjem v Adobe XD

Ker povpraševanje po strokovnjakih za oblikovanje UX še naprej narašča, oblikovalci iščejo enostavna orodja, ki so dovolj zmogljiva za izdelavo visokokakovostnih prototipov, vendar se jim zdijo znana orodja, ki jih že uporabljajo vsak dan.

Adobe XD (Predogled) počne prav to, kar uporabnikom omogoča enostavno ustvarjanje, urejanje in socializacijo prototipov za mobilne zasnove, vse v enem programu. Ves čas se dela na novih funkcijah, vendar vam bodo za zdaj te kratke vadnice pomagale začeti s prototipiranjem v Adobe XD.

01. Ustvari prototip iz žičnega okvira

Ustvarjanje prototipov je enostavno z Adobe XD



Ustvarjanje prototipov je enostavno z Adobe XD

Če želite ustvariti prototip iz žičnega okvira, sledite tem preprostim korakom:

kako pobeliti oči v
  • Kliknite prototip na vrhu ali zavihku ukaza
  • Kliknite ukaz a, da prikažete interakcije, nato pa kliknite predogled, da povežete prototip
  • Kliknite na zaslone prototipa in si oglejte splošne vplive na navigacijo in prehod

02. Ustvarjanje interakcij

Če želite ustvariti interakcijo z enega zaslona na drugega, izberite predmet in povlecite modro puščico na umetniško ploščo, na katero želite povezati

kako se izboljšati pri risanju anatomije
Če želite ustvariti interakcijo z enega zaslona na drugega, izberite predmet in povlecite modro puščico na umetniško ploščo, na katero želite povezati

Prva stvar, ki jo boste videli, je modra ikona gumba za dom v zgornjem levem kotu zaslona, ​​ki označuje začetni zaslon. To lahko spremenite tako, da kliknete drug naslov in nato kliknete sivo ikono doma, pritrjeno na zaslon, za katerega želite, da je vaš novi začetni zaslon.

Če želite ustvariti interakcijo z enega zaslona na drugega, izberite predmet in povlecite modro puščico na umetniško ploščo, na katero želite povezati. Interakcijo lahko odstranite tako, da kliknete modro puščico in jo povlečete v prazen prostor. Ko ustvarite interakcijo, se v pogovornem oknu samodejno prikažejo možnosti za določanje vrste segue, sproščanja in trajanja. Klik ukaza lahko to enostavno naredite iz prototipa.

Pritisnite ukaz enter za predogled. Brez zapiranja okna za predogled lahko urejate tako, da kliknete modro puščico za interakcijo in spremenite od tam

03. Skupna raba prototipov

Objavite za skupno rabo v spletu, tako da v zgornjem desnem kotu zaslona preprosto kliknete Skupna raba v spletu

Objavite za skupno rabo v spletu, tako da v zgornjem desnem kotu zaslona preprosto kliknete Skupna raba v spletu

Ko je okno za predogled še vedno odprto, tapnite snemanje in kliknite interakcije na prototipu. Ko končate, znova pritisnite posnetek in shranite datoteko filma na namizje. Ko si kolegi ogledujejo filmsko datoteko, so vizualne oznake, ki označujejo vroče točke, kamor ste kliknili med snemanjem.

Objavite lahko tudi za skupno rabo v spletu, tako da v zgornjem desnem kotu zaslona preprosto kliknete »Skupna raba v spletu«, v polje vnesite naslov in povlecite sliko iz iskalnika v predviden prostor, da ustvarite ploščo za predogled in nato ustvarite povezavo. Adobe XD samodejno ustvari deljivo povezavo, ki si jo lahko ogledate v katerem koli spletnem brskalniku. Označevalci samodejno označijo vroče točke, če recenzent v določenem časovnem obdobju ne klikne.

kako narediti brošuro v neodobrenem dizajnu

Pregled lahko opravite tudi v mobilni napravi, tako da isto povezavo prilepite v mobilni brskalnik. Vizualni kazalniki se med testiranjem na mobilni napravi ne prikažejo za bolj realistično izkušnjo.

Če URL shranite na začetni zaslon, se ikona samodejno prikaže kot slika predogleda sličic, ki ste jo izbrali prej

V Adobe XD lahko naredite vse potrebne spremembe. Če želite deliti revidirane različice, preprosto znova kliknite »Skupna raba«. Dobili boste možnost posodobitve prvotne povezave ali ustvarjanja nove povezave. Za upravljanje povezav. Kliknite upravljanje povezav prek računa sredstev Creative Cloud. Vsi prototipi so shranjeni v spletu v razdelku za prototipe za lažje upravljanje.

Besede: Demian Borba

Demian Borba je produktni vodja podjetja Adobe XD .

kako barvati vodo v akvarelih