01 ka 09
Indlela Yokuzibandakanya Ngokuqala Nge-UXPin
Njengoko sifudukela kummandla wezinto eziphathekayo, ukuklanywa kwesoftware kunye nokuyila ukuphendulela kuye kwagxininiswa ngakumbi kwi-UX (I-Experience User) kunye ne- wireframing , prototyping interactive kunye ne-mockups. Kukho itoni yeethuluzi ngaphandle kwenzelwe kule niche kwaye zigijime i-gamut epheleleyo kwiindawo eziyinkimbinkimbi, ezinobunzima obuqingqiweyo ukuba zincinci kwaye zingabalulekanga. Esinye sezixhobo esiye sambamba iso lami ngu-UXPin ngenxa yokuba yenziwe ngabaqulunqi beebumba.
Ngaphambi kokuba siqhube phambili ... i-caveat. Ukuba lakho ngumbutho onqwenela ukuba unakho isofthiwe ngoko u-UXPin akukho. Yonke imisebenzi eyenziwe kule ncediso yenziwa kwi-browser kwaye iiprojekthi ozigcinayo zigcinwa kwi-akhawunti yakho.
Ukuqalisa nge-UXPin uqalise isiphequluli kunye nentloko ku-UXPin. Ukusuka apha ungasayina kwi-Trial Free okanye uhlele isicwangciso senyanga ngokusekelwe kwiimfuno zakho ezilindelekileyo. Inkqubo yokubhalisa ilula kwaye emva kokubeka igama lakho lomsebenzisi kunye nephasiwedi, zakho zilungele ukuqalisa.
02 we-09
Indlela Yokuqalisa Iprojekthi ku-UXPin
Xa ungena ungena kwiDashboard kwaye, ukusuka apha unokugqiba isigqibo sokudala ifayile entsha, iprojekthi entsha yeselula okanye iProponsive Web Design project. Kukho iiplogi-ins ze-UXPin eziza kukuvumela ukuba ufake iifayile zakho ze-Photoshop okanye i-Sketch. Ngaloo ndlela ndiya kudala ibhanki ngombhalo othile uze ungeze iqhosha le-imeyile kwibhanki. Ukuze ndifeze oku ndakhethile Yakha idrafam entsha.
03 ka 09
Indlela yokusebenzisa i-UXPin Interface
I-Design Surface idilizwe kwiindawo ezine. Endaweni emnyama ngakwesobunxele ziqulatho zezixhobo ezikuvumela ukuba ubuyele kwideshibhodi, vula izixhobo ozakuzisebenzisa, vula iipaneli ze-Smart Elements, khangela izinto, wongeza amanqaku kwiphepha uze ungeze amalungu ekomiti. Ngezantsi kuyinqakraza evula isifundo esifutshane, esinye esikuvumela ukuba ufinyelele i-akhawunti yakho kunye nomnye ofikelela kwi-FAQ, makhe ubuze imibuzo kwaye inikezele ngempendulo.
Kwiindawo eziluhlaza okwesibhakabhaka ephezulu kunye noluhlu lwezixhobo kunye neepropati. Amaqhosha amnyama angakwesokunene akuvumela ukuba uqhube uyilo lwakho, lungisa utshintsho lweprojekti, wabelane ngephepha uze wenze ukukhangela kwiphepha le-browser.
Iphaneli yeeNdlela apho uthabatha izibonda kunye neziqwenga ze-Design Surface, igama lakho iprojekthi kwaye ungeze okanye ususe amaphepha.
Iilayibrari yezinto zetekisi ziyamangaliswa kubaqulunqi be-UX. Le pop ephantsi ikuvumela ukuba ukhethe kwi-anon 30 kwiilayibrari ezivela kwi-iOS ukuya kwi-Android Lolipop Kanye kunye nokufikelela kwizinto zeBootstrap kunye neZiseko kunye neefayile ze-Font Awesome, iimpawu zokuthabatha imfono kunye neqoqo leWeb Widget.
04 we-09
Indlela yokongeza i-Element Kwiphepha le-UXPin
Ukuze ndiqalise ndidibanise iqhosha lebhokisi kwindawo yokuyila kwaye, xa ndikhulula imouse, i- Panel Properties ivula. Iqhosha leZakhiwo liyakuchaza igama lento kwaye usethe ububanzi bezinto kunye nobukhulu bendawo. Ungongeza kwakhona i-padding kwi-element, ujikeleze iingqungquthela kwaye ulungise utshintsho. Ucofa iqhosha lombala weMvelaphi livula i-RGBA yombala wokukhetha.
Ungabela kwakhona umgca, umda kunye nephethini kwinto ekhethiweyo. I-Lightning Bolt ikunika amandla okongeza ukusebenzisana kwinto ekhethiweyo.
05 ka 09
Indlela yokongeza kunye nefomathi yombhalo kwi-UXPin
Ukongeza isicatshulwa, udonsa isicatshulwa kwisakhiwo soyilo uze ufake ifayile yakho. Cofa iqhosha leNgxowa yePropati ukuze uvule iimpawu zePolisi kwaye ufomathile itekisi yakho. Ukuba ufuna i-block ye-dummy text, yongeza isicatshulwa uze uqakraze iqhosha leGENERATE LOREM IPSUM kwi-Font properties.
06 ka 09
Ungayongeza njani umfanekiso kwi-UXPin Page
Kukho iindlela ezimbalwa zokufeza lo msebenzi. Ungasebenzisa isixhobo soMfanekiso kwibar ye toolbar, engeza umfanekiso weZithombe kwiThala leencwadi okanye umane uhudule uze uphonsa umfanekiso ukusuka kwideskithophu yakho kwi-element kwi-surface design njengoko kuboniswe ngasentla.
07 ka 09
Indlela yokongeza ifowuni kwi-UXPin Page
Nangona kukho iqhosha lombhobho, faka " Inkinobho " kwindawo yoKhando , njengoko kuboniswe ngasentla, ivula onke amaqhosha atholakala kuzo zonke iilayibrari. Dragza lowo osebenzayo kumhlaba wokuyila kwaye usebenzise iiPropati ukutshintsha umbala, umgca, kunye neRadio border. Ukutshintsha itekisi ngaphakathi kweqhosha, nqakraza kanye kwithekisi uze ufake umbhalo obutsha.
08 ka 09
Indlela yokongeza ukusebenzisana kwiphepha le-UXPin
Oku akuko kunzima njengoko kungabonakala kuqala. Ukuze ufake i-imeyile, ndongeze igalelo lenkxaso, ndayifaka, ndayifaka umbhalo kwaye ndafomathile itekisi. Ngenqaku lokufaka elikhethiweyo cofa iqhosha le Properties kwaye, xa izakhiwo ze-Element zibonakala zicofa iqhosha lokubonakala-i-eyeball-ekhoneni eliphezulu lepaneli.
Khetha iqhosha kwaye nqakraza iqhosha lokusebenzisana - i-Lightning Bolt- kwiipropati. Xa iphaneli yokusebenzisana iqalisa, khetha Ulwalamano olutsha. Khetha Cofa kwi-Trigger pop phantsi. Kwi-Action indawo khetha u-Element. Ngoku uya kubuzwa ukuba yiyiphi i-Element ezobonisa. Cofa kanye kwi-gun kwaye nqakraza kwi-Input element. Ngento echongiweyo, ngoku unganquma ukuba okanye ungayikuphilisa into. Kule meko ndagqiba ekubeni ndibonise ibhokisi lokungenisa ngokukhululeka kwaye ndihambe ngexabiso elingagqibekanga lexesha lama-300ms.
Ndifuna kwakhona ukuba iqhosha lihambele malunga ne-pixels engama-65 ukuya ngasekunene xa liqakraza. Ndakhetha iqhosha, ndavula ipaneli yokusebenzisana kunye noKhetho olutsha olukhethiweyo. Ndasebenzisa ezi zicwangciso:
- I-Trigger : Cofa
- Isenzo: Hambisa
- Isikhokelo sokuhamba : 65 px kwi-axis x
- Imifanekiso : Uluhlu
- Ixesha: 300 ms
Ukususa ukusebenzisana ukhethe ilungu kwaye uvule ipaneli yokusebenzisana. Khetha ukusebenzisana kwipaneli kwaye nqakraza i-Trash Can ukususa.
09 we 09
Ukuhlola Iphepha Lakho Ku-UXPin
Ngenxa yokuba usebenza kwisiphequluli, ukuvavanya kulula. Cofa u- Simulate Design inkinobho. Eli phepha liya kuvula kwi-browser kwaye unokuvavanya indlela. Kuya kuphinda kubekho iphaneli eyongeziweyo kwicala lasekhohlo lephepha elivumela amaGqabaza, iSiza seMephu ukuba kukho amaphepha amaninzi, Uvavanyo lokuSebenza, Ukwabelana ngokuBambisana, Ukuhlela kunye nokubuyela kwiDashboard.
Kwiphepha lephepha lelinye ipaneli encinane evumela ukuba ubonise izinto ezibandakanyekayo, bonisa okanye ufihle amazwana kwaye wabelane ngekhonkco yekhonkco nabanye.