01 of 09
Çawa Destûra Xwe Destûra XWE Destpêk
Gava ku em di nav devera damezirandina mobîl, dîznebûnek app û pêşniyarên lêgerîn, li ser UX (Daxuyaniya bikarhêner) û wireframing , prototyping and mockupsên întegrasyona navnîşan heye. Li ser vê yekê hedefek tedbîran hene hene û ew germê ji hêla tevlihevî, xewnên balkêş ên zehf û zelal in. Yek ji amûrên ku ji min veşartine xuya ye UXPin ye, ji ber ku ew ji hêla sêwirkeran ve pêşdebir kirin.
Berî pêşiya me ... caveat. Ger we ji rêxistineke ku ji bo bernameya xwe ya xwe bisekîne ye, hingê UXPin ji bo we ne. Hemî karên ku di vê seetê de pêk tê de di geroktanê de pêk tên û projeyên ku hûn rizgarkirin tên hesibandin.
Ji bo ku UXPin bi dest bi dest bi destûra gerokê gerok û dest bi UXPin re dest pê dike. Ji vê derê hûn dikarin ji bo tawanbarê belaşek bigirin an jî planek mehane armanca bingehîn li gor hewceyê we. Prosesa veguhestinê hêsan e û carekê ku hûn navnîşê navnîş û nasnavê bikar bînin, hûn amade ne ku hûn dest pê bikin.
02 of 09
Çawa Destûra A Project di UXPin de destpê bike
Dema ku hûn di têketinê de hûn li Dashboardê bigihînin û ji vir ji vir hûn dikarin biryareke nû ya belaş, projeya nû ya mobîl an projeya Navneteweyî ya Responsive ya nû çêbikin. Ji bo UXPin-ê ji pl-ins-ê jî hene ku hûn dikarin li we li Wêneyên Photoshop an jî Sketch projeyên xwe bigirin. Ji bo vê yekê Ez ê di nav hinek tekstê de pankrê ava bikim û bişkojkek e-nameyê bişîne. Ji bo vê yekê ez hilbijartî hilbijêre new wireframe.
03 of 09
Çawa bikar bîne Interface UXPin
Dîha Avakirina Designa çar zevî dişewitîne. Di çarçoveya reşê de çepê rêzikên amûran hene ku hûn vegerin vegerin dashboard, hêla ku hûn bikar tînin, Elektrîkê vekin vekin, paqijên hêla Elektrîkê vekin, lêgerîna hêmanan, lêgerîn li ser rûpelê û endamên komên xwe zêde bike. Di bin jêrînek e ku pirtûkek piçûk e, yekî din ku ji we re hesabê xwe bigihîne û yê din dibe ku ji hêla Pirsgirêka Bersîvê ve tê, hûn dikarin pirsên xwe bipirsin û bersiva wan bidin.
Di çarçoveya şîn de li ser çarçoveya amûrên kargêr û taybetmendiyê hene. Bişkojkên tarî yên li milê rastdariya we destnîşan dikin ku dîzamên xwe hilbijêre, pergala projeyê veguherînin, rûpelê parve bike û li ser dîskêşiya peldanka rûpelê bikin.
Panelên hêman hene ku hûn bît û paqijan ji bo avakirina Designê, navê wî ya navnîşan bikin û rûpelan zêde bikin an jî jê bibin.
Elektronîkên hêja ji bo pêşniyarên UX-ê kêfxweş e. Vebijêrk vala ye ku hûn ji pirtûkxaneyên 30 anonê ji bilî ji iOS û Lolipopê Android ve bijartin Bi we re bi destûra Bootstrap û hêmanên Fona ku bi mimkunên Awesome, Fontên Gesture ji bo mobîl û komkujiya Civata Civakî heye.
04 of 09
Çawa Pirtûka Peldanka AXPin A Element Add
Ji bo ku dest bi dest pê kir, ez ji elementa Box elementê dakêşê dakêşê vekişand û, gava ku ez mizik berdêl, panelê Properties veke. Pêvekên Proper Properties Navê we re elementê binivîse û binirxên bilindahiya bilind û hejmarên elementê ava bike. Hûn dikarin ji hêla elementê veşartin, dorpêçê kornên xweş û paqijkirina wê bikin. Vebijêrtina Qanûna Pirtûka Vebijêrkirinê ya hilbijêre an RGBA rengê vekin.
Hûn dikarin fenivîsê, sînor û nimûne li ser elementek hilbijartî. The Lightning Bolt we destûra ku têkiliya bi elementek hilbijartî ve zêde bike.
05 ji 09
Di Nivîsara Peldanka UXPîn de çawa binivîse û Format
Ji bo şîrovekirina nivîsê, elementa nivîsê li ser rûberê dakêşin û nivîsê xwe binivîse. Vebijêrk Peldanka Pîroz binivîse ku ji bo taybetmendiyên Fot û nivîsa xwe vekin bike. Heke hûn hewceyê blokek nivîskî dummy, elementek nivîskî zêde bike û li ser taybetmendiyên Fotikê dişkera ya GENERATE LOREM IPSUM bitikîne.
06 of 09
How to Image A UXPin Page
Hin rêgez hene ku vê karê bicih bikin. Hûn dikarin di toolbar Image de bikar bînin, ji hêla wêneya elementek ve ji hêla Pirtûkxaneyê ve an jî bitikîne û bi hêsantir ji ji sîteya xwe ve bikişîne ser elementê li ser dakêşînerê erdê wekî wekî jorîn.
07 of 09
Çawa Pûçikek Pêvebike A XPin Page
Her çiqas hema elementek hebe, " Button " di nav devera lêgerînê de binivîse, wekî ku jor xuya ye, hemî pirtûkên ku di hemû pirtûkxane de têne dîtin. Ji bo ku ji bona we re paqijkirina paqijkirina karanînê û taybetmendiyên bikar bînin, rengê rengê, fonts, û heta heta sînor a sînor bikin. Ji bo nivîsandina hundurê qutikê biguherînin, careke din li ser tekstê binivîse û nivîsarê nû binivîse.
08 of 09
Çawa rûpelê AXPîn A Interactivity Bihêle
Ev yek ne zelal e ku dibe ku ew yekem xuya bike. Ji bo veguhestina email, min elementek anîn zêdekirin, ew veguherî, nivîskî nivîsandî û nivîskî nivîsandiye. Bi hêla elementên Inputê vebijêre hilbijartin hilbijêre hilbijêre û, gava ku xalên taybetmendiyê têne xuya kirin li ser kursa xuyakirinê - eyeball - di binê para rastê de panel.
Vebijêrk hilbijêre û pêlên Têkiliyên li ser hilbijêre - Bolt - Bolt-li xaniyan. Dema ku panelê veguhestinê vekirî ye, hilbijêrek nû hilbijêre. Hilbijêre ji ji Trigger veke bitikîne. Di qada çalakiyê nîşan bide Element. Hûn dê niha jê pirsî ka kîjan Elementê nîşan bide. Carekê li ser çepê bitik bike û li ser elementa Inputê bitikîne. Bi hêla nasnameyê, hûn dikarin nuha diyar bikin ka an na neçar an elementê. Di vê rewşê de min biryar da ku da ku qutiya qutiyê ya bi hêsanî di hundurê xwe de nîşan bide û di nav 300msê de derbasdar a default.
Ez jî dixwazim pêvekê bitikîne 65 heqê pencilê rastê gava ku lê hilbijêre. Min qutikê hilbijêrî, peldanka Têkilî vekir û veguhestina nû ya hilbijartî. Min van pergala karanîn
- Trigger : Bişkojk bike
- Çalakî: Biçin
- Kişandina Move Direction : 65 px li x axis
- Animation : Linear
- Duration: 300 ms
Ji bo ku veguherînek pêwendiyek hilbijêre elementek hilbijêre û panelê Interaction vekin. Hilbijêre ku di panelê de têkiliyê hilbijêre û Trash dikare dikare jêbirin.
09 of 09
Çawa Pirtûka Pelê ya Di UXPin de test bike
Ji ber ku hûn di browserê de dixebite, ceribandin hêsan e. Bişkojka Design Designê bitikîne. Ev rûpel dê di gerok de vekin û hûn dikarin riya ceribandinê. Di heman demê de rûpelê çepgir, pirtûka malperê hebe ku çend rûpelan, Tenduristiya Tebûr, Tevlêbûna Zindî, Guherandin û vegera Dashboardê dê peldankê çepê got.
Di binê rûpelê panelê piçûkek din e ku hûn hêmanên Interaktîkî nîşan bide, şîrove an veşartin veşartin û pêwendiya projeyê bi din re parve bikin.