01 nan 03
Dènye Atomic.io Mizajou a gen ladan Containers Scrollable
Yon kèk mwa tounen mwen te montre ki jan atomic.io ka itilize pwototip mouvman . Youn nan pwen kle yo mwen te fè nan moso a te "montre mouvman" olye ke kite li nan imajinasyon kliyan an oswa nan ekip la enpòtan. An reyalite, sa a te vin tèlman kritik ke yon antye nouvo kategori nan UX / UI zouti ap parèt sou sèn nan. Yo gen ladan yo - Apple imatrikilasyon, Adobe a Edge Animate, Apre Efè ak UXPin , nan non yon kèk. Jenn ti kabrit la nouvo sou blòk la se Atomic.io ki te nan beta louvri lè mwen te premye ekri sou pwodwi a.
Bagay la pwòp sou beta louvri se yo bay manifakti a lojisyèl opòtinite nan kolekte fidbak itilizatè sou seri a karakteristik, ki gen ladan karakteristik ki manke, epi ajoute yo nan aplikasyon an epi fè yo teste anvan lage nan komèsyal yo. Nan ka atomik, yon sèl karakteristik mwen reyèlman rate te kapasite nan woulo liv kontni vètikal oswa orizontal. Sa a ka gen ladan bagay sa yo tankou kat, montre glise oswa pratikman anyen yon itilizatè ta glise oswa trennen nan limit yo nan koòdone yon nan la oswa sit la.
Sa a yo dwe te yon sijè yon anpil nan itilizatè yo mande pou paske veso ki gen woule yo te jis prezante nan app a mwa sa a, epi, mwen dwe admèt, kreye kontni woule nan pwototip a se mouri senp yo ki ap pèmèt.
Men ki jan ...
02 nan 03
Kijan Pou Kreye Vètikal defilman defile nan atomik
Ou pral bezwen premye enskri pou yon gratis 30 jou jijman epi, nan fen peryòd sa a, ou pral prezante ak twa plan prix.
Premye bagay ou bezwen konnen se tout travay la ou pral fè se nan navigatè a epi li se app a ki vize estrikteman nan Google Chrome. Yon fwa ou antre nan, ou pral pran nan Pwojè paj la. Pou ouvri app a, klike sou bouton pwojè Pwojè a .
Lè koòdone a parèt ou pral wè gen yon kantite limite nan zouti, kapasite nan ajoute paj ak kouch nan paj sa yo, atizay la ak, sou sou bò dwat la, yon panèl pwopriyete kontèks-sansib.
Nan egzanp sa a, mwen te kòmanse ak yon priz iPhone 5 ki se 320 x 568.I Lè sa a, louvri katab la ki gen imaj yo yo dwe defiled ak trennen yo sou twal la. Yo te otomatikman ajoute nan pwojè a epi ou ka wè yo sou kouch endividyèl si ou klike sou tab la kouch . Lè sa a, mwen chwazi zouti a Arrow (Seleksyon), chwazi yon imaj ak trennen l 'nan yon nouvo pozisyon yo nan lòd yo ajoute kèk espas ant yo. Lè sa a, mwen chwazi tout imaj yo epi klike sou Distribye Vètikal bouton sou ba ikòn nan. Sa a respire espace zidòl yo.
Pwochen etap la se yo chwazi tout nan kontni an yo dwe defiled ak swa klike sou bouton an Container oswa chwazi Kreye Scroll Container soti nan bouton an Gwoup pòp desann. Yon fwa veso a kreye - ou pral wè li nan panèl la Kouch - klike sou veso a ak trennen anba a manch egal nan pati anba a nan twal la . Klike sou bouton an Preview nan pati anba a nan panèl la Pwopriyete ak sa a pral lanse yon fenèt navigatè. Sèvi ak wou woule sourit ou a woulo liv kontni an. Pou retounen nan pwojè ou a, klike sou bouton an Edit nan dwa anba a nan fenèt navigatè a.
03 nan 03
Kijan Pou kreye kontni orizontal defile nan atomik
Orizontal defile se jis kòm fasil akonpli.
Nan ka sa a, trennen yon seri de imaj sou twal la ak butted yo kont youn ak lòt. Avèk imaj yo chwazi, mwen Lè sa a, klike sou bouton an alyaj Top asire yo tout ki aliyen youn ak lòt.
Mwen Lè sa a, ki te fèt desann kle a chanjman ak chwazi chak kouch nan panèl la Kouch. Avèk imaj yo chwazi, mwen klike sou bouton an Container , epi , nan panno yo pwopriyete, chwazi Horizontal nan zòn nan Konpòtman.
Lè sa a, mwen teste pwojè a nan yon fenèt navigatè pa klike sou bouton an Preview.
Menm si mwen te montre ki jan yo kreye vèsyon endividyèl nan defile vètikal ak orizontal, osi lontan ke ou mete kontni an defilman nan yon veso, ou ka gen sa yo kontenè nan zòn separe nan ekran an. Pou egzanp, yon paj wèb te kapab gen vètikal defile kontni nan yon meni bò ak orizontal defile kontni nan yon montre glise nan menm paj la. An reyalite, yon veso ka gen toude vètikal ak orizontal defile pou atik tankou yon piker imaj ki gen yon douzèn oswa konsa thumbnails.
Pou aprann plis sou karakteristik sa a nan atomic.io tcheke deyò:
- Anons Blog la
- Dosye leson patikilye defile
- Masking lè l sèvi avèk kontenè yo
- Depanaj déroulant kontenè