01 af 09
Hvernig á að fá sjálfan þig byrjað með UXPin
Þegar við flytjum inn í ríki farsímahönnunar, hefur hönnunartækni og móttækileg hönnun verið aukin áhersla á UX (User Experience) og vírframleiðslu , gagnvirkt frumgerð og mockups. Það eru tonn af verkfærum þarna úti sem miða að þessari sess og þeir hlaupa í fullri stærð frá flóknum, lögun létta behemoths til dreifður og varla gagnlegur. Eitt verkfæri sem hefur lent í augum minn er UXPin einfaldlega vegna þess að það var þróað af hönnuðum fyrir hönnuði.
Áður en við förum framhjá ... aðgát. Ef þú ert stofnun sem kýs að eiga hugbúnaðinn þá er UXPin ekki fyrir þig. Öll vinna í þessari app er gerð í vafranum og verkefnin sem þú vistar eru vistuð á reikningnum þínum.
Til að byrja með UXPin setur þú vafra og fer í UXPin. Héðan er hægt að skrá þig fyrir ókeypis kynningu eða raða mánaðarlegri áætlun miðað við áætlaðan þörf þína. Skráningarferlið er auðvelt og þegar þú hefur stillt notandanafnið þitt og lykilorð ertu tilbúinn til að byrja.
02 af 09
Hvernig á að hefja verkefni í UXPin
Þegar þú skráir þig inn á mælaborðið og héðan getur þú ákveðið að búa til nýtt vírframleiðslu, nýtt farsímaverkefni eða Móttækilegur Web Design verkefni. Það eru líka viðbætur fyrir UXPin sem leyfir þér að koma í Photoshop eða Sketch verkefnum þínum. Fyrir þetta hvernig ég ætla að búa til borði með einhverjum texta og bæta við tölvupósthnappi við borðið. Til að ná þessu vali ég valið Búa til nýja vírframa.
03 af 09
Hvernig á að nota UXPin-tengið
Hönnunarborðið er skipt í fjóra svæða. Í svarta svæðinu til vinstri eru nokkrar verkfæri sem láta þig fara aftur í mælaborðið, opnaðu Elements sem þú notar, opna Smart Elements spjaldið, leita að þætti, bæta við athugasemdum á síðunni og bæta við teymismönnum. Neðst er hnappur sem opnar stutt einkatími, annar sem leyfir þér að fá aðgang að reikningnum þínum og öðrum sem nálgast algengar spurningar, við skulum spyrja spurninga og jafnvel veita endurgjöf.
Í bláu svæðinu meðfram efstu eru röð verkfæri og eiginleika. Myrkri hnapparnir hægra megin leyfa þér að endurtekningu hönnunina þína, stilla verkefnastillingar, deila síðunni og gera í-vafra uppgerð á síðunni.
Elements spjaldið er þar sem þú grípur bita og stykki fyrir Hönnun Yfirborð, nafn verkefnisins og bæta við eða fjarlægja síður.
Elements bókasafnið er skemmtilega óvart fyrir UX hönnuði. Þessi popp niður gerir þér kleift að velja úr 30 bókasöfnum, allt frá IOS til Android Lolipop. Einnig hefur þú aðgang að Bootstrap og Foundation þættir ásamt Font Awesome táknin, Bensín tákn fyrir farsíma og safn af félagslegum græjum.
04 af 09
Hvernig Til Bæta við Element til UXPin síðu
Til að byrja byrjaði ég kassalistann á hönnunaryfirborðið og þegar ég sleppti músinni opnast Eiginleikar spjaldið . Eiginleikar hnappurinn gerir þér kleift að heita þáttinn og stilla hæðarmöguleika og staðsetningargildi breiddarinnar. Þú getur einnig bætt við púði við frumefni, umferð á hornum og stillt ógagnsæi hennar. Þegar smellt er á Bakgrunnsfarartakkann opnast RGBA-litaspjald.
Þú getur einnig tengt letur, landamæri og mynstur við valið atriði. The Lightning Bolt gefur þér möguleika á að bæta við gagnvirkni við valið atriði.
05 af 09
Hvernig Til Bæta Og Format Texti Í UXPin
Til að bæta við texta skaltu draga textahlutann við hönnunarsvæðið og slá inn textann. Smelltu á Text Property hnappinn til að opna Font Properties og sniðið textann. Ef þú þarft blokk af dummy texta skaltu bæta við textaefni og smella á GENERATE LOREM IPSUM hnappinn í leturgerðinni.
06 af 09
Hvernig Til Bæta A Mynd Til A UXPin Page
Það eru nokkrar leiðir til að ná þessu verkefni. Þú getur notað myndatólið á tækjastikunni, bætt við myndhluta úr bókasafni eða einfaldlega dregið og sleppt mynd af skjáborðinu þínu á þáttinn á hönnunarsvæðinu eins og sýnt er hér fyrir ofan.
07 af 09
Hvernig Til Bæta A Hnappur Til A UXPin Page
Þó að það sé Hnappur þáttur, opnast " Hnappur " í leitarsvæðið, eins og sýnt er hér að ofan, opnar allar hnappar sem finnast í öllum bókasöfnum. Dragðu þá sem virkar fyrir þig á hönnunaryfirborðið og notaðu Eiginleikann til að breyta lit, letri og jafnvel Border Radius. Til að breyta textanum inni í hnappinum skaltu smella einu sinni á textann og slá inn nýja textann.
08 af 09
Hvernig á að bæta við gagnvirkni við UXPin síðu
Þetta er ekki eins flókið og það kann að birtast fyrst. Fyrir tölvupóstinntakið bætti ég inntakseiningum, breyttu stærðinni, setti inn texta og lagði textann. Með innsláttaratriðinu valið smelltu á Properties hnappinn og, þegar Element eiginleika birtast, smelltu á Skyggni hnappinn - eyeball - efst í hægra horninu á spjaldið.
Veldu hnappinn og smelltu á Milliverkanir hnappinn - Lightning Bolt- í eignunum. Þegar spjallflipinn opnast skaltu velja Nýtt samskipti. Veldu Smellið af Trigger skjóta niður. Í aðgerðarsvæðinu velurðu Sýna Element. Þú verður nú beðin um hvaða atriði til að sýna. Smelltu einu sinni á gunsite og smelltu á Input frumefni. Með greiningunni sem auðkennt er geturðu nú ákveðið hvort frumefnið sé að laga eða ekki. Í þessu tilfelli ákvað ég að birta Input kassann með vellíðan inn og fór með sjálfgefið lengd gildi 300ms.
Ég vil líka að hnappurinn hreyfist um 65 punkta til hægri þegar hann er smelltur. Ég valdi hnappinn, opnaði Interactions spjaldið og valinn New Interaction . Ég notaði þessar stillingar:
- Trigger : Smelltu
- Aðgerð: Færa By
- Færa stefnu : 65 px á x-ásnum
- Hreyfimynd : Línuleg
- Lengd: 300 ms
Til að fjarlægja samskipti skaltu velja þáttinn og opnaðu flipann Interactions. Veldu samspilina í spjaldið og smelltu á ruslpakkann til að eyða því.
09 af 09
Hvernig á að prófa síðuna þína í UXPin
Vegna þess að þú ert að vinna í vafranum er prófið dauður einfalt. Smelltu á hnappinn Simulate Design . Síðan opnast í vafranum og þú getur prófað hátt. Það verður einnig spjaldið bætt við vinstra megin á síðunni sem gerir ráð fyrir athugasemdum, vefsíðuskrá ef það eru margar síður, notendapróf, lifandi hlutdeild, útgáfa og aftur til mælaborðsins.
Neðst á síðunni er annar lítill spjaldið sem gerir þér kleift að sýna gagnvirka þætti, sýna eða fela athugasemdir og deila verkefninu við aðra.