01 od 03
Najnovejša posodobitev Atomic.io vključuje vsebnike, ki se lahko pomikajo
Nekaj mesecev nazaj sem pokazal, kako se atomic.io lahko uporablja za prototip gibanja . Ena od ključnih točk, ki sem jih naredila v igri, je "prikazovanje gibanja", ne pa prepuščanje domišljije ali domišljije. Pravzaprav je to postalo tako kritično, da se na sceni pojavlja popolnoma nova kategorija orodij UX / UI. Vključujejo: Apple Keynote, Adobe's Edge Animate, After Effects in UXPin , da navedete nekaj. Nov otrok na bloku je Atomic.io, ki je bil v odprtem beta, ko sem prvič napisal o izdelku.
Lepa stvar v zvezi z odprtimi betami je, da proizvajalcu programske opreme omogoči, da zbere povratne informacije uporabnikov o naboru funkcij, vključno z manjkajočimi funkcijami, in jih nato dodaja v aplikacijo ter jih preskusi pred komercialno objavo. V primeru atomske je ena funkcija, ki sem jo resnično zamudila, zmožnost pomikanja vsebine navpično ali vodoravno. To lahko vključuje stvari, kot so kartice, diaprojekcije ali skoraj vse, kar bi uporabnik potegnil ali povlekel v mejah vmesnika aplikacije ali spletnega mesta.
To je moralo biti predmet, za katerega so zahtevali veliko uporabnikov, ker so bili v tem mesecu pravkar predstavljeni pripomočki za pomikanje, in moram priznati, da je ustvarjanje pomične vsebine v prototipu mrtvo, preprosto omogočiti.
Evo kako ...
02 od 03
Kako ustvariti navpično pomikanje vsebine v atomski
Najprej se boste morali prijaviti za brezplačen 30-dnevni poskus in ob koncu tega obdobja boste prejeli tri načrte za določanje cen.
Prva stvar, ki jo morate poznati, je, da bo v brskalniku vse delo, ki ga boste opravili, aplikacija pa bo strogo usmerjena v Google Chrome. Ko se prijavite, vas bodo preusmerili na stran » Projekti «. Če želite odpreti aplikacijo, kliknite gumb Novo projekt .
Ko se pojavi vmesnik, boste videli, da obstaja omejeno število orodij, možnost dodajanja strani in plasti na strani, artboard in nad desno kontekstno občutljivo ploščo lastnosti.
V tem primeru sem začel s predpono iPhone 5, ki je 320 x 568. Jaz pa odprite mapo, ki vsebuje slike, ki jih želite premikati, in jih povlečete na platno. Bili so samodejno dodani v projekt in si lahko ogledate, da so na posameznih plasti, če kliknete kartico Plasti . Nato sem izbral orodje Puščica (izbira), izbral sliko in ga povlekel na novo mesto, da bi med njimi dodal nekaj prostora. Nato sem izbral vse slike in kliknil gumb »Porazdeli navpično« v orodni vrstici. To je enakomerno razmaknilo slike.
Naslednji korak je, da izberete celotno vsebino, ki jo želite premikati, in kliknite gumb Container ali izberite Ustvari pomikanje vsebnika iz gumba Skupina . Ko je vsebnik ustvarjen, ga boste videli na plošči Plasti - kliknite vsebnik in povlecite spodnji ročaj navzgor na spodnji del platna . Kliknite gumb Predogled na dnu plošče Properties (Lastnosti) in to bo sprožilo okno brskalnika. Za pomikanje po vsebini uporabite miškin kolesce za pomikanje. Če se želite vrniti v svoj projekt, kliknite gumb Uredi v spodnjem desnem kotu okna brskalnika.
03 od 03
Kako ustvariti vodoravno pomikanje vsebin v atomski
Vodoravno pomikanje je prav tako enostavno.
V tem primeru je na platno povlekel vrsto posnetkov in jih dvignil drug proti drugemu. Z izbranimi slikami kliknite gumb Top Align, da se prepričate, ali so vsi medsebojno poravnani.
Nato sem držal pritisnjeno tipko Shift in izbral vsak sloj na plošči Plasti. S izbranimi slikami sem kliknil na gumb Container in v ploščah Properties (Lastnosti) sem izbral Vodoravno na območju Behaviors.
Nato sem preizkusil projekt v oknu brskalnika, tako da kliknete gumb Predogled.
Čeprav sem pokazal, kako ustvariti posamezne različice navpičnega in vodoravnega drsenja, če vsebino, ki jo je mogoče vstaviti, vstavite v posodo, lahko te vsebnike imate na ločenih področjih zaslona. Na primer, spletna stran ima lahko navpično pomikanje vsebine v stranskem meniju in vodoravno pomikanje vsebine v diapozitivu na isti strani. Pravzaprav lahko vsebnik ima navpično in vodoravno pomikanje za predmete, kot je izbirnik slik, ki ima ducat ali tako sličic.
Če želite izvedeti več o tej funkciji v atomic.io, si oglejte:
- Napoved blogov
- Vadnica za pomikanje po vsebniku
- Maskiranje s posodami
- Odpravljanje težav z drsnimi vsebniki