Mar a Gheibheadh ​​Tu fhèin Thòisich le UXPin

01 de 09

Mar a Gheibheadh ​​Tu fhèin Thòisich le UXPin

Cuir cunntas air dòigh air duilleag dachaigh UXPin.

Mar a tha sinn a 'gluasad a-steach do raon dealbhadh gluasadach, dealbhadh app agus dealbhadh freagairt tha fòcas nas motha air a bhith ann air UX (Eòlas Cleachdaiche) agus innealan-uèir , prototyping agus mockups eadar-ghnìomhach. Tha tunna innealan a-muigh an sin a tha ag amas air an àite seo agus bidh iad a 'ruith a' chamara làn bho iom-fhillte, a 'feuchainn ri behemoths làn a bhith gu math dona agus gu ìre mhòr feumail. Is e UXPin aon de na h-innealan a ghlac mi mo shùil dìreach seach gun deach a leasachadh le luchd-dealbhaidh airson luchd-dealbhaidh.

Mus tèid sinn air adhart ... nach eil sinn. Mas e buidheann agad fhèin a tha a 'còrdadh ris a' bhathar-bog leis fhèin, chan eil UXPin airson dhut. Tha a h-uile rud a chaidh a dhèanamh san aplacaid seo ga dhèanamh sa bhrobhsair agus thèid na pròiseactan a shàbhaileas tu a shàbhaladh san chunntas agad.

Gus tòiseachadh le UXPin bidh thu a 'cur air bhog brabhsair agus cuir thu gu UXPin. Às an seo faodaidh tu clàradh airson Cùis Saor no cuir air dòigh plana mìosail stèidhichte air an fheum a thathar an dùil. Tha am pròiseas soidhnidh gu math furasta agus nuair a tha thu air ainm agus facal-faire a shuidheachadh, tha thu deiseil airson tòiseachadh.

02 de 09

Mar a thòisicheas tu Pròiseact ann an UXPin

Faodaidh tu taghadh am measg diofar sheòrsachan phròiseactan.

Nuair a chlàraicheas tu a-steach, ruigidh tu a 'Bhòrd-làimhe agus, às an seo, faodaidh tu co-dhùnadh a dhèanamh gus uinneag ùr, pròiseact gluasadach ùr no pròiseact Dealbhaidh Lìonra a chruthachadh. Tha plug-ins ann cuideachd airson UXPin a leigeas leat na pròiseactan Photoshop no Sgeidse agad a thoirt a-steach. Airson seo Mar a nì mi bratach le teacsa agus cuir mi putan post-d chun a 'bhratach. Gus seo a choileanadh, thagh mi Cruth-uèir ùr a chruthachadh.

03 de 09

Mar a chleachdas tu an eadar-aghaidh UXPin

An eadar-aghaidh UXPin.

Tha an Dromadh Dealbhaidh air a bhriseadh ann an ceithir sgìrean. Anns an raon dhubh air an taobh chlì tha sreath de dh'innealan a leigeas tu tilleadh chun a 'bhòrd-làimhe, fosgail na h-eileamaidean a chleachdas tu, fosgail pannal Smart Elements, lorg eilthranan, cuir notaichean ris an duilleag agus cuir buill sgioba ris. Aig a 'bhonn tha putan a tha a' fosgladh oideachadh goirid, fear eile a leigeas leat ruigsinn air a 'chunntas agad agus fear eile a tha a' faighinn cothrom air na Ceistean Cumanta, leig leinn ceistean a chur thugainn agus eadhon fios a thoirt seachad.

Anns an raon ghorm air a 'mhullach tha sreath de dh'innealan agus de thogalaichean. Leigidh na putanan dorcha air an làimh dheis dhut an dealbhadh agad a thoirt air adhart, atharraich na roghainnean a 'phròiseict, an duilleag a roinn agus samhlachadh a dhèanamh air an duilleig.

Is e panal Elements far am faigh thu na pìosan agus na pìosan airson an Dromchla Dealbhaidh, ainmich am pròiseact agad agus duilleagan a chur no a thoirt air falbh.

Tha leabharlann The Elements na iongnadh taitneach dha luchd-dealbhaidh UX. Tha seo a 'leigeil leat taghadh bho 30 leabharlann a tha a' dol bho iOS gu Android Lolipop A bharrachd, tha cothrom agad air eileamaidean Bootstrap agus Foundation còmhla ris na h-ìomhaighean Font Awesome, ìomhaighean Gesture airson fòn-làimhe agus cruinneachadh de Gheamannan Sòisealta.

04 de 09

Mar a Chuireasamaid Eileam ri duilleag UXPin

A 'cur ri eileamaid tha pròiseas tarraing agus tuiteam.

Gus tòiseachadh thòisich mi a 'slaodadh an eileamaid Bogsa ris an uachdar dealbhaidh agus, nuair a bhios mi a' leigeil às an luchag, fosglaidh am pannal Properties . Leigidh am putan Togalaichean dhut an eileamaid ainmeachadh agus a shuidheachadh luachan àirde leud agus suidheachadh an eileamaid. Faodaidh tu cuideachd cur-a-steach a chur ris an eileamaid, timcheall nan oisean agus a choimeas eadar-dhealaichte. Le bhith a 'briogadh air a' phutan Dath Cùl-fhiosrachaidh, fosglaidh neach-togail dathan RGBA.

