01 no 03
Jaunākais Atomic.io atjauninājums ietver rullējamus konteinerus
Dažus mēnešus atpakaļ es parādīju, kā atomic.io var izmantot, lai izveidotu kustības prototipu . Viens no galvenajiem punktiem, ko es izgatavoju šajā darbā, bija "demonstrējot kustību", nevis atstājot to klienta vai komandas iztēli. Patiesībā tas ir kļuvis tik kritisks, ka uz skatuves parādās jauna kategorija UX / UI rīkus. Tajos ietilpst - Apple Keynote, Adobe Edge Animate, After Effects un UXPin , lai nosaukt dažus. Jaunais puisis bāzē ir Atomic.io, kas bija atvērta beta, kad es pirmo reizi rakstīju par produktu.
Nepareiza lieta par atklātajām beta versijām ir tas, ka programmatūras ražotājam ir iespēja apkopot lietotāju atsauksmes par funkciju kopumu, tostarp trūkstošās funkcijas, un pēc tam tos pievienot lietojumprogrammai un pārbaudīt tos pirms komerciālās izlaišanas. Attiecībā uz atomu, viena iezīme, man patiešām bija garām, bija spēja ritināt saturu vertikāli vai horizontāli. Tas varētu ietvert tādas lietas kā kartes, slaidrādes vai praktiski jebkas, ko lietotājs pavirzītos vai velkot lietotnes vai vietnes saskarnes robežās.
Tam jābūt tādam, kādam daudzi lietotāji tika lūgti, jo šajā mēnesī lietotnei tikko tika ieviesti ritināmie konteineri, un man jāatzīst, ka prototipa radīšanai ritināms saturs ir vienkāršs, lai iespējotu.
Lūk, kā ...
02 no 03
Kā izveidot vertikālu ritināšanu saturs atomu
Vispirms jums būs jāpierakstās bezmaksas 30 dienu izmēģinājuma versijā, un šī perioda beigās jums tiks piedāvāti trīs cenu plāni.
Pirmā lieta, kas jums jāzina, ir viss jūsu paveiktais darbs pārlūkprogrammā, un lietotne ir paredzēta Google Chrome tīri. Kad esat pieslēdzies, jūs tiksiet novirzīts uz lapu Projekti . Lai atvērtu lietotni, noklikšķiniet uz pogas Jauns projekts .
Kad būs redzams interfeiss, jūs redzēsiet, ka ir ierobežots rīku skaits, iespēja lapās, mākoņdatnē un labajā pusē pievienot kontekstjūtīgo rekvizītu paneli lapām un slāņiem.
Šajā piemērā es sāku ar iPhone 5 sākotnējo iestatījumu, kas ir 320 x 568.I tad atveriet mapi, kurā ir attēli, kurus vēlaties aplūkot, un velciet tos uz audekls. Tie tika automātiski pievienoti projektam, un jūs varat redzēt, ka tie atrodas atsevišķos slāņos, noklikšķinot uz cilnes Slāņi . Tad es izvēlējos bultiņas rīku (izvēle), izvēlējos attēlu un velc to uz jaunu pozīciju, lai pievienotu atstarpi starp tām. Pēc tam es atlasīju visus attēlus un rīkjoslā noklikšķināja uz pogas Izkliedēt vertikāli . Tas vienmērīgi novietoja attēlus.
Nākamais solis ir izvēlēties visu pārlūkošanas saturu un noklikšķināt uz pogas Konteineris vai atlasīt Izveidot ritināšanas konteineru no grupas pogas uz leju. Kad konteiners ir izveidots, tas redzēsies paneļa Slāņi - noklikšķiniet uz konteinera un velciet apakšējo rokturi uz augšu uz audekla apakšdaļu . Opciju paneļa apakšdaļā noklikšķiniet uz pogas Priekšskatīt, un tas palaiž pārlūkprogrammas logu. Izmantojiet peles ritināšanas ritenīti, lai ritinātu saturu. Lai atgrieztos jūsu projektā, pārlūka loga apakšējā labajā stūrī noklikšķiniet uz pogas Rediģēt .
03 no 03
Kā izveidot horizontālu ritināšanas saturu atomu
Horizontālā ritināšana ir tikpat vienkārša.
Šajā gadījumā vilka uz attēlu kanālu virkni attēlu un tos satīra viens pret otru. Izvēloties attēlus, es pēc tam noklikšķiniet uz pogas Augšējā izlīdzināšana, lai pārliecinātos, ka tie visi ir saskaņoti viens ar otru.
Tad es turēju nospiestu Shift taustiņu un izvēlējos slāni paneļa Slāņi. Ar atlasītajiem attēliem es noklikšķināju uz konteinera pogas un rekvizītu paneļos izvēlējās Horizontāli darbības režīmā .
Pēc tam es to izmēģināju pārlūka logā, noklikšķinot uz pogas Priekšskatījums.
Lai gan es ir parādījis, kā izveidot atsevišķas vertikālās un horizontālas ritināšanas versijas, kamēr jūs ievietojat rullējamo saturu konteinerā, šos konteinerus varat ievietot atsevišķās ekrāna vietās. Piemēram, tīmekļa lapā var būt vertikāli ritināms saturs sānu izvēlnē un horizontāli ritināms saturs slaidrādē tajā pašā lapā. Faktiski konteiners var būt gan vertikāli, gan horizontāli ritinot priekšmetus, piemēram, attēlu atlasītāju, kuram ir desmiti vai mazāk sīktēli.
Lai uzzinātu vairāk par šo funkciju atomic.io pārbaudiet:
- Emuāra paziņojums
- Ritināšanas konteinera apmācība
- Maskēšana, izmantojot konteinerus
- Ritināšanas konteineru traucējummeklēšana