01 of 03
Ny fanavaozana farany amin'ny Atomic.io farany dia ahitana container scrollable
Volana vitsy lasa izay dia nasehoko ny fomba atomic.io azo ampiasaina amin'ny prototype motion . Ny iray amin'ireo teboka lehibe nataoko tao anatin'ilay lahatsoratra dia zava-dehibe tokoa ny "maneho fihetsiketsehana" fa tsy mamela izany amin'ny mpanjifa na ny eritreritry ny ekipa. Raha ny tena izy, dia nanjary nanakiana mafy ny fisian'ny karazana sokajy UX / UI vaovao eo amin'ny sehatra. Anisan'izany ny - Apple Keynote, Adobe's Edge Enimate, After Effects ary UXPin , mba hanonona anaran'olona vitsivitsy. Ny zaza vaovao ao amin'ilay birao dia Atomic.io izay tao amin'ny beta misokatra rehefa nosoratako voalohany momba ny vokatra.
Ny zavatra tsara momba ny pensilihazo misokatra dia manome ny mpamokatra rindrambaiko ny fahafahana hanangona fanehoan-kevitra avy amin'ny mpampiasa momba ny fanangonana azy ireo, anisan'izany ireo tsy hita ireo, ary avy eo ampidiriny amin'ny fampiharana ary efa nosedraina izy ireo talohan'ny famoahana ara-barotra. Raha ny zava-misy atomika, ny zavatra iray tena tsy fantatro dia ny fahafahana handefa ny votoaty amin'ny sehatra na horita. Izany dia mety ahitana karazan-javatra toy ny karatra, fampisehoana na zavatra hafa izay mety hitan'ny mpampiasa na hitifitra ao anatin'ny faritry ny interface na ny interface.
Io dia tokony ho foto-kevitra maro no nangatahan'ireo mpisera satria satria nampidirina amina fampiharana fotsiny tamin'ity volana ity ny tahirin-kevitra azo henoina, ary tsy maintsy ekeko fa ny famoronana ny votoaty azo henoina amin'ny prototype dia maty tsotra mba hahafahana miditra.
Toy izao ny fomba ...
02 of 03
Ahoana ny fomba hamoronana votoaty miresaka mivantana amin'ny atomika
Mila manoratra aloha ianao ho an'ny fitsarana maimaim-poana 30 andro, ary amin'ny faran'io vanim-potoana io, dia haseho amin'ny drafitra telo teti-bola ianao.
Ny zavatra voalohany tokony ho fantatra dia ny asa rehetra ataonao dia ao anaty navigateur ary ny app dia mikendry manokana ao amin'ny Google Chrome. Rehefa tafiditra ao ianao dia hoentina any amin'ny pejy Projects . Mba hanokafana ilay rindrambaiko dia tsindrio ny bokotra Project vaovao .
Rehefa miseho ny interface dia ho hitanao fa misy fitaovana voafetra maromaro, ny fahafahana mametraka pejy sy sarimihetsika ho an'ireo pejy, ny artboard ary, eo ankavanana, ny tranonkala fanehoana mifandraika mifandraika.
Amin'ity ohatra ity dia nanomboka tamin'ny alalan'ny presbyanin'ny iPhone 5 izay 320 x 568 aho. Avy eo aho dia manokatra ny lahatahiry misy ny sary hotsipihina ary hampidira azy ireo eo amin'ny lamba. Nampidirina am-panandramana ny tetikasa izy ireo ary afaka mahita ianao fa eo amin'ny sarangan'olona tsirairay izy ireo raha tsindrio ny tablety Layers . Avy eo aho dia nisafidy ny fitaovana Arrow (Selection), dia nisafidy sary iray ary nitarika azy ho any amin'ny toerana vaovao mba hanampiana toerana kely misy azy. Avy eo aho dia nisafidy ny sary rehetra ary nizara ny bokotra Distribute Vertically tao amin'ny doka. Izany dia nanamontsana ny sary.
Ny dingana manaraka dia ny fisafidianana ny votoaty rehetra hotsimbinina ary na tsindrio ny bokotra Container na tsindrio ny Create Container Scroll avy amin'ny bokotra Group alefa. Raha vao noforonina ilay container - dia ho hitanao ao amin'ny tontonana Layers - tsindrio ny fitoeran-javatra ary tsindrao ny fingotra etsy ambany ka hatrany ambany amin'ny lamba . Tsindrio ny bokotra "Preview" ao amin'ny tontolon'ny Properties Panama ary ity dia hanokatra varavarankala fanovana. Ampiasao ny horonan-tsarin'ny totozy handeminao ny horonan-tsary. Raha te hiverina amin'ny tetikasanao ianao, dia kitiho ny bokotra Edit eo ambany ankavanana amin'ny varavarankala.
03 of 03
Ahoana ny fomba hamoronana votoatin'ny horonantsary amin'ny atomika
Ny horonam-peo horonan-tsary dia mora atao.
Tamin'ity tranga ity dia nitarika andian-tsary maromaro tao amin'ny lamba ary nanohitra azy ireo. Miaraka amin'ireo sary voafantina dia tsindrio ny bokotra Top Align mba ahafahan'izy ireo mifampiankina.
Nosakanako avy eo ny fanalahidin'ny fikandrana ary nofafako ny habe tsirairay tao amin'ny tontonana Layers. Miaraka amin'ireo sary voafantina dia nidirako ny bokotra Container ary , ao amin'ny fonosana fananana, dia nofidina horonan-tsarimihetsika ao amin'ny faritra fihetsika.
Avy eo dia nizaha ny tetikasa tao amin'ny varavarankidin'ny tranonkala iray aho tamin'ny fipihana ny bokotra Preview.
Na dia efa naneho ny fomba famoronana ny dikan-teny tsirairay amin'ny horonan-tsarimihetsik'i Vertical sy Horizontal aza aho, raha toa ka apetrakao ao anaty container ny votoatiny azo avaozina, dia azonao atao ny manana containers amin'ny sehatra samihafa amin'ny efijery. Azonao atao, ohatra, ny pejin-tranonkala iray raha afaka mamaky ny votoatiny ao amin'ny menus sy ny horonan-tserasera amin'ny horonan-tsarimihetsika amin'ny seho an-tsehatra. Raha ny marina, ny container iray dia afaka manana horonam-peo avo lenta sy horizontaly amin'ny singa toy ny sary iray mpaka sary izay misy tsingerim-bolana na toy izany.
Raha te hianatra bebe kokoa momba ity endri-javatra ity amin'ny atomic.io dia jereo hoe:
- Ny fanambarana amin'ny bilaogy
- Scrolling container tutorial
- Masking using Containers
- Fanodinkodinam-panadinana fanodinana scrolling containers