Nýjasta Atomic.io uppfærsla inniheldur rúllandi ílát

01 af 03

Nýjasta Atomic.io uppfærsla inniheldur rúllandi ílát

Atomic.io

Nokkrum mánuðum síðan sýndi ég hvernig atomic.io er hægt að nota til að mótmæla hreyfingu . Eitt af lykilatriðum sem ég gerði í verkinu var að sýna hreyfingu frekar en að fara í hugmyndaflug viðskiptavinarins eða liðsins. Í raun hefur þetta orðið svo mikilvægt að allt nýtt flokkur UX / UI tækjanna sést á vettvangi. Þau fela í sér: Apple Keynote, Adobe Edge Animation, After Effects og UXPin , til að nefna nokkrar. Hin nýja krakki í blokkinni er Atomic.io sem var í opnum beta þegar ég skrifaði fyrst um vöruna.

The snyrtilegur hlutur óður í opinn beta er að þeir veita hugbúnaðarframleiðanda tækifæri til að safna notendaviðmótum á eiginleikanum, þar á meðal vantar aðgerðir og síðan bæta þeim við forritið og hafa þau prófað áður en auglýsingin losnar. Þegar um er að ræða atomic, einn eiginleiki sem ég saknaði virkilega var hæfni til að fletta efni lóðrétt eða lárétt. Þetta gæti falið í sér eins og spil, skyggnusýningar eða nánast allt sem notandi vildi strjúka eða draga innan ramma tengis á app eða svæði.

Þetta hlýtur að hafa verið viðfangsefni sem margir notendur biðja um vegna þess að skrúfandi gámar voru bara kynntar í app í þessum mánuði og ég verð að viðurkenna að búa til fletta efni í frumgerðinni er látinn einfalt til að virkja.

Hér er hvernig ...

02 af 03

Hvernig Til Skapa Lóðrétt Skrun Innihald í Atomic

Atomic.io

Þú verður fyrst að skrá þig fyrir ókeypis 30 daga reynslu og í lok tímabilsins verður þú kynnt með þremur verðlagningaráætlunum.

Það fyrsta sem þú þarft að vita er allt verkið sem þú verður að gera er í vafranum og forritið er ætlað stranglega í Google Chrome. Þegar þú skráir þig inn verður þú tekinn á verkefnasíðuna . Til að opna forritið skaltu smella á hnappinn Nýtt verkefni .

Þegar viðmótið birtist muntu sjá að það eru takmarkaðar verkfæri, getu til að bæta við síðum og lögum á síðurnar, listblað og, til hægri, samhengisviðkvæmir eiginleikar spjaldið.
Í þessu dæmi byrjaði ég með iPhone 5 forstilltu sem er 320 x 568. Ég opna síðan möppuna sem inniheldur myndirnar sem eru að skruna og draga þá á striga. Þeir voru sjálfkrafa bætt við verkefnið og þú sérð að þeir eru á einstökum lögum ef þú smellir á flipann Lag . Ég valði síðan Arrow tólið (Val), valið mynd og dregur það í nýja stöðu til að bæta við einhverjum bili á milli þeirra. Ég valdi þá allar myndirnar og smelltir á Dreifðu lóðréttu hnappinn á tækjastikunni. Þetta jafnaði á milli myndanna.

Næsta skref er að velja allt efni sem á að skruna og annaðhvort smella á Container hnappinn eða veldu Búa til skrunahluta úr hópnum hnappur skjóta niður. Þegar ílátið er búið til verður þú að sjá það í lagaplöppnum - smelltu á gáminn og dragðu neðra höndina upp á botninn á striga . Smelltu á Preview hnappinn neðst á Properties spjaldið og þetta mun hleypa af stokkunum vafra. Notaðu skrúfhjól músarinnar til að fletta að efninu. Til að fara aftur í verkefnið skaltu smella á Breyta hnappinn neðst til hægri í vafranum.

03 af 03

Hvernig Til Skapa Lárétt Skrun Innihald í Atomic

Atomic.io

Lárétt skrun er jafn auðvelt að ná.

Í þessu tilviki dróðu myndirnar af sér á striga og rak þá á móti hvor öðrum. Með þeim myndum sem valið er smellir ég síðan á topplínuhnappinn til að tryggja að þau samræmist hver öðrum.

Ég hélt síðan niður Shift lyklinum og valið hvert lag á lagaparanum. Með þeim myndum sem valið var, smellti ég á Container hnappinn og í Eiginleikar spjöldum, valinn lárétt í Hegðunarsvæðinu.

Ég prófaði síðan verkefnið í vafra glugga með því að smella á Preview hnappinn.

Þó að ég hafi sýnt hvernig á að búa til einstaka útgáfur af lóðréttri og láréttri flettingu, svo lengi sem þú setur flettanlegt efni í ílát geturðu fengið þessa gáma í sérstökum sviðum skjásins. Til dæmis gæti vefsíða flutt lóðrétt í innihaldsefni í hliðarvalmyndinni og flettir á láréttan hátt efni í skyggnusýningu á sömu síðu. Í raun getur gámur bæði lóðrétt og lárétt skrun fyrir atriði eins og myndatökutæki sem hefur tugi eða svo smámyndir.

Til að læra meira um þessa eiginleika í atomic.io skrá sig út: