Otu esi emepụta ihe mepụtara n'ime Kaadị Adobe Experience Design CC

Ihe edepụtara site na Google ka e jiri mee ihe na gam akporo gam akporo dị ka ụzọ isi gosipụta nhazi nke imewe n'elu ikpo okwu.

01 nke 06

Otu esi emepụta ihe mepụtara n'ime Kaadị Adobe Experience Design CC

Site n'ikike Tom Green

Ozugbo ndị na-emepụta malitere na-egwugharị na ya ma na-aghọta echiche dị na ya, Nwepụta ihe ejirila nwayọọ nwayọọ ghọọ otu n'ime ihe ọmụma dị omimi a na-ahụ anya na ntanetị weebụ . Ihe niile ị ga - eme iji hụ ihe anyị na - enweta bụ ime Ihe Nchọpụta Imepụta na Pinterest ma ị ga - ahụ ọtụtụ narị ihe atụ na nyocha na ngwaọrụ, mbadamba, na ọbụna weebụsaịtị.

Akụkụ na-adọrọ mmasị nke Ihe E Kere Eke bụ echiche Google banyere otú ngwa ga-esi gosipụta ma rụọ ọrụ na ngwaọrụ mkpanaka ma a na-eji echiche ọ bụla eme ihe na ngebichi ọ bụla ọ bụla n'elu ikpo okwu ọ bụla. Dị ka Google na-ekwu na paragraf nke mbụ nke nkọwapụta ahụ, "Anyị na-agba onwe anyị aka ka anyị mepụta asụsụ a na-ahụ anya maka ndị ọrụ anyị nke na-eme ka ụkpụrụ ndị mara mma dị mma na imepụta ihe na nkà na ụzụ na sayensị. Nke a bụ ime ihe onwunwe. Nke a bụ akwụkwọ dị ndụ nke a ga-emelite ka anyị na-anọgide na-azụlite ihe ndị ahụ na nkọwa nke ihe eji eme ihe. "

Ihe a na-ekwu banyere ya, n'ozuzu ya, bụ akwụkwọ na ihe ngosi nke Ihe Kere bụ kaadị. Chee echiche maka igodo ndepụta na n'elu ma na ị nọ na egwu ahụ. Kaadị bụ mmewere nwere foto, vidiyo, njikọ ederede na ihe ndị ọzọ ma ebe ha dị iche na ọtụtụ atụmatụ mmekọrịta ha na-eche ka ha lekwasị anya n'otu isiokwu. Kaadị nwere akụkụ gbara gburugburu, nwere okirikiri ihu na-egosi na ha dị elu ma ọ bụrụ na ha niile nọ n'otu ụgbọelu a na-akpọ ha "nchịkọta".

Na nke a "Olee otú" anyị ga-esi mepụta kaadị dabere na nsonye. Kama ịmepụta kaadị ahụ dị iche iche na ntanetị ihe osise, anyị ga-abịa na ya site na ntụziaka dị iche. Anyị ga-eji ngwá ọrụ Adobe Experience Design nke dị ugbu a na Macintosh-ọ bụ naanị ọha na eze na enwere n'efu. Ịnwere ike ibudata ya ebe a.

Ka anyị malite.

02 nke 06

Ịmepụta Prototype Artboard na Adobe Experience Design CC

Jiri ngwá ọrụ artboard na template artboard iji malite. Site n'ikike Tom Green

Enweghi ụzọ doro anya iji mepụta ihuenyo gam akporo site na Ihuenyo Mmalite na Nlereanya CC (XD). Ihe anyị na-eme mgbe anyị meghere XD, bụ họrọ nhọrọ iPhone 6 na, mgbe interface ahụ meghere, anyị na-ahọrọ ngwá ọrụ Artboard na ala nke Toolbar ma họrọ Android Mobile site na nhọrọ na Njirimara Njirimara gaa n'aka nri. Mgbe ahụ, anyị na-agbanye na ngwá ọrụ nhọrọ, pịa otu ugboro na aha artboard iPhone na ihichapụ artboard. Achọghị ọzọ.

