01 sa 03
Ang Pinakabag-o nga Pag-update sa Atomic.io Naglakip sa Mausab nga mga Luna
Pipila ka mga bulan balik akong gipakita kung giunsa ang atomic.io magamit sa prototype motion . Usa sa mga yawe nga mga punto nga akong gihimo sa bahin mao ang "pagpakita sa paglihok" kay sa paghatag niini ngadto sa mga panumduman sa kliyente o sa grupo hinungdanon. Sa pagkatinuod, kini nahimong hilabihan ka kritikal nga ang usa ka bug-os nga bag-ong kategoriya sa mga himan sa UX / UI nagapakita sa talan-awon. Lakip niini ang - Apple Keynote, Adobe's Edge Animate, After Effects ug UXPin , aron paghingalan sa pipila. Ang bag-o nga bata sa block mao ang Atomic.io nga naa sa open beta sa una kong pagsulat mahitungod sa produkto.
Ang maayo nga butang mahitungod sa open betas mao ang paghatag sa software manufacturer sa oportunidad sa pagkolekta sa feedback sa gumagamit sa feature, lakip na ang nawala nga mga bahin, ug dayon idugang kini sa aplikasyon ug ipa-eksamin kini sa atubangan sa commercial release. Sa kaso sa atomic, ang usa ka bahin nga akong gimingaw mao ang abilidad sa pag-scroll sa sulod nga vertikal o horizontally. Mahimong maglakip kini sa mga butang sama sa mga kard, mga slide show o halos bisan unsang butang nga gamiton sa usa ka tiggamit o pag-drag sulod sa sulod sa interface sa app o site.
Mahimo nga kini usa ka hilisgutan nga usa ka daghan nga mga tiggamit nga gipangayo tungod kay ang mga scrollable nga mga sudlanan gipaila-ila lamang sa app niining bulana ug, kinahanglan ko nga moangkon, ang paghimo sa scrollable nga sulod sa prototype patay nga simple aron makahimo.
Ania kung giunsa ...
02 sa 03
Unsaon Paghimo Vertical nga Pag-scroll nga Nilalaman sa Atomic
Kinahanglan mo nga una nga magparehistro alang sa usa ka libre nga 30 ka adlaw nga pagsulay ug, sa katapusan nianang panahona, ipresentar ka sa tulo ka mga plano sa pagpresyo.
Ang unang butang nga kinahanglan mong mahibal-an mao ang tanan nga buhat nga imong buhaton mao ang sa browser ug ang app gitumong hugot sa Google Chrome. Sa higayon nga mag-log in ka, dad-on ka sa pahina sa Mga Proyekto . Sa pag-abli sa app, i-klik ang button sa New Project .
Sa diha nga makita ang interface makita nimo ang adunay limitado nga gidaghanon sa mga himan, ang abilidad sa pagdugang sa mga panid ug mga lut-od sa mga panid, ang artboard ug, sa ibabaw sa tuo, usa ka panel nga sensitibo sa kinatibuk-ang kahulugan.
Sa kini nga pananglitan, nagsugod ako sa usa ka iPhone 5 preset nga 320 x 568.Unya gibuksan ang folder nga adunay mga imahen nga i-scroll ug i-drag kini sa canvas. Awtomatik sila nga nadugang sa proyekto ug makita nimo nga kini anaa sa tagsa-tagsa nga mga layer kon imong i-klik ang Layers tab . Gipili nako ang tool sa Arrow (Pinili), gipili ang usa ka imahe ug gitaroy kini ngadto sa usa ka bag-ong posisyon aron makadugang sa pipila ka luna tali kanila. Gipili nako ang tanan nga mga hulagway ug gi-klik ang mo-distribute Vertically button sa toolbar. Kini parehas nga mga hulagway.
Ang sunod nga lakang mao ang pagpili sa tanan nga sulod nga i-scroll ug aron i-klik ang "Container button" o pagpili sa Create Scroll Container gikan sa button sa Group pop-up. Sa higayon nga gibuhat ang sudlanan-makita nimo kini sa panel sa mga Layer - i-klik ang sudlanan ug i-drag ang hawanan sa itaas ngadto sa ubos sa canvas . I-klik ang Preview button sa ubos sa Properties panel ug kini maglansad og browser window. Gamita ang scroll wheel sa imong mouse aron mag-scroll sa sulod. Aron makabalik sa imong proyekto, i-klik ang Edit button sa ubos sa tuo sa window sa browser.
03 sa 03
Unsaon Paghimo sa Horizontal nga Pag-scroll nga Nilalaman sa Atomic
Ang porma nga pag-scroll sama ra ka sayon sa paghimo.
Sa niini nga kaso, gikuha ang usa ka serye sa mga larawan sa ibabaw sa canvas ug butted kanila batok sa usag usa. Uban sa gipili nga mga hulagway, unya akong i-klik ang Top Align nga buton aron maseguro nga ang tanan nahiuyon sa usag usa.
Dayon akong gibutang ang Shift key ug gipili ang matag layer sa panel sa Layers. Uban sa gipili nga mga hulagway, akong gikuptan ang sudlanan sa Container ug , sa Properties panel, gipili nga Horizontally sa Behaviors area.
Gisulayan nako ang proyekto sa usa ka window sa Browser pinaagi sa pag-klik sa Preview button.
Bisag gipakita nako kung unsaon paghimo sa mga bersyon sa Vertical and Horizontal scrolling, basta ibutang nimo ang sulod nga sudlan sa usa ka sudlanan, mahimo nimo kining mga sudlanan sa lain nga mga bahin sa screen. Pananglitan, ang usa ka web page mahimo nga adunay vertically scrolling content sa usa ka side menu ug horizontally scrolling content sa usa ka slide-show sa sama nga pahina. Sa pagkatinuod, ang usa ka sudlanan mahimo nga adunay vertical ug horizontal scrolling alang sa mga butang sama sa usa ka tigpili sa imahe nga adunay usa ka dosena o labaw pa nga mga thumbnail.
Aron makat-on og dugang mahitungod niini nga bahin sa atomic.io check:
- Ang Blog nga pahibalo
- Pag-scroll sa tutorial sa sudlanan
- Pag-masking gamit ang mga sudlanan
- Pag-troubleshoot sa Pag-scroll sa mga sudlanan