Adobe Experience Design Design, Atụmatụ, na Usoro

01 nke 07

Adobe Experience Design Design, Atụmatụ, na Usoro

Mgbe Adobe wepụtara Experience Design dị ka Mgbasa Ọhụụ , ụlọ ọrụ ahụ mezuru ọhụụ abụọ dị ịtụnanya n'otu oge ahụ. Nke mbụ, ha nwere ohere n'ichepụta ahịa software na-apụta. Nke abụọ, ha kere ohere maka ndị ọrụ iji egwu na-arụ ọrụ "na-aga n'ihu" ma na-ekwe ka ndị ọrụ ahụ nwee ọganihu ahụ. Ugbu a na ngwa a dị maka ọnwa ole na ole, echere m na ọ ga-abụ oge dị mma ịkọrọ ụfọdụ aghụghọ, ndụmọdụ, na usoro.

Mana nke mbụ, ị nwere ike ịnọ na-eche ihe Prototyping Software pụtara. Otu n'ime ndị isi egwuregwu a bụ Proto.io, Principle, UXPin, Atomic.io , Experience Design and InVision. N'adịghị ka ngwa ndị dị ka Sketch 3, Photoshop na Illustrator ebe a na-emepụta atụmatụ dị iche iche, ndị editọ ederede a na-ewebata mmekọrịta, mmegharị na ihe ndị ọzọ dị na ntinye mkpanaka na ebe nrụọrụ weebụ.

Site na ịrị elu nke mobile na ihe a na-apụghị izere ezere, laser-dịka ilekwasị anya na Onye ọrụ, ọ dịghịzi ezu maka onye mmepụta iji tụọ ihe osise ụfọdụ, dọkọtara ọnụ ọgụgụ ole na ole wee hapụ ọrụ ahụ ma ọ bụ bulite ya na sava weebụ. Ulo oru UI / UX agbanwewo ihe. Nzọụkwụ ọ bụla nke usoro ahụ, site na ịchọta onye ọrụ, eserese, waya, nchịkwa, na prototyping ugbu a na-anwale nyocha nke njirimara.

Ọ bụ nke ikpeazụ - prototyping - ebe ebe ihe mgbu chọtara ma dozie tupu oru ahụ amalite n'ime mmepụta ikpeazụ. Nke a bụ ebe mmekọrịta, mmegharị, ntụgharị ihuenyo na ntinye nke ihe niile dị na ihuenyo dị oké egwu. Enwere ike ikwu na nsogbu na nsogbu abụghị naanị ihe oyiyi ma ọ bụ kọwaa ya. E kwuwerị, ngwaahịa ndị a bụ maka ụmụ mmadụ n'ezie. Kama ịmegharị ihe niile ahụ iji gbanwee, usoro mmemme na-arịwanye elu na -eme site na ngwanrọ software ndị e mere maka maka nzube ahụ. Ọ dị mfe idozi mmejọ, dochie ihe oyiyi, degharịa ederede, megharịa bọtịnụ ma wee jiri onye nyocha anya karịa nyochagharị na debugging mgbe niile.

N'ezie, ngwanro a aghọwo ihe bụ isi n'ime "Usoro Rapid Prototyping" nke oge a.

Na nke ahụ kwuru, ka anyị nwee ụfọdụ ọchị na Ahụmahụ.

02 nke 07

Mepụta Mpempe Nhọrọ na Oghere Dị Mfe na Adobe Experience Design

Otu akụkụ dị mma nke XD bụ iji ihe eji emepụta ngwa ngwa. Enweghị ike ịchọta akara ngosi? Nsogbu adịghị. Nyefee onwe gị. Nke a bụ otú:

1. Họrọ Ngwa Ellipse na, na nhọrọ / Alt-igodo igodo na-agbaso, weta gburugburu.
2. Na gburugburu ahọrọ, tọọ Ụdị njirimara na FF0000 na Ngalaba ka "onye ọ bụla" dị na Njirimara.
3. Pịa okpukpu abụọ ka igosi ihe isi ihe. Dọrọ arịlịka ala ala.
4. Pịa Anchor Point a na-ahọrọ ugboro abụọ ma dochie ya.
5. Debe obere obere gburugburu na-acha ọcha ma jupụta na stoke. Bugharịa ya ma họrọ ntụtụ na gburugburu. Na Ntọala nchịkọta n'elu nke Njirimara pịa bọtịnụ Ihuenyo kwadoro na Pin ka e kere.

03 nke 07

Mepụta Mmetụta Bọmbụ na Adobe Experience Design

Ọ bụ ihe na-agakarị inwe ederede ma ọ bụ ọdịnaya ndị ọzọ gbasara ndabere. Nsogbu a bụ onyinyo ahụ, ọtụtụ mgbe ọ bụghị, kpochapụ ihe dị n'elu ya. Otu ụzọ isi edozi esemokwu a bụ ime ka onyinyo dị na gburugburu. I nwere ike ikpuchi onyinyo ahụ na Photoshop ma ọ bụ ngwa nhazi ihe oyiyi ọzọ, ma nke a dịtụghị mma, karịsịa ebe XD nwere ike ugbu a rụọ ọrụ a maka gị. Nke a bụ otú:

