01 of 09
Ahoana ny fomba hahalalanao ny tenanao miaraka amin'i UXPin
Rehefa mifindra any amin'ny sehatry ny famolavolana finday isika, ny drafitra fampiharana sy ny famolavolana mamaly dia nitombo hatrany ny fifantohana amin'ny UX (User Experience) sy ny filaharam-baovaon-drakitra, ny prototyping interactives sy ny mockups. Misy fitaovam-pahaon-tsavily iray any, izay mikendry an'io tohotra io, ary mihazakazaka tanteraka ny gamut avy amin'ny sarintany, mampiavaka ny behemoths mba hilalao sy hilamina. Iray amin'ireo fitaovana izay nahasarika ny masoko dia UXPin tsotra fotsiny satria namboarin'ireo mpanakanto ho an'ny mpamorona.
Alohan'ny handehananay ... fanasan-doha. Raha anao ny fikambanana iray izay manolotra ny rindrambaiko dia tsy ho anao ny UXPin. Ny asa rehetra natao tamin'ity app ity dia natao tao amin'ny tranonkala ary ny tetikasam-pamokarana dia voavonjy ao amin'ny kaontinao.
Raha te-hanomboka amin'ny UXPin ianao dia manangana mpitety tranonkala iray ary mitarika any amin'ny UXPin. Avy eto dia afaka manasonia ny Free Trial ianao na mandamina planina isam-bolana mifototra amin'ny filàna efa nomaninao. Ny dingam-panaovan-tsonia dia mora ary raha vao nametraka ny anaranao sy ny Password ianao, dia vonona ny hanomboka ianao.
02 of 09
Ny fomba hanombohana tetikasa iray amin'ny UXPin
Rehefa miditra ao anatinao ianao dia tonga any amin'ny Dashboard ary afaka manapa-kevitra ny hamorona drafitra vaovao, tetikasa vaovao na tetikasa Responsive Web Design avy any. Misy plug-ins ihany koa ho an'ny UXPin izay hamela anao hitondra ny tetikasanao Photoshop na Sketch. Ho an'ity aho dia hanangana faneva miaraka amin'ny lahatsoratra ary hampiditra bokotra mailaka ho an'ny faneva. Mba hanatanterahana izany dia nofantenako Mamorona drafitra vaovao aho.
03 of 09
Ahoana ny fampiasana ny UXPin Interface
Ny Design Surface dia tapaka ho faritra efatra. Ao amin'ny faritra mainty any an-ankavia dia fitaovana maromaro ahafahanao miverina ao anaty tabilao, sokafy ny Elements izay hampiasainao, sokafy ny tontolon'ny Smart Elements, mikaroha ireo singa, ampidiro ny pejy ary ampio ny ekipan'ny ekipa. Ao amin'ny farany ambany dia bokotra iray izay manokatra lesona fohy, iray hafa ahafahanao miditra ao amin'ny kaontinao ary olon-kafa izay miditra ao amin'ny FAQ, dia mametraka fanontaniana ianao ary manome valiny mihitsy aza.
Ao amin'ny faritra manga eo an-tampony dia fitaovana sy fananana. Ny bokotra mena eo amin'ny ilany ankavanana dia mamela anao hametraka ny endritsoratra, manitsy ny sehatry ny tetikasa, mizara ny pejy ary manao simulation amin'ny tranokala.
Ny tontonana Elements dia toerana izay ahazoanao ny bits sy ny ampahany amin'ny Design Surface, ny anaranao ny tetikasa ary manampy na manala pejy.
Ny tranomboky Elements dia mahatalanjona mahafinaritra ho an'ireo mpanamboatra UX. Ity pop pop-boky ity dia mamela anao hisafidy avy amin'ny tranokala 30 miainga avy amin'ny iOS ka hatramin'ny Android Lolipop. Azonao atao koa ny miditra ao amin'ny bootstrap sy ny fototra fonosana miaraka amin'ireo sary misongadina Font Awesome, sary famantarana Gesture ho an'ny finday sy ny fanangonana Social Widgets.
04 of 09
Ahoana ny fametrahana singa iray amin'ny pejy UXPin
Mba hanombohana dia notaritiko ny endriky ny Vatabe ho eo amin'ny endriky ny sehatra ary rehefa manokatra ny toto aho dia manokatra ny tontonana Properties . Ny bokotra Properties dia ahafahanao manonona ny singa sy mametraka ny lanjan'ny elatra havanana sy ny soatoavina. Azonao atao koa ny manampy ny fonosana amin'ny elanelana, manalavitra ny zorony ary manitsy ny endriny. Ny fanindriana ny bokotra Color ondana dia manokatra mpikaroka RGBA.
Azonao atao koa ny mandefa ny sisiny, ny sisiny ary ny lamina ho an'ny singa voafantina. Ny baolina matevina dia manome anao ny fahafahana mampiditra fifandraisana amin'ny singa mifidy.
05 of 09
Fomba Add and Text Text amin'ny UXPin
Ampidiro ny lahatsoratra amin'ny endritsoratra ny lahatsoratra ary ampidiro ny lahatsoratra. Tsindrio ny bokin'ny Tetikasa Famoronana mba hanokafana ny endriky ny Font ary hamolavola ny lahatsoratrao. Raha mila baoritra mipetaka amin'ny lahatsoratra ianao dia ampio andalana iray ary tsindrio ny bokotra GENERATE LOREM IPSUM ao amin'ny properties Font.
06 of 09
Ahoana ny fametrahana sary iray mankany amin'ny pejy UXPin
Misy fomba roa hanatanterahana io asa io. Azonao atao ny mampiasa ny Image Tool ao amin'ny pikantsary, ampidiro singa iray ao amin'ny Tranomboky na tsindrio fotsiny ny sary avy eo amin'ny biraonao eo amin'ny sehatra eo amin'ny tontonana, araka ny aseho etsy ambony.
07 of 09
Ahoana ny fametrahana ny bokotra ho an'ny pejy UXPin
Na dia misy singa bokotra aza, miditra " Button " ao amin'ny faritra Search , araka izay aseho etsy ambony, dia manokatra ny bokotra rehetra hita ao amin'ny Libraries rehetra. Tadiavo ilay iray izay miasa ho anao eo amin'ny sehatry ny design ary ampiasao ny Properties hanova ny loko, ny endritsoratra, ary na dia ny Radion'ny sisiny aza. Raha hanova ny lahatsoratra ao anaty bokotra dia kitiho indray mandeha ao anaty lahatsoratra ary midira ao amin'ny lahatsoratra vaovao.
08 of 09
Fomba hanampiana ny interactivité amin'ny pejy UXPin
Tsy dia sarotra izany satria mety hipoitra voalohany izany. Ho an'ny fampidirana imailaka, nampidiriko ny singa fampidirana, nanamboatra azy, niditra ny lahatsoratra ary nanoratra ny lahatsoratra. Miaraka amin'ny singa Input izay voafidy dia tsindrio ny bokotra Properties ary raha toa ka manindry ny bokotra Visibility ny singa Element - ny eyeball - eo amin'ny zoro havanana amin'ny tontonana ambony.
Misafidiana ny bokotra ary tsindrio ny bokotra Interactions - ny baolina mirefotra - ao amin'ny trano. Rehefa misokatra ny tontonana Interactions dia fidio ny New Interaction. Misafidiana Klick avy amin'ny Trigger pop-up. Ao amin'ny faritra Action dia sokafy Show Element. Hangataka anao ianao hoe inona avy ny singa naseho. Tsindrio indray mandeha amin'ny gunsite ary kitiho ny singa Input. Amin'io tarika io dia azonao atao ny mamaritra raha tsy manaitra ilay singa ianao. Amin'ity tranga ity dia nanapa-kevitra ny hampiseho ny boaty Input amin'ny fomba tsotra aho ary nandeha niaraka tamin'ny isa 300ms.
Te-hanana ny bokotra ihany koa aho handefa sary eo amin'ny 65 pixels eo ankavanana raha henoina. Nisafidy ilay bokotra aho, ary nanokatra ny fifandraisana Interactions sy ny New Interaction voafantina. Nampiasa ireto fanovàna ireto aho:
- Trigger : Click
- Hetsika: Move By
- Move Direction : 65 px eo amin'ny x x
- Animation : Linear
- Duration: 300 ms
Raha hanaisotra fifanakalozan-kevitra ny singa ary sokafy ny panoharana fanakanana. Mifidiana fifandraisana eo amin'ny tontonana ary tsindrio ny Trash Can hamafa azy.
09 of 09
Ahoana ny fisedrana ny pejy ao amin'ny UXPin
Noho ny zava-misy dia miasa mora foana ianao. Kitiho ny bokotra simulation . Ny pejy dia misokatra amin'ny tranokala ary azonao atao ny manandrana fomba. Hisy ihany koa ny tafatafa manampy amin'ny lafiny havia amin'ny pejy izay mamela ny fanehoan-kevitra, Site Map raha misy pejy maromaro, Testing Usability, Live Sharing, Fanovana ary fiverenana ao amin'ny Dashboard.
Ao amin'ny faran'ny pejy dia sehatra kely kely iray ahafahanao mampiseho ny singa interactif, mampiseho na manafina fanehoan-kevitra ary mizara ny rohy amin'ny tetikasa amin'ny hafa.