01 ntawm 09
Yuav Ua Li Cas Rau Koj Tus Kheej Pib nrog UXPin
Raws li peb tsiv mus nyob rau hauv lub cheeb tsam ntawm cov qauv tsim, app tsim thiab cov qauv tsim muaj lub siab xav nce siab ntawm UX (Neeg Siv) thiab kev ua haujlwm, sib tham sib prototyping thiab mockups. Muaj ib tuj ntawm cov cuab yeej tawm muaj aimed ntawm no niche thiab lawv khiav tag nrho ntawm gamut los ntawm complex, feature laden behemoths mus sparse thiab nyuam qhuav siv tau. Ib qho ntawm cov cuab yeej uas tau ntes tau kuv lub qhov muag yog UXPin tsuas vim nws tau tsim los ntawm designers rau designers.
Ua ntej peb mus tom ntej ... ib qho chaw nkaum. Yog hais tias koj li yog ib lub koom haum uas nyiam ua tus software ces UXPin tsis yog rau koj. Tag nrho cov hauj lwm ua nyob rau hauv no app yog ua tiav hauv qhov browser thiab cov haujlwm koj txuag tau txais kev cawmdim rau koj tus account.
Txhawm rau pib nrog UXPin koj tso ib qho browser thiab lub taub hau mus rau UXPin. Los ntawm no koj tuaj yeem sau npe rau Kev Tuaj Dawb los yog npaj rau ib lub tswv yim hli raws li qhov koj xav tau. Kev sau npe tuaj yog ib qho yooj yim heev thiab thaum koj tau teeb tsa koj Tus Neeg Siv Lub Npe thiab Lo Lus, koj npaj tau pib.
02 ntawm 09
Yuav Pib Li Cas Hauv Ib Lub Hoob Hauv UXPin
Thaum koj nkag rau hauv koj tuaj txog ntawm Dashboard thiab, txij ntawm no koj tuaj yeem txiav txim siab los tsim ib lub xov xwm tshiab, ib qhov project tshiab lossis ib lub luag haujlwm Web Design. Kuj tseem muaj plug-ins rau UXPin uas yuav cia koj nqa koj cov duab Photoshop lossis Sketch. Rau qhov no Yuav ua li cas Kuv yuav los tsim ib daim ntawv nrog ib co ntawv thiab ntxiv ib qho email khawm rau lub chij. Yuav kom ua tiav qhov no kuv xaiv Tsim ib qho tshiab wireframe.
03 ntawm 09
Yuav Siv Qhov Interface UXPin
Tus qauv tsim yog tawg mus rau plaub thaj chaw. Hauv cheeb tsam dub ntawm sab laug yog ib co ntawm cov cuab yeej uas tso cai rau koj rov qab mus rau ntawm qhov dashboard, qhib lub ntsiab uas koj yuav siv, qhib lub Vaj Haum Xeeb, nrhiav cov ntsiab lus, ntxiv cov lus sau rau nplooj ntawv thiab ntxiv cov tswv cuab. Hauv qab no yog lub khawm uas qhib lub luv luv, lwm qhov tso cai rau koj nkag mus rau koj tus account thiab lwm tus nkag mus rau FAQ, thov koj nug cov lus nug thiab txawm muab tswv yim.
Hauv cheeb tsam xiav raws saum toj kawg nkaus yog cov cuab yeej thiab khoom siv. Cov nyees khawm ntawm ib tsos tsaus tsawv nyob rau sab xis tso cai rau koj tsim koj cov qauv tsim, kho qhov project qhov chaw, sib qhia cov nplooj ntawv thiab ua ib qho hauv-simulation ntawm nplooj ntawv.
Lub vaj huam sib luag Elements yog qhov twg koj lob cov khoom thiab cov ntawv rau Tus Tsim Cov Nce, sau koj lub project thiab ntxiv los yog tshem tawm cov nplooj ntawv.
Lub tsev qiv ntawv Elements yog ib qho kev zoo siab rau UX designers. Qhov no pop cia cia koj xaiv los ntawm anon 30 qiv xws li ntawm iOS no mus Android Lolipop Zoo li koj tau mus Bootstrap thiab Foundation ntsiab nrog Font txaus icons, Piav tes piav taw icons rau txawb thiab ib phau ntawm Social Widgets.
04 ntawm 09
Yuav ua li cas ntxiv ib qho Element rau Ib nplooj ntawv UXPin
Txhawm rau pib tau kuv rubged lub Kem lub nta rau qhov tsim nto thiab, thaum kuv tso tus nas, Vaj huam sib luag khoom qhib. Cov Khawm Nqis tau cia koj lub npe lub npe thiab teem caij ntawm qhov siab dav thiab qhov tseem ceeb ntawm qhov chaw. Koj tuaj yeem tau ntxiv padding rau lub caij, puag ncig ntawm cov ces kaum thiab kho nws cov opacity. Nias ntawm Background Color button opens lub RGBA xim picker.
Koj tuaj yeem cob tus qauv, tus qauv thiab qauv rau lub caij xaiv. Lub Xob Taws Teeb Bolt muab koj lub peev xwm los ntxiv cov khoom sib txuas mus rau ib qho chaw xaiv.
05 ntawm 09
Yuav ua li cas ntxiv thiab Hom ntawv Cov Ntawv Hauv UXPin
Ntxiv cov ntawv nyeem, rub lub ntsiab lus rau cov qauv tsim thiab sau koj cov ntawv. Nias phau ntawv cov khoom khawm qhib qhov Font cov qauv thiab hom koj cov ntawv. Yog hais tias koj xav tau ib lub nris ntawm cov ntawv sau dummy, ntxiv cov ntawv sau thiab nias lub GENERATE LOREM IPSUM khawm ntawm Font properties.
06 ntawm 09
Yuav ua li cas ntxiv ib cov duab rau ib tug UXPin Page
Muaj ob peb txoj hauv kev ua tiav txoj hauj lwm no. Koj siv tau cov cuab yeej Duab nyob rau hauv qhov toolbar, ntxiv cov duab Duab los ntawm Lub Tsev Qiv Ntawv los sis cias luag thiab tso tseg ib qho duab los ntawm koj lub desktop mus rau lub ntsiab ntawm qhov tsim nto raws li qhia saum toj no.
07 ntawm 09
Yuav ua li cas ntxiv ib khawm kom ib tug UXPin Page
Tab sis yog muaj lub pob khawm, nkag " Khawm " rau hauv Tshawb Nrhiav , raws li qhia saum toj no, qhib tag nrho cov nyees khawm pom nyob hauv tag nrho cov tsev qiv ntawv. Luag ib qho uas ua haujlwm rau koj mus rau qhov tsim nto thiab siv Cov Khoom los hloov cov xim, daim font, thiab kab npoo kab npaws. Txhawm rau hloov cov ntawv hauv khawm, nyem ib zaug ntawm cov ntawv nyeem thiab sau cov ntawv tshiab.
08 ntawm 09
Yuav ua li cas ntxiv rau Interactivity rau Ib nplooj ntawv UXPin
Qhov no tsis yog qhov nyuaj thaum nws tuaj yeem tshwm sim. Rau cov lus teb email, kuv ntxiv ib qho input, resized nws, nkag mus rau hauv cov ntawv nyeem thiab formatted cov ntawv nyeem. Nrog lub tswv yim xaiv tau xaiv khawm Properties thiab, thaum lub Element cov khoom tshwm ua qhov khawm Visibility - lub qhov muag - nyob sab xis ntawm sab xis ntawm lub vaj huam sib luag.
Xaiv lub khawm thiab nias qhov khauj khawm khawm - Lub Teeb Txiag Lawm - hauv cov khoom. Thaum lub Rooj Sib Tham Xov Xim qhib, xaiv Tshiab Kev Sib Tham. Xaiv qhov nias ntawm qhov Tshem Tawm. Hauv cheeb tsam Nqis tes xaiv Qhia Qhia. Koj yuav tam sim no nug seb Element yuav qhia li cas. Nyem ib zaug ntawm qhov phom sij thiab nias rau ntawm lub tswv yim. Nrog lub caij txheeb xyuas tau, koj tuaj yeem txiav txim siab seb puas los yog tsis xav kom muaj lub neej. Hauv qhov no kuv txiav txim siab los qhia lub thawv nkag nrog ib qho yooj yim nyob rau hauv thiab mus nrog lub neej ntawd qhov ntev ntawm 300ms.
Kuv kuj xav kom muaj lub khawm tsiv mus txog 65 pixels mus rau sab xis thaum nws tau nyem. Kuv tau xaiv lub pob, qhib qhov kev sib tshuam sib tham thiab xaiv Tshiab Kev Sib Tham . Kuv siv cov chaw no:
- Txhais : Nyem
- Kev Nqis Tes: Txav Los Ntawm
- Move Direction : 65 px ntawm x axis
- Animation : Tawm
- Ntev: 300 ms
Tshem tawm qhov kev sib tham xaiv lub caij thiab qhib qhov kev sib tshuam sib tham. Xaiv qhov kev cuam tshuam nyob rau hauv lub vaj huam sib luag thiab nias lub khib nyiab mus rho tawm nws.
09 ntawm 09
Yuav Tshawb Xyuas Koj Li Cas Rau Hauv UXPin
Vim yog qhov tseeb koj ua haujlwm hauv qhov browser, kev sim yog qhov yooj yim tuag. Nias lub Simulate Design button. Cov nplooj ntawv yuav qhib rau hauv qhov browser thiab koj tuaj yeem sim txoj kev. Nws tseem yuav muaj vaj huam sib luag ntxiv rau sab laug ntawm nplooj ntawv uas tso cai rau Lus, daim ntawv qhia tsev kawm ntawv yog tias muaj ntau cov nplooj ntawv, Qhov Kev Xeem Tau Txaus Siab, Sib Koom Nyob, Sau thiab xa mus rau Dashboard.
Hauv qab ntawm nplooj ntawv yog lwm qhov me me uas tso cai rau koj pom cov ntsiab lus sib tham, qhia los sis nkaum lus thiab qhia qhov txuas nrog lwm tus.