Na mbipute XD nke ugbu a, enwere obere akụ n'akụkụ iPhone 6 nke, mgbe ịpịrị, mepee menu lisụ. Site n'ebe ahụ ịhọrọ nsụgharị Android Mobile na gam akporo Mobile artboard họrọ emepe na interface.

Iji hụ na anyị nwere oghere ihuenyo kwesịrị ekwesị maka kaadị, anyị na-agakarị na-ederede 3 na idetuo na mado Ogwe Ọnọdụ, Nav Bar, na App mmanya site na Ihe Kere Template n'ime artboard. Ihe odide nke 3.2 nwere ihe eji emepụta ihe ( File> New From Template> Material Design ) na onye ọzọ n'ezie ezigbo n'efu bụ Kyle Ledbetter nke ị nwere ike nweta ebe a. Ọ bụrụ na ịnweghị akwụkwọ, ị nwere ike idetuo na mado ha site na ihe ngosi XD chọtara na Njikwa> Mepee UI Kit> Ihe Google . I nwekwara ike ibudata ha na Google maka iji mee ihe na Photoshop, Illustrator, After Effects and Sketch.

03 nke 06

Na-agbakwụnye Ihe Kaadị Ekike na Adobe XD CC Artboard

Ihe akpa UI bara ezigbo uru na ha kwekọrọ na nkọwapụta ihe dị iche iche

Otu n'ime atụmatụ kachasị mma nke XD bụ itinye UI Kits maka Apple iOS, Google Material, na Microsoft Windows. N'ọtụtụ ụzọ, ha na-etinye okwu ahụ bụ "Rapid" na okwu bụ "Rapid Prototyping". Ha na-eme ka ọrụ onye mmepụta ahụ dịkwuo mfe na ihe ndị ahụ na-ahụkarị UI adịghị mkpa ka a na-akpọghachi ha ugboro ugboro na Ngwa Ejiji dịka Photoshop, Illustrator ma ọ bụ Eke.

Ihe UI anyị chọrọ bụ kaadị. Iji nweta ya, anyị ahọrọ Njikwa> Mepee UI Kit> Ngwa Google na ihe mepere emepe dị ka akwụkwọ ọhụrụ. Ihe dị mkpa anyị dị na ngalaba Cards.

Ihe anyị hụrụ maka ndị a bụ na ha na-agbaso ihe nkọwapụta ihe dị iche iche dịka akọwapụtara dị na Nkọwapụta Mgbochi Afọ yana ederede na ntinye ederede akọwapụtara na Typography spec.

Ụdị kaadị anyị chọrọ bụ nke dị na ala aka ekpe. Naanị anyị na-ede ya na ntinye anyị ma depụta ya na windo. O di nwute na, XD enweghi njirimara a ma ama maka akwukwo mepere emepe. Ihe anyị na-eme bụ ịkwapụ windo akwukwọ mepere emepe ntakịrị iji gosipụta onye anyị na-arụ ọrụ, họrọ ya na mado. Ụzọ ọzọ nke na-agbanwe ngwa ngwa n'etiti akwụkwọ XD bụ iji pịa Command- ' .

04 nke 06

Otu esi edezie ihe eji eme ihe na Adobe Experience Design CC

Ejikọtara ihe ọ bụla UI nke agbakwunyere ọrụ XD. Jide n'aka ijikọta ihe ahụ tupu edezi. Site n'ikike Tom Green

Mgbe kaadi na XD ga-abịa site na clipboard adịghị eji obi ụtọ malite ịrụ ọrụ na ya. Ihe mbụ ị ga - eme bụ iji Ungroup kaadị n'ihi na ị chọrọ ịnweta bit na mbubata na-edekọ kaadị ahụ. Iji mee nke a, họta kaadị wee họrọ Ihe> Ntugharị ma ọ bụ pịa Nyefe -Iwu-G.

Kaadị gị ugbu a nwere ato atọ:

Ihe mbụ ị ga-eme bụ ihichapụ ogwe ntụ ntụ. Naanị nzube ya bụ ime ihe dị ka onye na-edebe ebe maka onyinyo nke na-eme ya, ma ọ bụrụ na ị họrọ, nhọrọ.

Igbe na ederede bụ n'ezie agba ntụ gbara ọchịchịrị na 50% opacity. Enwere ike iji igbe a dị ka ederede ndabere na ị nwere ike ịgbanwe agba na opacity igbe.

Ọ bụ ezie na ọ pụtaghị ìhè ozugbo, igbe ahụ na-acha ọkụ na-agbaso Ihe Ekepụta Ụdị na ebe nkuku ya dị elu bụ 2 pikselụ. Buru nke a n'uche ma ọ bụrụ na ị na-agbakwunye ihe oyiyi. Ọ ga-achọkwa akụkụ ndị nwere nkuku nke nwere ike itinye na ngwa ihe ngosi ma ọ bụ na XD.

Ịhụ dịka otu a si dị ka ebe nchekwa nke kaadị ọ chọrọ onyinyo. The spec na-eme ka o doo anya na e nwere izu ike nke elu nke 2 pixels. Iji gbakwunye nke a, họta ụdị ọdịdị nwa na-edozi ụkpụrụ Y na B (Blur) na 2 na nchịkwa ihe.

05 nke 06

Otu esi tinye ihe n'inwe ihe eji eme ihe na Adobe XD CC

Otu ụzọ na-arụ ọrụ na ihe oyiyi bụ iji onye na-edebe ebe obibi iji kpuchie ihe oyiyi ahụ dị na ya. Site n'ikike Tom Green

Ịmara kaadị ahụ dị 344 pixels n'obosara na ebe oyiyi bụ 150 pixels elu ( ọkara nke elu nke ogwe ọkụ ntụ ntụ ) Anyị meghere oyiyi ahụ na Photoshop, gbanye ya na nha ma zọpụta ya site na nhọrọ 2 2x na Exposing Photoshop dị ka nkwurịta okwu igbe. Eburu foto ahụ n'ime Adobe XD.

Anyị wee dọrọ igbe ahụ na-acha uhie uhie n'elu onyinyo ahụ na pasteboard wee họrọ Ihe> Nkpuchi na udi . Ihe si na ya pụta bụ onyinyo ahụ na-ebu akụkụ ndị dị n'akụkụ ahụ. Anyị wee kpalie onyinyo ya n'ọkwa ikpeazụ ya.

Site na onyinyo ahụ, anyị gbanwere agba agba nke igbe dị arọ, gbanwere ederede na agba nke ederede njikọ.

06 nke 06

Iji Adobe XD CC Grid Feature

Jiri ihe Grid nke Adobe Experience Design CC maka nhazi nke ihe ndị dị na ya. Site n'ikike Tom Green

Na kaadị mezue ya ugbu a kwesiri ka edozie ya dika ihe di iche. Nke a pụtara na enwere 8 pikselụ n'akụkụ ọ bụla nke kaadị na kaadị ahụ ga-abụ 8 pikselụ dị n'okpuru ogwe ngwa ahụ. Iji mee nke a, pịa otu ugboro na akara artboard na, na Ogwe Njirimara, họrọ Grid. Grid na-egosi n'elu artboard.

Nchịkọta nchịkọta ndabara bụ 8 pixels nke na-abụ otu nhazi nke ihe maka Ihe Design.If ọ dị gị mkpa dị iche, gbanwee uru na mpaghara Grid. Ọ bụrụ na ịchọrọ ịgbanwe agba nke grid, pịa mgbaaka ụcha ma họrọ ụcha sitere na Onye na-agba Ncha.

Na igodo anya, pịa na kaadị ma bulie ya na njedebe ya.

Iji mechaa, anyị ahọrọ kaadị ahụ, pịrị bọtịnụ Gaa Gaa Gaa ma gbanwee oghere dị n'etiti kaadị na 8 pikselụ.