03/03
Azken Atomic.io eguneratzeak Edukiontzi Iraunkorrak barne hartzen ditu
Hilabete batzuk atzera erakutsi nuen nola atomic.io mugimendu prototipoa erabil daiteke . Pieza egin nuen gakoetako bat "mugimendua erakutsiz" esan nahi du, bezeroaren edo taldearen irudimenean utziz gero. Izan ere, hori oso kritikoa bihurtu da UX / UI tresnen kategoria berri bat eszenan agertzen dela. Honako hauek dira: Apple Keynote, Adobe Edge Animate, After Effects eta UXPin , batzuk aipatzearren. Blokeko kid berria Atomic.io da eta beta irekia izan zen produktuari buruz lehen aldiz idatzi nuenean.
Beteak irekita dauden gauzei buruz ematen du softwarearen fabrikatzaileak erabiltzailearen iritzia jasotzeko aukera ematen duten funtzioen multzoan, falta diren funtzioak barne, eta gero aplikazioari gehitu eta ohar komertzialaren aurretik probatu. Atomikaren kasuan, benetan galdu dut eginbide bat bertikalki edo horizontalki mugitzeko gaitasuna izan zen. Horrela, besteak beste, txartelak, aurkezpen diapositibak edo ia erabiltzaileak aplikazio baten edo gune baten interfaze baten mugetan edo arrastatuz mugituko lirateke.
Hori egin behar izan zuten erabiltzaile askorentzat gai izan zen hilabete honetan aplikazio mugikorreko edukiontziak jartzen zituztelako eta, Aitortu behar dut, mugikorreko edukia prototipoan hildako simple gaitzeko.
Hona nola ...
02 de 03
Nola bertikalki desplazatzeko edukia Atomican sortzeko
Lehenengo saioa hasi behar duzu 30 eguneko doako proba baterako eta, aldi horretarako, hiru prezioen planak aurkeztuko dituzu.
Jakin beharreko gauza bakarra arakatzailean egingo duzun lana da eta aplikazioa Google Chrome-en estuki zuzenduta dago. Saioa hastean , Proiektuak orrialdera eramango zaitu. Aplikazioa irekitzeko, egin klik Proiektu berria botoian .
Interfazea agertzen denean, tresna kopuru mugatu bat ikusiko duzu, orrialdeak eta geruzak orrialdeak, artelanak eta, gainera, testuinguruko sentikortasunaren propietateak gehitzeko gaitasuna.
Adibide honetan, iPhonearen 5 aurrezarpenak 320 x 568. minutuan hasi nintzen. Ondoren, korritutako irudiak dituzten karpeta ireki eta oihalean eraman ditzakezu. Proiektuari automatikoki gehitu zaizkie eta geruzak banan-banan ikusten dituzue , geruzak fitxan klik egiten baduzu. Orduan hautatu nuen Arrow tresna (Hautapena), aukeratu irudi bat eta arrastatu posizio berri batera, haien arteko espazio bat gehitzeko. Irudi guztiak hautatu ditut eta tresna-barra bertikalki banatu botoian sakatu . Irudien arteko distantzia berdina da.
Hurrengo urratsa korritu beharreko edukia hautatzeko eta Edukiontziaren botoian klik egin edo hautatu Sortu Edukiontzia Taldearen botoian sakatu behera. Edukiontzia sortu ondoren, Layers panelean ikusiko duzu - egin klik edukiontzian eta arrastatu beheko heldulekua gorantz beherainoko beherantz . Egin klik Propietate paneletan Aurrebista botoian eta arakatzailearen leiho bat abiaraziko du. Erabili sagua gurpileko gurpila edukia mugitzeko. Zure proiektura itzultzeko, egin klik Arakatzailearen leihoaren behealdeko eskuineko Editatu botoian .
03/03
Nola Atomic Horizontal Scrolling Edukia sortzea
Desplazamendu horizontala erraza da betetzeko.
Kasu honetan, mihiseerainoko irudi batzuk arrastatu eta bata bestearen kontra jarri. Aukeratutako irudiekin, egin klik goiko lerrokatzeko botoian, bata bestearekin lerrokatuta egoteko.
Maius tekla sakatu nuen eta geruza bakoitza geruzen panelean hautatu. Aukeratutako irudiekin , Edukiontzi botoia sakatu nuen eta , Propietateen paneletan, Horizontalean aukeratu Behavioren eremuan.
Probatu nuen proiektua nabigazio leiho batean, aurrebista botoia sakatuta.
Nabigazio bertikalaren eta horizontala aldatzeko banakako bertsioak nola sortu diren erakutsi arren, edukiontzi mugikorreko edukia jartzen baduzu, edukiontziak eduki ditzakezu pantailaren beste eremu batzuetan. Adibidez, web orri batek edukia bertikalki mugitu dezake alboko menuan eta horizontalean orrialdetan diapositiba-ikuskizuneko edukia mugitzen du. Izan ere, edukiontzi batek bertikalki eta horizontalki mugitzeko aukera izan dezake elementuak, adibidez, dozena edo gutxiago dituen irudi-hautatzailea.
Atomic.io-ren ezaugarri honi buruz gehiago jakiteko begiratu:
- Blogeko iragarkia
- Desplazamendu edukiontzi tutoriala
- Edukiontziak erabiltzea
- Arazoak desplazatzeko edukiontziak