01 van 03
Die nuutste Atomic.io Update sluit Scrollable Containers in
'N Paar maande gelede het ek gewys hoe atomic.io gebruik kan word om beweging te prototipe . Een van die belangrikste punte wat ek in die stuk gemaak het, was om "beweging te wys" eerder as om dit aan die kliënt se of span se verbeelding te gee, is belangrik. Trouens, dit het so krities geword dat 'n hele nuwe kategorie UX / UI gereedskap op die toneel verskyn. Dit sluit in - Apple Keynote, Adobe se Edge Animate, After Effects en UXPin , om 'n paar te noem. Die nuwe kind op die blok is Atomic.io wat in oop beta was toe ek eers oor die produk geskryf het.
Die netjiese ding oor oop beta's is dat hulle die sagteware-vervaardiger die geleentheid bied om terugvoering van gebruikers op die funksie stel te versamel, insluitende ontbrekende funksies, en voeg dit dan by die aansoek en laat dit getoets word voor die kommersiële vrylating. In die geval van atoom, een kenmerk wat ek regtig gemis het, was die vermoë om die inhoud vertikaal of horisontaal te skuif. Dit kan sulke dinge insluit soos kaarte, skyfievertonings of feitlik enigiets wat 'n gebruiker sou swiep of sleep binne die grense van 'n program of webwerf se koppelvlak.
Dit moes 'n onderwerp gewees het waar baie gebruikers gevra het omdat blaaibare houers hierdie maand net by die app bekendgestel is. Ek moet erken dat die skep van blaaibare inhoud in die prototipe eenvoudig dood is.
Hier is hoe ...
02 van 03
Hoe Vertikale Scrolling inhoud in Atoom te skep
U moet eers vir 'n gratis 30 dae-proeflopie aanmeld en aan die einde van die tydperk sal u drie prysplanne aangebied word.
Die eerste ding wat jy moet weet is al die werk wat jy gaan doen, is in die blaaier en die program is streng op Google Chrome gemik. Sodra jy ingeteken het, sal jy na die Projekte- bladsy geneem word. Om die program oop te maak, klik die Nuwe projek knoppie .
Wanneer die koppelvlak verskyn, sal jy sien daar is 'n beperkte aantal gereedskap, die vermoë om bladsye en lae by die bladsye, die kunsbord en regs 'n konteksgevoelige eiendomspaneel by te voeg.
In hierdie voorbeeld het ek begin met 'n iPhone 5-voorstelling wat 320 x 568 is. Ek maak dan die gids oop wat die beelde bevat wat gerol is en hulle op die doek gesleep het. Hulle is outomaties by die projek gevoeg en jy kan sien hulle is op individuele lae as jy op die Lêer-oortjie klik . Ek het dan die Arrow tool (Selection) gekies, 'n prent gekies en gesleep na 'n nuwe posisie om 'n spasie tussen hulle te voeg. Ek het dan al die beelde gekies en gekliek op die Vertoon Vertaal knoppie op die nutsbalk. Dit het die beelde eweredig gespasieer.
Die volgende stap is om al die inhoud te kies wat gerol moet word, en om óf die Container-knoppie te klik of kies Maak Scroll Container van die Groep-knoppie af. Sodra die houer geskep is, sal jy dit sien in die lae paneel - klik op die houer en sleep die onderste handvatsel opwaarts na die onderkant van die doek . Klik op die Voorskou knoppie onderaan die Eienskappe paneel en dit sal 'n blaaier venster begin. Gebruik jou muis se wiel om die inhoud te blaai. Om terug te keer na jou projek, klik die Redigeerknoppie regs onder in die blaaier.
03 van 03
Hoe om Horisontale Scrolling inhoud in Atoom te skep
Horisontale blaai is net so maklik om te bereik.
In hierdie geval het 'n reeks beelde op die doek gesleep en teen mekaar gesit. Met die gekose beelde, klik ek dan op die knoppie Top Riglyne om te verseker dat hulle almal met mekaar in lyn is.
Ek het dan die Shift-sleutel gehou en elke laag in die lae-paneel gekies. Met die gekose beelde het ek die Container-knoppie geklik en in die Eienskappepanele gekies Horisontaal in die Gedragsgebied.
Toe het ek die projek getoets in 'n blaaier venster deur op die Voorskou knoppie te klik.
Alhoewel ek het gewys hoe om individuele weergawes van Vertikale en Horisontale blaai te skep, solank jy die blaaibare inhoud in 'n houer plaas, kan jy hierdie houers in afsonderlike dele van die skerm hê. Byvoorbeeld, 'n webblad kan inhoud vertikaal in 'n sykieslys blaai en inhoud in 'n skyfievertoning horisontaal op dieselfde bladsy blaai. Trouens, 'n houer kan beide vertikale en horisontale blaai vir items soos 'n beeldkiezer wat 'n dosyn of so duimnaels het.
Om meer te leer oor hierdie funksie in atomic.io check out:
- Die Blog-aankondiging
- Rollehouerhandleiding
- Maskering met behulp van houers
- Probleemoplossing Scroll Containers