1. Mepụta ọhụụ ọhụrụ ma gbakwunye foto ndabere gị.
2. Họrọ Ngwá Ọrụ Rectangle ka ịdee ntanzi n'elu onyinyo ahụ. Site na Rectangle ahọrọ, dozie Ntinye na White na Stroke na Ọ dịghị.
3. Site na Rectangle ahọrọ, họta Background Blur na nchịkwa ihe. Ihe ntanye atọ ahụ bụ Ọnụ Ọhụụ, Ìhè na Opacity. Nke a bụ ihe ha na-eme:

• Ọnụ Ọhụụ: Na-edozi onyinyo ahụ n'okpuru ọdịdị ahụ. Uru kachasị bụ + 50.
• Ibulite: Na- agbanwe isi ihe na onyinyo na oyiyi ahụ. Uru kachasị dị mkpa bụ -50 na Uru kachasị elu bụ +50.
• Opacity: Na-emetụta nghọta nke ọdịdị na nhụpụta nke onyinyo ahụ n'okpuru ọdịdị ahụ. Ụkpụrụ ndị dị na 0% ruo 100%.

Ọ bụrụ na ịchọrọ n'ezie "gbanwee ihe ndị dị elu", gbanwee agba nke ọdịdị ahụ na egwu na Opacity uru iji gbanwee "anya" nke onyinyo ahụ.

04 nke 07

Mepụta Scrim na Adobe Experience Design

Ihe mgbaru ọsọ a na-ahụkarị bụ ihe dị iche iche na-achọpụta ihe dị iche iche ga-abụ agba nkịtị ma, ọ na-efu ma ọ bụrụ na etinye ya n'elu onyinyo ma ọ bụ agba agba. Ihe ngwọta bụ ihe mgbochi. A scrim bụ ihe dịtụ gra gradient enịm n'etiti interface mmewere na ndabere. Nke a dị mfe ịrụ na XD. Nke a bụ otú:

1. Mepụta ihe osise gị na XD, gbakwunye ihe oyiyi ma dozie na mado ihe ngosi dị iche iche site na UI Kit dị mma - Njikwa> Mepee UI Kit ... - n'ime artboard. Na foto ahụ dị n'elu foto ahụ na-eme ka Ogwe Ọnọdụ na Ogwe Ihe Ogwe siri ike ịhụ.
2. Họrọ Ngwá Ọrụ Rectangle ma wepụta ntanetị. Na Nhọrọ Njirimara họrọ Ghọta ma họrọ Igwe nkwụsị site na pop n'elu na Picker Agba. Tọọ agba ndị gụrụ akwụkwọ na Black na White. Debe A uru - Opacity - 60% na White A uru 0%.
3. Site na Rectangle ahọrọ, họrọ Ihe> Nhazi> Zipụ azụ . A na-ahụzi ihe oyiyi dị iche iche n'elu onyinyo ahụ.

05 nke 07

Mepụta ihe ngosi Avatar na Adobe Ahụmahụ Kere

A na-achọta Ụkpụrụ Ebumnuche zuru oke na ngwa ntanetị ebe ndị mmadụ na-akparịta ụka na foto onye ọkà okwu na-egosi na ihuenyo. Ndị avatars a bụ ihe oyiyi nke masked. Ọ nwụrụ ngwa ngwa na XD. Nke a bụ otú:

1. Ị na-amalite na ihe oyiyi na gburugburu ma ọ bụ ọdịdị ọzọ na artboard. Ị nwere ike jupụta gburugburu ya na agba ọ bụla. Ihe ị na-ekwesịghị ime bụ ịgbakwunye ụcha strok. Ọ ga-apụ n'anya mgbe ị mepụtara mmetụta ahụ, yabụ mere kpatara nsogbu. Ọ bụrụ na ịkwesịrị ịdebe gburugburu ahụ, detuo ya na folda.
2. Bugharịa gburugburu na onyinyo ma họrọ ma onyinyo ma gburugburu. Na ihe bot na họrọ, họta Ihe> Nkpuchi na udi . Mgbe ị hapụrụ òké ahụ, emepụtara Avatar. Site n'ebe ahụ ị nwere ike iweghachite ya.
3. Ọ bụrụ na ịchọrọ ịgbakwunye ọrịa strok, kpoo gburugburu ahụ n'elu oche gị n'elu eriri. Site na nnakọta ahọrọ gbanyụọ njupụta na Njirimara ma gbakwunye ụcha na obosara. Iji tọọ ha elu, họta ma ihe abụọ ma pịa bọtịnụ Ntọala Center na Nhọrọ nhọrọ na n'elu nke ụlọ ọrụ.
4. Ọ bụrụ na ịchọrọ ịkwaga foto gburugburu na nkpuchi ahụ, pịa ihe nkpuchi abụọ. Nke a ga-egosi onyinyo ahụ na ihe nkpuchi ahụ. Pịa na onyinyo ahụ ma dọrọ ya na ọnọdụ. Mgbe ị hapụrụ òké ahụ, oyiyi ahụ ga-anọ n'ọnọdụ ọhụrụ ya n'ime nkpuchi.

