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 03Kā 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 Projekti lappuse. Lai atvērtu lietotni, noklikšķiniet uzJauna projekta poga.
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 ir atsevišķos slāņos noklikšķiniet 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. Tad es atlasīju visus attēlus un noklikšķinot uz pogas Izkliedēt vertikāli rīkjoslā. Tas vienmērīgi novietoja attēlus. Nākamais solis ir izvēlēties visu pārlūkošanas saturu un vienu no tiem noklikšķiniet uz Konteksta pogas vai izvēlieties Create Scroll Container no grupas pogas pop uz leju. Kad konteiners ir izveidots, tas tiks parādīts panelī Slāņi - noklikšķiniet uz konteinera un velciet apakšējo rokturi uz augšu uz auduma apakšdaļu. Noklikšķiniet uz pogas Priekšskatīt paneļa Properties apakšdaļā un tas palaidīs pārlūkprogrammas logu. Izmantojiet peles ritināšanas ritenīti, lai ritinātu saturu. Lai atgrieztos jūsu projektā, noklikšķiniet uz pogas Rediģēt pārlūka loga apakšējā labajā stūrī. 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. Izvēloties attēlus, noklikšķinājis uz konteinera pogas un, rekvizītu paneļos atlasīts horizontāli uzvedības zonā. 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: Kā izveidot horizontālu ritināšanas saturu atomu
