01 od 03
Najnovija ažuriranja Atomic.io uključuju sklizajuće spremnike
Nekoliko mjeseci kasnije pokazao sam kako se atomic.io može koristiti za prototip pokreta . Jedna od ključnih točaka koje sam napravio u komadu bio je "prikazivanje gibanja", a ne ostavljajući ga maštu imaginacije klijenta ili tima. Zapravo, to je postalo tako važno da se na sceni pojavljuje čitava nova kategorija UX / UI alata. Oni uključuju - Apple Keynote, Adobe Edge Animate, After Effects i UXPin , da spomenemo nekoliko. Novi dječak na bloku je Atomic.io koji je bio otvoren beta kada sam prvi put pisao o proizvodu.
Čista stvar o otvorenim betama jest pružiti proizvođaču softvera mogućnost prikupljanja povratnih informacija korisnika o skupu značajki, uključujući nedostajuće značajke, a zatim ih dodati aplikaciji i testirati ih prije komercijalnog izdavanja. U slučaju atomske, jedna značajka koju sam stvarno propustio bila je mogućnost pomicanja sadržaja okomito ili vodoravno. To bi moglo uključivati stvari kao što su kartice, dijaprojekcije ili praktički bilo što što korisnik klikne ili povuče unutar ograničenja sučelja aplikacije ili web-lokacije.
To je vjerojatno bio predmet mnogih korisnika koji su tražili, jer su se kontejneri koji se mogu kretati upravo upoznati s aplikacijom ovog mjeseca i, moram priznati, stvaranje pokretnih sadržaja u prototipu je jednostavno.
Evo kako…
02 od 03
Kako stvoriti vertikalni sadržaj kretanja u atomskoj
Morat ćete se najprije prijaviti za besplatno probno razdoblje od 30 dana, a na kraju tog razdoblja bit će vam predstavljena tri planiranja cijena.
Prva stvar koju trebate znati jest da je sav posao koji ćete raditi u pregledniku, a aplikacija je usmjerena isključivo na Google Chrome. Nakon što se prijavite, bit ćete preusmjereni na stranicu Projekti . Da biste otvorili aplikaciju, kliknite gumb Novi projekt .
Kada se pojavi sučelje, vidjet ćete da postoji ograničen broj alata, mogućnost dodavanja stranica i slojeva na stranice, ploču s instrumentima i preko desne ploče s obzirom na kontekst.
U ovom primjeru, započela sam s unaprijed postavljenim iPhoneom 320 x 568.I tada otvorite mapu koja sadrži slike koje će se pomicati i odvesti ih na platnu. Automatski su dodani u projekt i vidjet ćete da se nalaze na pojedinačnim slojevima ako kliknete karticu Slojevi . Zatim sam odabrao alat Arrow (odabir), odabrao sliku i povukao ga na novu poziciju kako bi dodali nešto između njih. Zatim sam odabrao sve slike i pritisnuo gumb Distribucija okomito na alatnoj traci. To je ravnomjerno raspoređivalo slike.
Sljedeći korak je odabir cijelog sadržaja koji će se pomicati i kliknuti na gumb Kontejner ili odaberite Izradi spremnik za pomicanje iz gumba Skupna skupina . Kada se spremnik stvori - vidjet ćete ga na ploči Slojevi - kliknite spremnik i povucite donju ručku prema gore na dno platna . Kliknite gumb Pregled pri dnu ploče Svojstva i to će pokrenuti prozor preglednika. Pomoću kotačića za pomicanje sadržaja pomaknite miša. Da biste se vratili na svoj projekt, kliknite gumb Uredi u donjem desnom dijelu prozora preglednika.
03 od 03
Kako stvoriti vodoravno pomicanje sadržaja u atomskoj
Horizontalno pomicanje jednako je lako postići.
U ovom slučaju, povukli su niz slika na platnu i stavili ih jedan prema drugome. S odabranim slikama, zatim kliknite gumb Vrh poravnanja da biste bili sigurni da su svi međusobno poravnati.
Tada sam držao tipku Shift i odabrao svaki sloj na ploči Slojevi. S odabranim slikama, kliknula sam gumb Sadržaj i na ploči Svojstva odabrana Vodoravno u području Ponašanja.
Tada sam testirala projekt u prozoru preglednika klikom na gumb Pregled.
Iako sam pokazao kako izraditi pojedinačne verzije okomitog i vodoravnog pomicanja, sve dok stavite kretanje sadržaja u spremnik, te spremnike možete posjedovati u zasebnim područjima zaslona. Na primjer, web stranica može imati vertikalno pomicanje sadržaja u bočnom izborniku i vodoravno pomicanje sadržaja u dijaprojekciji na istoj stranici. Zapravo, spremnik može imati i vertikalni i vodoravni pomicanje za stavke poput birača slika koji ima desetak sličnih sličica.
Da biste saznali više o ovoj značajci u atomic.io check out:
- Obavijest o blogu
- Upute za pomicanje spremnika
- Masiranje pomoću kontejnera
- Otklanjanje poteškoća s spremnicima za pomicanje