06 nke 07

Jiri Adobe Experience Design Artboards

Ihe omuma imepụta ihe omuma abughi nani n'ebe ahu ka i tinye ihe di n'ime ya. Ha onwe ha kwa, enwere ike ime ihe. Lee ụfọdụ ihe ị nwere ike ime:

1. Ọ bụrụ na ịchọrọ nsụgharị nke Osimiri na nsụgharị nke artboard, mee ihe abụọ na artboard na, na oyiri nke ahọrọ, pịa bọtịnụ ala na Njirimara Njirimara. Artboard ga-agbanwe na nhazi ọdịda ala. Ọ bụrụ na Artboard nwere ọdịnaya na ya, pịa aha Artboard na Artboard Njirimara ga-apụta na Njirimara Njirimara.
2. Iji tinye omenala omenala na Artboard, na ọrụ maka okwu ahụ, họrọ Artboard wee pịa Fhip colored chip na Mpaghara nke Njirimara Njirimara. Tinye uru hexadecimal maka agba ma pịa akara + ahụ. A ga-agbakwunye agba ahụ dị ka Ụdị Omume. Iji tinye ụcha ahụ n'ebe ọzọ, họrọ ihe ma pịa Ụdị Ụdị Omume iji tinye agba.
3. E nwere ike ịmepụta ihe ndị a na-ahụ anya. Iji mee nke a, họrọ artboard ma gbanwee ịdị elu ma na Panels Njirimara ma ọ bụ site na ịdọrọ ala nke artboard ala. Na mpaghara ntụgharị nke ihe nchịkọta ihe, họrọ ntanetị si na pop elu menu ma tinye ọpụpụ ụgbọ elu maka ihuenyo. Nke a na-acha anụnụ anụnụ na-egosi gị ala nke ọdụ ụgbọ mmiri. Iji nwalee ya, pịa bọtịnụ Play na pịgharịa gaa. Iji gbanyụọ mpịgharịa, họrọ Ọ dịghị onye n'ime Scrolling pop.

07 nke 07

Dezie otu UI Kit Mobile na Adobe Experience Design

Nwepụta Ahụmahụ nwere UI Kit maka ịmepụta iOS, Android na Windows UI. Mgbe mbụ i meghere ha, ị nwere ike iche na ha mara mma nke ọma. Obughi ihe obula-nke obula na ibe ya na ihe ndi ahu di nma. Ka anyị chọpụta site n'ịmepụta gam akporo ekwentị.

1. Ị na-amalite site na ịhọrọ ngwaọrụ Artboard na ịhọrọ Android Mobile na mpaghara Google nke Njirimara Njirimara .
2. Họrọ Njikwa> Mepee UI Kit> Ihe Google . Nke a na-emepe UI Kit Kere. Họrọ Glass Magnifying na marquee na ọ na ihuenyo ihuenyo . Ọ na-amasị m ịmalite site na nke a n'ihi na ọ na-enye m nduzi maka nhazi nhazi ihuenyo nke ihe nnweta. Ọ bụrụ na ị pịa otu n'ime Ogwe Blue ị ga-ahụ na ọ na-ekpochi ya. Pịa mkpọchi agbakwunyere nke ọ bụla n'ime ha ka ị kpọghee ya . Mee ka artboard ahụ ma debe nhọrọ na clipboard. Gaa na akwukwọ gị ma kpaa ihuenyo ahụ n'ime gị artboard.
3. Pịa ozugbo na Ogwe mmanya na n'elu artboard. Rịba ama otu ị ga-esi họrọ ya. Họrọ Ihe> Nhazi> Wetara n'ihu. Nhọrọ gị dị ugbu a karịa ntụziaka ihuenyo. Nke a ga-agwa gị ihe ọ bụla dị na ihuenyo nwere ike dezie.
4. Pịa okpuru Ogwe Ọnọdụ n'elu ma, na Ogwe Njirimara s na Fill Color to 455A64 . Pịa okpukpu abụọ ma tinye ya jupụta na 607D8B. Nke a ga - agwa gị ihe ọ bụla n'ime ihe ngwa UI nwere ike idezi iji kọwaa nkọwa nke agba.
5. Kedu banyere akara ngosi? Nke a bụ otu esi agbanwe agba ha. Pịa ugboro abụọ ka obi họrọ ya. Ọ bụrụ na ị na-ele Ntọala Njirimara, ị nwere ike iche na ịnweghị ike idezi nhọrọ ahụ. Obughi. Kpee obi ugboro abụọ ọzọ . A na - emeghe Njirimara na ị gbanwee agba agbaju na FF0000. Tinyegharịa akara abụọ a ugboro abụọ iji pịa akara ngosi na ihe ederede.