Ọ bụrụ na enwere otu akụkụ nke na-arụ ọrụ na Illustrator na anaghị m enwe obi ụtọ na ọ na-emegharị ihe osise iji svg ihe oyiyi maka mkpanaka ma ọ bụ weebụ. Iji mbupụ> Mbupụ Dị ka menu ma, iji jiri obi ọjọọ kwuo eziokwu, nchekwa Save For Web - Export> Save For Web - abụghị kpọmkwem mfe iji.
Ịtụgharị ntaneti na .svg usoro meghere igbe okwu egwu nke na, maka ndị mmadụ ọhụrụ na arụmọrụ a, nyere ọtụtụ nhọrọ dịgasị iche iche ịghara ikwupụta na e nwere ọtụtụ .svg formats na naanị otu n'ime ha bụ ihe kwesịrị ekwesị nhazi. Ozugbo ị na-eji arụmọrụ a ọ bụghị nnukwu ihe, ma usoro mmụta ahụ dị oke.
Nke a agbanweela ya na njirimara Ọpụpụ maka Ngosipụta ihuenyo - Mbupụ> Mbupu maka Ihuenyo - na Ogwe Mbupu Nchịkwa nke e mere ka ọ bụrụ ihe osise na CC 2015 na June 2016. Na nke a "Olee otú" M ga-egosi gị otu esi eji ma atụmatụ. Ka anyị malite.
01 nke 04
Olee otú ị ga-esi nweta mbupụ maka ákwà na Adobe Illustrator CC 2015
Ebe ọ bụ na m bụ onye na-eme ihe ngosi mgbe ọ bụ na-egosi na ị nwere ike ịghọta nkwụsị m iji tụlee ihe osise dịka ihe dị oké njọ maka ngwa weebụ na nke ekwentị.
Mgbe e gosipụtara ihe osise na CS4 mbipute 2008, echere m na ọ bụ ihe na-adọrọ mmasị na mgbakwunye ngwa ahụ. Mgbe mbụ m hụrụ na ugbu a na-deprecated Save For Web feature in Illustrator, ọzọ, M hụrụ na ọ na-adọrọ mmasị ma m hụrụ otu atụmatụ na Adobe Fireworks na-adabara na web graphics karịa Illustrator.
N'ibute ọbịbịa nke ngwa-ngwa-ngwa maka imewe na ịdabere na SVG ihe oyiyi maka arụmọrụ mobile, Illustrator bụ m "gaa" ngwá ọrụ maka SVG wee ghọọ ihe dị mkpa na nhazi UI.
N'agbanyeghị nke ahụ, ọ bụrụ na achọrọ m mbupụ akụ maka mkpanaka, Sketch 3 na Photoshop CC 2015 bụ ngwá ọrụ m ịhọrọ. Onye na-ese foto banyere na ndepụta nke ọnwa June 2016 na mbubata mbupụ maka ntinye ihuenyo.
Na ihe atụ ahụ dị n'elu, enwere m ákwà ngebichi abụọ maka iPhone na ha nọ na Artboards dị iche iche aha ya bụ "Home" na "Ebe". Iji mepụta ha, ahọpụtara m Njikwa> Mbupụ> Mbupụ maka Nje. Ihe nbata nke ntanye ihuenyo mepee.
02 nke 04
Otu esi eji akwukwọ nyocha maka ihuenyo
Mgbe igbe ahụ gosipụtara, pịa ibe ọ bụla ịhọrọ. Mgbe ahụ, ọ ga-egwu akara. I nwekwara ike pịa aha artboard ugboro abụọ iji họrọ ya ma gbanwee ya. Nke a bụ ihe dị mma ịmara ma a na-akpọ gị artboard 1 "na" Artboard 2 "nke na-agwaghị gị ihe ọ bụla.
I nwere nhọrọ atọ na mpaghara Họrọ:
- Niile: Nke a na-ebupụ ọ bụla artboard na akwụkwọ ahụ dị ka faịlụ dị iche.
- Ogo: Tinye ụdị ihe osise ị ga-ebupụ. Nke a bara uru karịsịa maka oru ngo nwere ihe osise iri na abụọ.
- Akwụkwọ zuru ezu: Họrọ nke a na ihe osise niile a ga-agbada n'ime otu akwụkwọ.
Mpaghara mbupụ na mpaghara na-ahapụ gị ịhọrọ ebe nchekwa maka mmepụta. Ndaba nchekwa ahụ ga-abụ ebe dị ugbu a nke akwụkwọ Illustrator.
Ụdị bụ ebe "anwansi na-eme. Ị ga-achọpụta na e nwere akara ngosi atọ - iOS. Android na Gear. Abụọ abụọ bụ nkọwa onwe onye. Ihe ngosi Gear ahụ mepee Usoro Ntọala nke na-enye gị ohere ijikwa otu esi etinye usoro nke ọ bụla n'ime faịlụ ahụ. Ntọala ndị a bụ "usoro a kapịrị ọnụ" na ozugbo i meela mgbanwe gị, pịa bọtịnụ Ntọala Ntọala, a ga-etinyekwa mgbanwe ndị ahụ na usoro ndị a ga-arụpụta.
Ozugbo ị họọrọ iOS ma ọ bụ gam akporo, listi ahụ ga-agbanwe iji tinye mkpebi niile dị na n'elu ikpo okwu ahụ. Nchịkọta nke iOS ga-egosi ihe ndị na-emenye egwu maka ngosi Retina na nhọrọ nhọrọ gam akporo nhọrọ nwere site na .75x na 4x nke na-etinye ihe ọ bụla ngwaọrụ Android n'ebe ahụ.
Ọ bụrụ na usoro dị na-egosi na ịchọrọ iwepụ, pịa "x". Ọ bụrụ na e nwere otu ịchọrọ ịgbakwunye pịa bọtịnụ + Tinye Scale.
Mgbe agwụchara, pịa bọtịnụ Export Artboard na ogwe ọganihu ga-egosi gị mgbe usoro ahụ gwụchara.
03 nke 04
Iji The Export For Screen Files from Adobe Illustrator CC 2015.
Mgbe ị na-achọpụta ihe Ọpụpụ maka Ihuenyo, ị ga-achọpụta na Onye Nkọwapụta na-emepụta nsụgharị nke ngosi nke ihuenyo ọ bụla. Na n'elu, nke a nwere ike iyi ka ọ bụ obere ike karịsịa ma ọ bụrụ na ị na-atụ anya ka onye na-ese foto gosipụtara ebubo niile dị ka ihe oyiyi.
Ọ bụrụ na ị laghachi azụ ma chee banyere ya ruo oge ụfọdụ, nke a bụ n'ezie ihe ị chọrọ n'ihi na ị nwere ike iji mmepụta a na ngwa prototyping dịka Adobe Experience Design , Principleformac, Atomic.io , UXPin ma ọ bụ ngwa prototyping ọzọ
Na ihe atụ a, Ana m eji Adobe Experience Design (XD) iji mepụta bọtịnụ dị mfe. Nzọụkwụ mbụ n'ime usoro a bụ ịhọrọ iPhone 6 nke dabara na akụkụ nke Interface Illustrator
Mgbe interface meghere, ahọpụtara m ngwá ọrụ Artboard wee pịa otu ugboro na pasteboard ka ị gbakwunye ọzọ artboard. M wee kpọọ ha "Home" na "Ebe", ahọrọ nke ọ bụla artboard ma bubata png oyiyi si Illustrator n'ime artboard.
Iji mepụta "hotspots" maka click-thru, m na-ese ntanetị n'elu bọtịnụ nyocha na ihuenyo ụlọ ma debe ya na njedebe ókè ya site na ịhọrọ ihe ndị ahụ na Njirimara Njirimara. Emere m otu ihe ahụ na bọtịnụ azụ na ebe peeji.
Iji tinye Interactivity ahụ, ahọpụtara m ụdị Prototype wee pịrị "hotspot" ahụ. M wee dọkpụrụ akụ ahụ-a na - akpọ waya - na peeji nke ebe ma debe ihe mgbaru ọsọ na ebe, ebe a na - agagharị na-ekpe aka ekpe, ihe nkwụsị iji mee ka ọ dị jụụ na oge nke mgbanwe na .6 Sekọnd.
Emeghachiri m nzọụkwụ a na hotspot na Ebe peeji. Nanị ihe dị iche bụ na a gbanwere Transition gaa Push Right. Mgbe m pịrị igodo Play, anwalere m ihe nnwale m.
04 nke 04
Otu esi ejiri Ogwe Akụrụngwa mbupụ Na Adobe Illustrator CC 2015
Tinyere Save maka Adobe screen Adobe gbakwụnyere ọhụụ ọhụrụ - Akụrụngwa mbupụ - nke wepụrụ nnukwu ihe ngbu na arụmọrụ UI.
Isi ihe mgbu bụ akara ngosi. Onye na-ese foto bụ ezigbo ngwa ịchọta ngwa ngwa kama iji mepụta ihe, ka anyị kwuo 10 akara ngosi, na ibe ya na 40 ma ọ bụ 50 n'ime ha chọrọ ka onye ọ bụla zọpụta ya dị ka foto SVG. Nke a na-achọghi achọpụta oge karịa oge gara aga n'ihi ọganihu ndị gara aga na panel SVG. Isi ihe mgbu a bụ ihe dị n'oge gara aga.
Enwere ike ịchọta ọhụụ ọhụrụ na Ohere> Akụrụngwa Akụrụngwa. Mgbe oghere ahụ meghere, họrọ ihe onwunwe ịchọrọ ịtụgharị na SVG ma ọ bụ usoro ọzọ ma dọrọ n'ime panel ahụ. Mgbe ị hapụrụ òké a tọghatara mkpokọta nke akụ na ụba. Aha akụ. Nọgide na-adọrọ ihe n'ime panel ahụ ruo mgbe ị gwụchara.
Họrọ ihe ọ bụla Na mpaghara ntọala Mbupụ, ma ọ bụ họrọ ha niile site na ijide igodo Shift na ịpị onye ọ bụla. Họrọ usoro gị - na ihe atụ a, ahọpụtara m SVG- ma pịa bọtịnụ Mbupụ. Ihe ndị a ahọpụtara ga-emepụta dị ka faịlụ SVG n'otu ebe dị ka faịlụ Illustrator.
Ebe usoro a dum na-enweta ọbụna n'oge na-adịghị anya ọ bụ na ị gaghị eji Ogwe Mbupụ Nhọrọ. Ọ bụrụ na ị pịa bọtịnụ Nchekwa maka bọtịnụ na nkwụnye nke panel ahụ, igbe ahụ ga-emepe.
N'aka nke ọzọ, ịnwere ike pịa taabụ Akụrụngwa na Chekwaa maka ihuenyo ntanetị iji nweta ọbịakọta Akụrụngwa Akụrụngwa. Dịka ọmụmaatụ, ọ bụrụ na ịnwe akara ngosi omenala na artboard, ị nwere ike mepee Ogwe Mbupụ Nhọrọ na Nchekwa maka ihuenyo ihuenyo ma dọrọ ihe ahụ n'ime Ogwe Mbupụ Nhọrọ.