Atnaujintame Atomic.io atnaujinime yra priskirti slenkamieji konteineriai
Keletą mėnesių atgal parodžiau, kaip atomic.io gali būti naudojamas prototipo judėjimui. Vienas iš svarbiausių dalykų, kurį aš padariau, buvo "rodyti judesį", o ne palikti jį kliento ar komandos išraiškos yra svarbus. Iš tiesų, tai tapo tokia kritiška, kad scenoje pasirodys visiškai nauja kategorija UX / UI įrankių. Tarp jų - "Apple Keynote", "Adobe Edge Animation", "After Effects" ir "UXPin", kad būtų galima pavadinti keletą. Naujas vaikas blokelyje yra Atomic.io, kuris buvo atvirame beta, kai aš pirmą kartą rašiau apie produktą.
Nepriekaištingas dalykas, susijęs su atviromis beta versijomis, suteikia programinės įrangos gamintojui galimybę rinkti vartotojo atsiliepimus apie funkcijų rinkinį, įskaitant trūkstamas funkcijas, tada pridėti juos prie paraiškos ir juos išbandyti prieš pateikiant komercinę informaciją. Ateities atveju viena iš funkcijų, kurią aš tikrai praleidau, - tai galimybė vertikaliai arba horizontaliai slinkti turinį. Tai galėtų apimti tokius dalykus kaip kortelės, skaidrių demonstravimas arba praktiškai nieko, kurį naudotojas gali spustelėti ar vilkti taikant programos ar svetainės sąsają.
Tai turėjo būti objektas, kurį dauguma vartotojų paprašė, nes šį mėnesį programai buvo pristatyta tik przeglącyjnej konteineriai, ir aš turiu pripažinti, kad prototipų leidžiamas slenkamojo turinio kūrimas nėra lengvas.
Štai kaip …
02 iš 03Kaip sukurti vertikalią slinkties turinį atominėse
Pirmiausia turėsite prisiregistruoti prie nemokamo 30 dienų bandymo ir šio laikotarpio pabaigoje jums bus pateikti trys kainodaros planai.
Pirmas dalykas, kurį reikia žinoti - visas darbas, kurį atliksite, yra naršyklėje, o programa yra skirta "Google Chrome". Kai tik prisijungsite, būsite nukreipti į Projektai puslapis Norėdami atidaryti programą, spustelėkite jąNaujo projekto mygtukas.
Kai pasirodys sąsaja, matysite, kad yra ribotas įrankių skaičius, galimybė puslapiams ir sluoksniui pridėti puslapius, meniu langą ir dešinėje konteksto-priklausomų savybių skydą.Šiame pavyzdyje aš pradėjau su "iPhone 5" išankstiniu nustatymu, kuris yra 320 x 568. Tada atidarykite aplanką, kuriame yra peržiūrimi vaizdai, ir vilkite juos ant drobės. Jie buvo automatiškai pridėti prie projekto ir jūs galite pamatyti, kad jie yra atskiruose sluoksniuose spustelėkite skirtuką Sluoksniai. Tuomet pasirinkau rodyklės įrankį (parinkimas), pasirinkote vaizdą ir vilkė jį į naują poziciją, kad tarp jų būtų tarp vietos. Tada aš atrinkau visus vaizdus ir spustelėję mygtuką Paskirstyti vertikaliai įrankių juostoje. Tai tolygiai išdėstė vaizdus. Kitas žingsnis - pasirinkti visą norimą naršyti turinį ir jį pasirinkti spustelėkite konteinerio mygtuką arba pasirinkite mygtuką "Sukurti slinkties konteinerį" nusileisk. Kai talpykla bus sukurta, ją pamatysite skydelyje Sluoksniai - spustelėkite konteinerį ir vilkite apatinį rankeną aukštyn į drobės apačią. Spustelėkite mygtuką "Peržiūra" skydelio "Ypatybės" apačioje ir paleidus naršyklės langą. Naudokite pelės slinkties ratuką, kad galėtumėte peržiūrėti turinį. Grįžti į savo projektą spustelėkite mygtuką "Redaguoti" naršyklės lango apačioje dešinėje. Horizontalus slinkimas yra taip pat lengva atlikti. Tokiu atveju vilkdami paveikslėlius ant drobės, juos sulankstykite vienas prieš kitą. Pasirinkus atvaizdus, tada spustelėkite mygtuką "Viršus lyginti", kad užtikrintumėte, jog jie visi lygiagreti vienas su kitu. Tada aš nuspaudė "Shift" klavišą ir pasirinko kiekvieną sluoksnį skydelyje "Sluoksniai". Pasirinkus atvaizdus, I spustelėjus konteinerio mygtuką ir, "Properties" skydeliuose pasirinkta Horizontally "Behaviors" srityje. Tada bandiau projektą naršyklės lange, spustelėdamas mygtuką "Peržiūra". Nors aš parodžiau, kaip kurti atskiras vertikalios ir horizontalios skleidžiamos versijos versijas, kol į konteinerį įtraukiate przeglądających turinį, jūs galite turėti šiuos konteinerius atskirose ekrano srityse. Pavyzdžiui, tinklalapis galėjo vertikaliai slinkti turinį šoniniame meniu ir horizontaliai slinkti turinį slidžių demonstravimui tame pačiame puslapyje. Tiesą sakant, konteineryje gali būti vertikaliai ir horizontaliai slinkti elementai, tokie kaip vaizdo rinkiklis, turintis dešimtis ar mažesnių miniatiūrų. Norėdami sužinoti daugiau apie šią funkciją atomic.io patikrinkite: Kaip sukurti horizontalų slinkties turinį atomo
