01 ye 09
Zvaungaita Kuti Uzviite Nawo UXPin
Sezvatinoenda kunharaunda yekugadzirwa kwemafaira, mapurogiramu ekugadzira uye kugadzirisa mafungiro pane zvave zvichiwedzerwa kuUX (User Experience) uye wireframing , prototyping interactive uye mockups. Kune toni yezvigadzirwa kunze uko inotarirwa niche ino uye inomhanya gamut yakakwana kubva kune yakaoma, zvinyorwa zvinosungirirwa zvikafu zvishoma uye zvisingabatsiri. Chimwe chezvigadzirwa zvakabata maziso angu ndeyeUXPin nokuti yakagadzirwa nevakagadziri vezvigadziri.
Tisati taenda mberi ... a caveat. Kana yako iri sangano rinosarudza kuva neyo software ipapo UXPin haisi iwe. Zvose zvebasa iri rinoitwa muchibvumirano uye mapurojekiti aunoponesa akachengetedzwa ku-akhawunti yako.
Kuti utange neUXPin unotanga shanduro uye musoro kuUXPin. Kubva pano iwe unogona kusayina Test Free kana kuronga hurongwa hwegore negore zvichienderana neunotarisirwa. Chiratidzo chekugadzirisa zviri nyore nyore uye kana waisa zita rako rekushandisa uye Password, wako wakagadzirira kutanga.
02 of 09
Nzira Yokutanga A Project muUXPin
Paunopinda mauri unosvika paDashboard uye, kubva apa unogona kusarudza kugadzira wireframe itsva, mushandi mutsva webasa kana Responsive Web Design project. Panewo mahwendefa eUXPin ayo achakubvumira kuti uuye neWindowshop kana mapurojekiti eSketch. Nokuda kweizvi Ndingaita sei kuti ndigadzire bhaniri nemamwe mavara uye kuwedzera e-mail bhodha kumabhanhire. Kuti ndiite izvi ndakasarudza Ita wero wireframu itsva.
03 of 09
Nzira Yokushandisa Kushandura UXPin
Iyo Yakagadziriswa Yakagadzirwa inoputswa munzvimbo ina. Munzvimbo yakasviba kune kuruboshwe ndezvimwe zvidimbu zvinokubvumira kudzokera kune dashboard, zarura Zvinhu zvaunoshandisa, shandisa pombi yeS smart Elements, tsvaga zvinhu, uwedzere manotsi peji uye uwedzere nhengo dzeboka. Pasi pane bhatani rinotanga dzidzo shoma, imwe iyo inokubvumira kuti uwane iyo yekanda yako uye imwe iyo inopinda FAQ, regai mubvunze mibvunzo uye kunyange kupa mhinduro.
Munharaunda yebhuruu iri kumusoro ndeyezvidimbu zvezvigadzirwa uye nzvimbo. Zvisungo zvakasviba kurutivi rworudyi zvinokubvumira kuti udzokezve kugadzira kwako, gadzirisa zvirongwa zveprojekiti, shandisa peji uye uite mu-mushandisi kuenzanisa peji.
Paneji yeZviro ndiyo iyo iwe unobata bits uye zvidimbu zveGadzira Surface, tumidza zita rako basa uye uwedzere kana kubvisa mapeji.
Bhuku rezvinhu rezvinhu zvinoshamisa kushamiswa kweUX designers. Iyi pop pasi inokubvumira kusarudza kubva kumabhararare anony 30 kubva kuIOS kusvika kuLootop Lolipop Uyewo iwe unokwanisa kuwana zvinhu zveBootstrap uye Foundation pamwechete neMifananidzo yeAwesome Awesome, zviratidzo zveGesheni zvemafoni uye kuunganidza kweSocial Widgets.
04 of 09
Sei Kuwedzera An Element To A UXPin peji
Kuti nditange ndakagumbusa Bhokisi chekuvhara kunzvimbo yekugadzira uye, kana ini ndasunungura mouse, yeParten panel inotanga. Bhokisi reIpa Properties rinokutumira zita rokuti ichocho uye unogadzirisa humwe humwe hupamhi hwepamusoro uye hutsika huno. Iwe unogonawo kuwedzera padding kune chinhu chacho, kumativi ose kumakona uye kugadzirisa kugona kwayo. Kushandura Mutsetse Wemukati Muvhura unotanga RGBA muvaraidza.
Iwe unogonawo kuisa faira, muganhu uye muenzaniso kune yakasarudzwa chinhu. Chiedza chekuvhenekera chinokupa kukwanisa kuwedzera kupindirana kune chimwe chinhu chakasarudzwa.
05 of 09
Nzira Yokuwedzera Uye Kukurukura Nheyo MuUXPin
Kuti uwedzere rugwaro, dhonza chinhu chemashoko kumusvingo wepamusoro uye nyora rugwaro rwako. Dzvanya muBlogged Property button kuti uzarure nzvimbo yePaulisi uye fomisa zvinyorwa zvako. Kana iwe uchida bhokisi re dummy text, wedzera chimwe chinhu chinyorwa uye chengetedza GENERATE LOREM IPSUM button mu Font Font.
06 of 09
Nzira Yokuwedzera An Image Ku A Page UXPin
Pane nzira mbiri dzekuita basa iri. Iwe unogona kushandisa Chirongwa cheDhiyabhorosi mubhari rekushandisa, wedzera chimwe chinhu cheMifananidzo kubva muLibatari kana kungodonha uye udzike chifananidzo kubva padeskoni yako kuenda kune chinhu chiri pamusoro pekugadzirwa kwepamusoro sezvakaratidzwa pamusoro apa.
07 of 09
Nzira Yokuwedzera A Button Ku A Page UXPin
Kunyangwe pane chinhu cheBhoton, kupinda mu " Bhoton " munzvimbo yekutsvaga , sezvakaratidzwa pamusoro, inotanga matanho ose akawanikwa mune dzose dzeMabhuku. Dragira iyo inokushandira pane yakagadzirwa pamusoro uye inoshandisa Properties kuti uchinje ruvara, faira, uye kunyange Border radius. Kuti uchinje zvinyorwa mukati mebhatani, tora kamwechete pane zvinyorwa uye tumira mutsva.
08 of 09
Nzira Yokuwedzera Kushandura Kwayo Ku UXPin peji
Izvi hazvive zvakaoma sezvazvinogona kutanga kuonekwa. Neyo email inopinza, ndakawedzera chinhu chekushandisa, ndakachigadzirisa, ndakapinda mumagwaro uye ndakagadziridza zvinyorwa. NeInput element yakasarudzwa paya bhokisi re Properties uye, apo iyo Element properties inoratidzika chengetedza Visibility bhokisi-yebhokisi reziso - iri kumusoro kwekona yekona yepaneti.
Sarudza bhatani uye bhura bhatani rekubatanidza - the Lightning Bolt- mune zvinhu. Apo Kushandurana panopinda panotanga, sarudza Kushamwaridzana Kutsva. Sarudza Dhafaira kubva pane Trigger pop pasi. MuAction nzvimbo sarudza Show Element. Iwe zvino uchazobvunzwa kuti Element inoratidzei. Dzvidza kamwe pfuti yegunsiti uye chengetera paInput element. Nechocho chinhu chakatsanangurwa, iwe zvino unokwanisa kuona zvino kana kuti kwete kuratidza chinhu chacho. Muchiitiko ichi ndakasarudza kuratidza bhokisi reInput nekunyarara mukati uye ndokuenda nekusingaperi kwehuwandu hwema 300ms.
Ini ndinodawo kuti bhodhi ifambe inenge mazana mapikisi mazana matanhatu kurudyi kana ichinyorwa. Ndakasarudza bhatani, ndakasunungura mapani ekubatanidza uye ndakasarudza Kubatana kweNew . Ndakashandisa zvirongwa izvi:
- Trigger : Click
- Chiito: Famba Ne
- Nzira yekufambisa : 65 px pa x axis
- Mifananidzo : Linear
- Nguva Yakare: 300 ms
Kubvisa kushamwaridzana kusarudza ichocho uye uzarure mapurani ekubatanidza. Sarudza kushamwaridzana mumapaneti uye chefa paTrash Can kuti uibvise.
09 of 09
Nzira Yokuedza Nayo Peji Yako MuUXPin
Nemhaka yekuti iwe uri kushanda muchibvumirano, kuongororwa kuri nyore. Dzvanya Bhuku Rokuenzanisa . Peji yacho ichazarurirwa muchibvumirano uye iwe unogona kuedza nzira. Ikoko pachavawo nejeri rakawedzerwa kuruboshwe rworuzhinji rwunobvumira maBhuku, Site Site kana pane mapeji akawanda, Usability Testing, Live Sharing, Kugadzirisa uye kudzokera kuDashboard.
Pasi pepeji pane rimwe diki duku rinokubvumira kuti uratidze Interactive zvinhu, kuratidza kana kuvanza mashoko uye kugovera chikwata chejekiti nevamwe.