01 03
Uusim Atomic.io värskendus sisaldab kerimisriba konteinereid
Paar kuud tagasi nägin, kuidas atomic.io saab kasutada liikumise prototüübi jaoks . Üks peamistest punktidest, mida ma teosedes tegi, oli "liikumiseks esitamine", selle asemel, et jätta see kliendi või meeskonna kujutlusvõimalusi oluliseks. Tegelikult on see muutunud nii kriitiliseks, et UX / UI tööriistade uus kategooria ilmub stseenile. Nende hulgas on - Apple Keynote, Adobe Edge Animate , After Effects ja UXPin . Uues poisis plokkis on Atomic.io, mis oli avatud beetaversioonis, kui ma esimest korda toote kohta kirjutasin.
Puhas asi avatud beetates on see, et nad annavad tarkvaratootjale võimaluse koguda kasutajate tagasisidet funktsiooni komplekti, sealhulgas puuduvate funktsioonide kohta, seejärel lisada need rakendusse ja neid testida enne kommertskasutusele saatmist. Aatomite puhul oli üks omadus, mida ma tõesti vahele jätnud, oli võime sisu sirvida vertikaalselt või horisontaalselt. See võib sisaldada selliseid asju nagu kaardid, slaidiseansid või peaaegu kõik, mida kasutaja pühib või lohista rakenduse või saidi liidese piiridesse.
See peaks olema teema, mida palusid paljud kasutajad, sest sellel kuul lisati rakendusele lihtsalt keritavaid konteinereid ja pean tunnistama, et prototüübis keritav sisu on lihtsalt lihtne sisestada.
Siin on ...
02 03
Kuidas luua vertikaalselt keritav sisu aatomil
Peate esmalt registreeruma tasuta 30-päevase prooviversiooni jaoks ja selle perioodi lõpus esitatakse teile kolm hinnakava.
Esimene asi, mida pead teadma, on kogu töö, mida teete, on brauseris ja rakendus on rangelt suunatud Google Chrome'ile. Kui olete sisse loginud, viiakse teid projektide lehele. Rakenduse avamiseks klõpsake nupul Uus projekt .
Kui kuvatakse liides, näete, et seal on piiratud arv tööriistu, võime lisada lehti, töölaua ja paremal asuvate lehtede ja kihtide kontekstitundlikke omaduste paneeli.
Selles näites alustasin iPhone 5 eelseadistusega, mis on 320 x 568.Ma siis avan kaust, mis sisaldab pilte, mida tuleb kerida, ja lohistage need lõuendile. Need lisati automaatselt projekti juurde ja näete, et nad asuvad üksikutel kihtidel, kui klõpsate vahekaardil Kihid . Seejärel valisin nooleklahvi (Valik), valisin pildi ja lohistas selle uuele positsioonile, et lisada nende vahel veidi ruumi. Seejärel valisin kõik pildid ja klõpsasin tööriistariba nupul Laiali vertikaalselt . See näitab pilte ühtlaselt.
Järgmine samm on valida kogu sisu, mida soovite kerida, ja kas klikkige konteineri nupul või valige loendist Loo kerimisrihma konteiner . Kui konteiner on loodud - näete seda paneelil Kihid - klõpsake konteinerit ja lohistage lõuendi alt üles althoidikut ülespoole . Klõpsake Atribuutide paneeli allosas oleval nupul Eelvaade ja see käivitab brauseri akna. Sisu sirvimiseks kasutage hiire kerimisratast. Projekti naasmiseks klõpsake brauseriakna all paremal asuval nupul Muuda .
03 03
Kuidas luua horisontaalse kerimisriba Atomic
Horisontaalne kerimine on sama lihtne.
Sellisel juhul lohistasid lõuendile rea pilte ja vaatasid need üksteise vastu. Valitud piltide puhul klõpsa seejärel nupul Top Align, et need kõik oleksid üksteisega joondatud.
Seejärel hoidsin Shift klahvi all ja valisin kõik kihid paneelis Kihid. Valitud piltidega klõpsasin konteineri nupule ja omaduste paneelides valisite toimingute alal Horisontaalselt .
Seejärel proovisin projekti brauseri aknas, klõpsates nuppu Eelvaade.
Kuigi ma olen näidanud, kuidas luua vertikaalse ja horisontaalse kerimise üksikversioone, nii kaua, kui paned kerimisriba konteinerisse, saate neid konteinereid ekraani erinevates piirkondades. Näiteks võib veebilehel olla külgmenüüga vertikaalselt keritav sisu ja samal lehel oleval slaidiseansil horisontaalselt keritav sisu. Tegelikult võib konteineril nii vertikaalselt kui ka horisontaalselt kerida objekte, näiteks pildi valijat, millel on tosin või vähem pisipilte.
Selle funktsiooni kohta lisateabe saamiseks vaadake atomic.io:
- Blogi teadaanne
- Konteerija juhendaja kerimine
- Mastiks, kasutades konteinereid
- Kerimise konteinerite veaotsing