01 iš 03
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š 03
Kaip 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 prisijungsite, būsite nukreipti į puslapį " Projektai" . Norėdami atidaryti programą, spustelėkite mygtuką Naujas projektas .
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ėdami 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ėkite mygtuką Paskirstyti vertikaliai įrankių juostoje. Tai tolygiai išdėstė vaizdus.
Kitas žingsnis - pasirinkti visą turinį, kurį norite aplankyti, arba spustelėti "Konteinerio" mygtuką arba pasirinkti "Sukurti slinkties konteinerį" iš "Group" mygtuko . Kai talpykla bus sukurta, ją pamatysite skydelyje Sluoksniai - spustelėkite talpyklą ir vilkite apatinį rankeną aukštyn į drobės apačią . Skydas "Savybės" apačioje spustelėkite mygtuką "Peržiūra" ir paleiskite naršyklės langą. Naudokite pelės slinkties ratuką, kad galėtumėte peržiūrėti turinį. Norėdami grįžti į savo projektą, spustelėkite mygtuką Redaguoti naršyklės lango apačioje dešinėje.
03 iš 03
Kaip sukurti horizontalų slinkties turinį atomo
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 vaizdus, aš spustelėjau Konteinerio mygtuką , o savybės skydeliuose pasirinkta Horizontally , veikimo 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:
- Dienoraščio skelbimas
- Scrolling container tutorial
- Maskavimas naudojant konteinerius
- Trikčių diagnostika ir slinkimo konteineriai