Faodaidh tu cuideachd cruth, crìochan agus pàtran a shònrachadh don eileamaid a chaidh a thaghadh. Tha an Lightning Bolt a 'toirt comas dhut eadar-ghnìomhachd a chur ri eileamaid a chaidh a thaghadh.

05 de 09

Mar a chuireas tu teacsa a-steach agus format ann an UXPin

A 'cur teacs ri eileamaid UXPin.

Gus teacsa a chur ris, slaod an eilthireachd teacsa ris an uachdar dealbhaidh agus cuir a-steach do theacsa. Cliog air a ' phutan Text Property gus na goireasan Font a fhosgladh agus cuir an teacsa agad. Ma tha feum agad air bloc de theacs teacsach, cuir ris teacsa teacsa agus briog air a 'phutan GENERATE LOREM IPSUM anns na togalaichean Font.

06 de 09

Mar a chuireas tu dealbh ri duilleag UXPin

Tha trì dòighean ann airson ìomhaigh a chur ri duilleag.

Tha dà dhòigh ann gus an obair seo a choileanadh. Faodaidh tu an Inneal Ìomhaigh a chleachdadh anns a 'bhàr-inneal, cuir ri Ìomhaigh Ìomhaigh bhon Leabharlann no dìreach tarraing agus leig ìomhaigh bhon deasg agad chun an eileamaid air an uachdar dealbhaidh mar a tha air a shealltainn gu h-àrd.

07 de 09

Mar a Chuireas Putan A-steach gu Duilleag UXPin

Tha leabharlann botan farsaing aig UXPin.

Ged a tha eileamaid Putan, a 'toirt a-steach " Putan " a-steach don raon Rannsachaidh , mar a tha air a shealltainn gu h-àrd, a' fosgladh a h-uile botan a lorgar anns gach leabharlann. Slaod an tè a tha ag obair dhut air an uachdar dealbhaidh agus cleachd na Feartan gus an dath, an cruth-clò, agus eadhon radius a 'Chrìochan atharrachadh. Gus an teacsa am broinn a 'phutan atharrachadh, briog air aon uair air an teacsa agus cuir a-steach an teacsa ùr.

08 de 09

Mar a chuireas tu eadar-ghnìomhachd ri duilleag UXPin

Tha eadar-ghnìomhachd agus gluasad ga chur ris a 'phannal Eadar-ghnìomhach.

Chan eil seo cho cho toinnte 'sa dh'fhaodadh e nochdadh an toiseach. Airson a bhith a 'cur a-steach puist-d thug mi eileamaid a-steach, ath-mheudachadh e, chuir mi a-steach an teacsa agus chuir mi an teacsa air dòigh. Leis an eileamaid Inntrigidh air a thaghadh, cliog air a 'phutan Properties agus, nuair a nochdas na feartan Element, cliog air a' phutan Visibility - an ball-sùla - anns an oisean gu h-àrd air an làimh dheis den phannal.

Tagh am putan agus briog air a ' phutan Interactions - Bolt an dealanach anns na feartan. Nuair a dh'fhosglas a 'phannal Eadar-ghnìomhachdan, tagh Eadar-ghnìomhachadh Ùra. Tagh Gliog bhon t-sluagadair pop sìos. Anns an raon Gnìomh tagh Show Element. Thèid iarraidh ort a-nis dè an nì a tha ri nochdadh. Cliog uair air a 'ghunna-gunna agus cliog air an eileamaid Inntrigidh. Leis an eileamaid a chaidh a chomharrachadh, faodaidh tu a-nis a-mach a bheil thu airson an eileamaid a bheothachadh. Anns a 'chùis seo cho-dhùin mi sealltainn am bogsa Input le duilgheadas a-steach agus chaidh e leis a' luach fad-ùine aig 300ms.

Tha mi cuideachd airson am putan a ghluasad timcheall air 65 piogsail chun an làimh dheis nuair a thèid a bhriogadh. Thagh mi am putan, dh 'fhosgail am pannal Eadar-ghnàthachaidhean agus chaidh eadar-obrachadh ùr a thaghadh. Chleachd mi na roghainnean sin:

Gus eadar-obrachadh a thoirt air falbh, tagh an eileamaid agus fosgail am pannal Interactions. Tagh an eadar-obrachadh anns a 'phannal agus cliog air an Sgudal Can urrainn a sguabadh às.

09 de 09

Mar a chumas tu do dhuilleag ann an UXPin

Bidh thu a 'deuchainn anns a' bhrabhsair.

Air sgàth 's gu bheil thu ag obair anns a' bhrabhsair, tha an deuchainn sìmplidh marbh. Briog air a 'phutan Simulate Design . Fosglaidh an duilleag sa bhrobhsair agus is urrainn dhut deuchainn a dhèanamh air an t-slighe. Bidh pannal ann cuideachd ri taobh clì na duilleige a leigeas le Comments, Mapa làraich ma tha iomadh duilleag ann, Deuchainn Cleachdaidh, Sharing Live, Deasachadh agus tilleadh chun a 'Bhùird.

Aig bonn na duilleige tha pannal beag eile a leigeas leat sealltainn na h-eileamaidean eadar-ghnìomhach, a 'sealltainn no a' falach beachdan agus a 'ceangal ceangal a' phròiseict ri feadhainn eile.