01 o 09
Sut i Gael Eich Hun Dechreuodd Gyda UXPin
Wrth i ni symud i mewn i feysydd dylunio symudol, dylunio app a dylunio ymatebol, bu ffocws cynyddol ar UX (Profiad y Defnyddiwr) a fframio gwifren , prototeipio rhyngweithiol a mockups. Mae yna dunnell o offer sydd wedi'u hanelu at y nodyn hwn ac maent yn rhedeg y garn llawn o gymhleth, nodweddiadol o fechod llwyth i fod yn brin ac yn prin ddefnyddiol. Un o'r offer sydd wedi dal fy llygad yw UXPin yn syml oherwydd ei fod wedi'i ddatblygu gan ddylunwyr ar gyfer dylunwyr.
Cyn i ni symud ymlaen ... cafeat. Os mai chi yw sefydliad sy'n ffafrio bod yn berchen ar y meddalwedd, yna nid yw UXPin ar eich cyfer chi. Gwneir yr holl waith a wneir yn yr app hon yn y porwr a chaiff y prosiectau rydych chi'n eu cadw eu cadw i'ch cyfrif.
I ddechrau gyda UXPin, byddwch chi'n lansio porwr ac yn mynd i UXPin. O'r fan hon gallwch chi gofrestru am Brawf Am Ddim neu drefnu ar gyfer cynllun misol yn seiliedig ar eich angen a ragwelir. Mae'r broses ymuno yn eithaf hawdd ac ar ôl i chi osod eich Enw Defnyddiwr a'ch Cyfrinair, rydych chi'n barod i ddechrau.
02 o 09
Sut i Gychwyn Prosiect yn UXPin
Pan fyddwch yn mewngofnodi, byddwch chi'n cyrraedd y Dashboard ac, o fan hyn, gallwch benderfynu creu ffrâm wifren newydd, prosiect symudol newydd neu brosiect Dylunio Gwefannau Ymatebol. Mae yna hefyd plug-ins ar gyfer UXPin a fydd yn caniatáu ichi ddod â'ch prosiectau Photoshop neu Braslun. Ar gyfer hyn Sut I 'm mynd i greu baner gyda rhywfaint o destun ac ychwanegu botwm e-bost i'r faner. I gyflawni hyn, dewisais Creu ffrâm wifren newydd.
03 o 09
Sut i Defnyddio'r Rhyngwyneb UXPin
Mae'r Wyneb Dylunio wedi'i dorri i bedair ardal. Yn yr ardal ddu ar y chwith mae cyfres o offer sy'n gadael i chi ddychwelyd i'r fwrdd, agor yr Elfennau a ddefnyddiwch, agor y panel Elements Smart, chwilio am elfennau, ychwanegu nodiadau i'r dudalen ac ychwanegu aelodau'r tîm. Ar y gwaelod, mae botwm sy'n agor tiwtorial byr, un arall sy'n eich galluogi i gael mynediad i'ch cyfrif ac un arall sy'n mynd i'r Cwestiynau Cyffredin, gadewch i chi ofyn cwestiynau a hyd yn oed roi adborth.
Yn yr ardal las ar hyd y brig mae cyfres o offer ac eiddo. Mae'r botymau tywyll ar yr ochr dde yn caniatáu i chi ailadrodd eich dyluniad, addasu gosodiadau'r prosiect, rhannu'r dudalen a gwneud efelychiad mewn-borwr o'r dudalen.
Y panel Elements yw lle rydych chi'n cipio'r darnau a'r darnau ar gyfer y Dyluniad Dylunio, enwi'ch prosiect ac ychwanegu neu dynnu tudalennau.
Mae llyfrgell yr Elfennau yn syndod pleserus i ddylunwyr UX. Mae hyn i gyd yn gadael i chi ddewis o 30 llyfrgell anfon yn amrywio o iOS i Android Lolipop Yn ogystal, mae gennych chi elfennau Bootstrap a Sylfaen ynghyd â'r eiconau Font Awesome, eiconau Gesture ar gyfer symudol a chasgliad o Widgets Cymdeithasol.
04 o 09
Sut I Ychwanegu Elfen I dudalen UXPin
I ddechrau, rwy'n llusgo'r elfen Blwch i'r wyneb dylunio ac, pan fyddaf yn rhyddhau'r llygoden, mae'r panel Eiddo yn agor. Mae'r botwm Eiddo yn eich galluogi i enwi'r elfen a gosod gwerthoedd uchder a gwerthoedd y lled yr elfen. Gallwch hefyd ychwanegu padlo i'r elfen, rownd oddi ar y corneli ac addasu ei gymhlethdod. Mae clicio ar y botwm Lliw Cefndir yn agor dewisydd lliw RGBA.
Gallwch hefyd neilltuo ffont, ffin a phatrwm i'r elfen a ddewiswyd. Mae'r Lightning Bolt yn rhoi'r gallu i chi ychwanegu rhyngweithiad i elfen ddethol.
05 o 09
Sut I Ychwanegu A Fformat Testun Yn UXPin
I ychwanegu testun, llusgo'r elfen testun i'r wyneb dylunio a rhowch eich testun. Cliciwch ar y botwm Testun Eiddo i agor eiddo'r Ffont a ffurfiwch eich testun. Os oes angen bloc o destun ffug arnoch, ychwanegwch elfen testun a chliciwch botwm GENERATE LOREM IPSUM yn eiddo'r Font.
06 o 09
Sut I Ychwanegu Delwedd I Tudalen UXPin
Mae dwy ffordd i gyflawni'r dasg hon. Gallwch ddefnyddio'r Offer Delwedd yn y bar offer, ychwanegu elfen Delwedd o'r Llyfrgell neu llusgo a gollwng delwedd o'ch bwrdd gwaith ar yr elfen ar yr wyneb dylunio fel y dangosir uchod.
07 o 09
Sut I Ychwanegu Botwm I Tudalen UXPin
Er bod elfen Button, gan fynd i " Button " i'r ardal Chwilio , fel y dangosir uchod, yn agor yr holl fotymau a geir ym mhob un o'r Llyfrgelloedd. Llusgwch yr un sy'n gweithio i chi ar wyneb y dyluniad a defnyddiwch yr Eiddo i newid y lliw, y ffont, a hyd yn oed y radiws Border. I newid y testun y tu mewn i'r botwm, cliciwch unwaith ar y testun a nodwch y testun newydd.
08 o 09
Sut I Ychwanegu Rhyngweithiad i dudalen UXPin
Nid yw hyn mor gymhleth ag y gallai ymddangos yn gyntaf. Ar gyfer y mewnbwn e-bost, ychwanegais elfen fewnbwn, ei ailweintio, mynd i'r testun a fformatio'r testun. Gyda'r elfen Mewnbwn a ddewiswyd, cliciwch ar y botwm Eiddo a, pan fydd eiddo'r Elfen yn ymddangos, cliciwch y botwm Gweledol - y bêl llygaid - ar gornel dde uchaf y panel.
Dewiswch y botwm a chliciwch y botwm Rhyngweithio - y Mellt Bolt- yn yr eiddo. Pan fydd y panel Rhyngweithio yn agor, dewiswch Rhyngweithio Newydd. Dewiswch Cliciwch o'r popeth Trigger i lawr. Yn yr ardal Gweithredu dewiswch Elfen Sioe. Nawr, gofynnir i chi pa Elfen i'w ddangos. Cliciwch unwaith ar y gunsite a chliciwch ar yr elfen Mewnbwn. Gyda'r elfen a nodwyd, gallwch nawr benderfynu a ddylid animeiddio'r elfen ai peidio. Yn yr achos hwn penderfynais ddangos y blwch Mewnbwn yn rhwydd ac aeth gyda gwerth hyd diofyn 300ms.
Rwyf hefyd eisiau cael y botwm yn symud oddeutu 65 picsel i'r dde pan glicio arno. Dewisais y botwm, agorodd y panel Interactions a dewis Rhyngweithio Newydd . Defnyddiais y gosodiadau hyn:
- Trigger : Cliciwch
- Gweithredu: Symud Ymlaen
- Cyfeiriad Symud : 65 px ar yr echel x
- Animeiddio : Llinol
- Hyd: 300 ms
I ddileu rhyngweithiad, dewiswch yr elfen ac agorwch y panel Rhyngweithio. Dewiswch y rhyngweithio yn y panel a chliciwch ar y Sbwriel All i ddileu.
09 o 09
Sut i Brawf Eich Tudalen Yn UXPin
Oherwydd y ffaith eich bod chi'n gweithio yn y porwr, mae'r profion yn farw yn syml. Cliciwch ar y botwm Simulate Design . Bydd y dudalen yn agor yn y porwr a gallwch brofi ffordd. Hefyd, bydd panel wedi'i ychwanegu at ochr chwith y dudalen sy'n caniatáu Sylwadau, Map Safle os oes tudalennau lluosog, Profi Defnyddioldeb, Rhannu Byw, Golygu a dychwelyd i'r Dashboard.
Ar waelod y dudalen mae panel bach arall sy'n eich galluogi i ddangos yr elfennau Rhyngweithiol, dangos neu guddio sylwadau a rhannu cyswllt y prosiect gydag eraill.