Inā loaʻa kekahiʻano o ka hanaʻana me Illustrator eʻikeʻole wau i kēia mea,ʻo ia ka hoʻohuliʻana i ka laina laina no ke kiʻiʻana i nā kiʻi no ka pūnaewele a iʻole ka pūnaewele. Ke hoʻohana nei i ka Export> E hele i ka papa inoa a, e hoʻomāhuahua i ka pono, ka hoʻokuʻu pūnaewele - Export> Save For Web -ʻaʻole maʻalahi hiki ke hoʻohana.
ʻO ka hoʻololiʻana i kahi kiʻi i ka puka .svg ua wehe i kahi pahuhoka hoʻopuka weliweli, no ka poʻe hou i kēia hawina, hāʻawi lākou i kahi papaha o nā kohoʻaʻole hiki ke haʻi i ka meaʻoiaʻiʻo he nui nāʻano .svg a hoʻokahi wale nō o lākou i kūpono hōʻuluʻulu. I ka wā i hoʻohana aiʻoe i kēia kūmole,ʻaʻole ia he mea nui, akā,ʻo ka pā kula ua kiʻekiʻe.
Ua hoʻololiʻia kēlā me kaʻoihana Export For Screens - Export> Export for Screens - a me ka papa lawe kālā'Aiho i hoʻokomoʻia i ka Illustrator CC 2015 i ka mahinaʻo Iune 2016. I loko o kēia "How To" E hōʻike wau iāʻoe pehea e hoʻohana ai i nā meaʻelua. nā hiʻohiʻona. E hoʻomaka kākou.
01 o 04
Pehea e komo ai i ka laweʻana no nā pale ma ka Adobe Illustrator CC 2015
Ma hope o kaʻu mea i hoʻohālike i mea hoʻohana mai Illustrator 88 Manaʻo wau e hiki iāʻoe ke hoʻomaopopo i koʻu makemake e noʻonoʻo i ka Illustrator e like me he mea hana maʻalahi no nā pūnaewele pūnaewele a me nā papa hana.
I ka wā i hoʻokomoʻia ai nā pākīpika ma ka CS4 version 2008, manaʻo wau he hāʻina hoihoi ia i ka noi. I ka wā iʻike mua ai au i ka hoʻolālāʻana o ka Pūnaewele Hoʻopuka Pūnaewele no Illustrator, uaʻike au i ka maikaʻi akā uaʻike wau i kaʻano like i loko o Adobe Fireworks e pili pū me nā kiʻi pūnaeweleʻoi aku ma mua o ka Hoʻolālā.
Me ka hikiʻana mai o kahi pūnaewele-keʻokoʻa i ka hoʻolālā a me ka hilinaʻi nuiʻana i nā kiʻi SVG no nā papahana polokalamu pūnaewele,ʻo Illustrator kaʻu "hele" i mea hana no SVG a lilo i mea nui i ka holoʻana o ka UI Designflow.
Akā, inā pono iaʻu e hoʻokuʻu aku i nā waiwai no ka pūnaewele,ʻo Sketch 3 a me Photoshop CC 2015ʻo kaʻu mau mea pono loa ia. Ua hoʻokomoʻia ka mea kiʻi kiʻi i ka papa inoa i ka mahinaʻo Iune 2016 me ka mea hoʻokuʻu nui loa no ka pane'ōmeʻa.
Ma kēia hiʻohiʻona i hōʻikeʻia nei, aia iaʻuʻelua mau pale i hoʻoiliʻia no ka iPhone a aia lākou ma nā Artboards i kapaʻiaʻo "Home" a me "Nā wahi". No ka laweʻana iā lākou, ua koho wau i Kōnae> E hoʻokomo> Upuka no nā pale. Kuhiʻia ka Export for Screens dialog.
02 o 04
Pehea e hoʻohana ai i ka hoʻokuʻuʻana no ka pahu pahuʻike
Keʻikeʻia ka pahu diaka, e kaomi i kēlā me kēia kiʻi i kohoʻia. Ma laila e hoʻolimalima ai i kahi hōʻailona. Hiki iāʻoe ke pāpālua i ka inoa artboard no ka kohoʻana a hoʻololi paha. He mea maikaʻi kēia eʻike ai inā e kapaʻia kāu mau'anakahi "Artboard 1" a me "Artboard 2" a,ʻoiaʻiʻo,ʻaʻole e haʻi aku iāʻoe i kekahi mea.
Loaʻa iāʻoe nā kohoʻekolu ma ka Wahi koho:
- ʻO nā mea a pau: ʻO kēia koho e hoʻokuʻu aku i kēlā me kēia pepa i loko o ka pepa e like me kahi waihona pūnaewele.
- Wahi: E hoʻokomo i keʻano o nā kiʻiʻoihana kiʻi e hoʻokuʻu aku. He mea pono loa kēia no nā papahana me nā papa hana kiʻi heʻumi.
- Paʻa piha: E koho i kēia a me nā papa hana kiʻi a pau i kahi palapala hoʻokahi.
ʻO ka Export To kahi kahi āu e koho ai i ka'ōpena huakai no ka huahana. ʻO ka pane paʻamau kahi kahi o ka hōʻike Illustrator.
ʻO nā papahana kahi i loaʻa ai ka "magic magic. Eʻikeʻoe aiaʻekolu mau kiʻi - Iʻokoʻo. ʻO Android a me Gear. ʻO nā papa muaʻelua he wehewehe pono'ī. Hoʻopuka ka Gear icon i nā Hōʻali Pūnaewele e hiki ai iāʻoe ke mālama i keʻano o ka hoʻopiliʻana o kēlā me kēia pūnaewele ma ka papa inoa. ʻO kēia mau hoʻonohonoho he "hōʻokoʻa kiko'ī" a i ka manawa āu i hana ai i kāu mau hoʻololi, e kaomi i ka pākuhi Palekana Palekana a e hoʻohanaʻia kēia mau hoʻololi i nāʻano e hanaʻia.
Ke koho kokeʻoe iā iOS a iʻole Android, e loli ka papa inoa e komo i nā hopena i loaʻa ma kēlā papahana. E hōʻike ana ka papa inoa IOS i nā mea hōʻailona no ka Retina display a me ka kohoʻana o nā koho i loaʻa mai i ka .75x a hiki i ka 4x e hoʻokomo i nā'ōnaehana Android a pau ma laila.
Inā he papa e hōʻike ana e makemake anaʻoe e wehe, e kaomi i "x". Inā loaʻa kekahi mea āu e makemake ai e hoʻohui i ka pākuhi + Add Scale.
I ka pauʻana, e kaomi i ka pākuhi Export Artboard aʻikeʻia kahi pāʻali holomua e hōʻike iāʻoe i ka pauʻana o ka hana.
03 o 04
Ke hoʻohana nei i ka mea hōʻailona no nā'ōkuhi pane mai Adobe Illustrator CC 2015.
Ke nānāʻoe i nā hualoaʻa o Export for Screens, eʻikeʻoe i ka mea i hōʻikeʻia e ka Illustrator he palapala hoʻopalapala o kēlā me kēia kiʻi. Ma luna o kaʻili, hiki paha i kēia mea ke hoʻonāwaliwali paha inā paha e manaʻo anaʻoe i ka laweʻana o ka mea kiʻi kiʻi i nā mea a pau a me nā'āpana.
Ināʻoe e hoʻi i hope a noʻonoʻo e pili ana iā ia no kekahi manawa,ʻo ka mea maoli kēia e pono ai iāʻoe no ka mea hiki iāʻoe ke hoʻohana i kēia huahana i loko o kahi palapala ho'āʻo e like me Adobe Experience Design , Principleformac, Atomic.io , UXPin a iʻole kekahi mea hana'ē aʻe.
Ma kēia hana, ke hoʻohana nei au i Adobe Experience Design (XD) i mea e hoʻokumu i kahi pāʻani maʻamau. ʻO ka hana mua ma ke kaʻina hana,ʻo ia ke koho i ka nui o ka helu iPhone 6 e pili ana i ka nui o ka Intermediate Illustrator
I ka weheʻana o ka hōʻailona, ua koho wau i ka papa Artboard a ua pākaʻi kokeʻia ma ka papalina e hoʻonui i kekahi artboard. Ua kapa wau iā lākouʻo "Home" a me "Nā wahi", i kohoʻia kēlā me kēia papa kiʻi a lawe mai i ka png kiʻi mai ka Illustrator i loko o ka artboard.
No ka hoʻokumuʻana i nā "hotspots" no ka pāwhiri click, ua kau wau i kahi'ōkuhi ma luna o ka pāʻani Explore i ka home home and set his full fill and limit values with no by selecting those properties in the Properties panel. Ua hana wau i ka mea like me ke kī Back ma kaʻaoʻaoʻAoʻao.
No ka hoʻohuiʻana i ka Interactivity, ua koho wau i keʻano Prototype a laila kaomiʻia ma luna o ka "piko pele". No laila ua kiʻi au i ka pua-i heaʻia he wili - i kaʻaoʻao Pages a hoʻonoho i ka pahu i hoʻoholoʻia ma nā wahi, ka manaʻo e haʻalele i ka hema, ka māmā e hoʻokuʻu aku a me ka lōʻihi o ka hoʻololi i .6 kekona.
Ua hana au i kēia hana me ka piko pele ma kaʻaoʻaoʻAoʻao. ʻO keʻano wale nō ka hoʻonohonohoʻana o ka transition i ka pākuhi'ākau. I koʻu pāʻana i ka pāʻani Pāʻani wau i ho'āʻo i kaʻu papahana.
04 o 04
Pehea e hoʻohana ai i ka Pūʻulu'Aiho KūwāhiʻO Adobe Illustrator CC 2015
Ma waho o ka Save for Screens menu Adobe ua hoʻohui pū i kahi papa hou -'Ahua'Aiho - ua wehe i kahi koʻikoʻi nui i ka holomua UI Design.
ʻO ka helu wela nā kiʻi. ʻO ka mea hōʻike kiʻi he mea hoʻolālā kiʻi kikokikona nui akā i ka pukaʻana, e'ōlelo kākou i nā kiʻi he 10, ma kaʻaoʻao me 40 a 50 paha o lākou e makemakeʻia kēlā me kēia mea e mālamaʻia ma ke kiʻi SVG. Ua makemakeʻia kēia manawa i ka manawaʻoi aku ma mua o ka manawa maʻamau i nā heleʻana i ka pūʻulu SVG. He mea kēia i kēia manawa.
Hiki ke loaʻa kēia pūʻulu hou ma Window> Kahua'Aipuka. Ke wehe ka pūʻulu, koho i ka waiwai āu e makemake ai e hoʻololi i ka SVG a iʻole ka palapala'ē aʻe a kau i loko o ka papa. Ke hoʻokuʻuʻoe i kaʻiole i hoʻonuiʻia kahi kiʻi pāʻani o ka waiwai i ka papa. Kākau i ka waiwai. E hoʻomau i ka hoʻokuʻuʻana i nā mea i loko o ka hui a hoʻopauʻia.
E koho i kēlā me kēia makelia Ma ka wahi hoʻokuʻu o kahi hoʻokuʻu, aiʻole e koho i nā mea a pau ma ka hoʻopaʻaʻana i ke kī liʻuliʻu a kaomiʻana i kēlā me kēia. E koho i kāu hōpili - ma kēia hiʻohiʻona, koho wau iā SVG- a kaomi i ka pihi'Aipuka. E hoʻopukaʻia nā mea i kohoʻia e like me nā kōnae SVG i kahi i like me ke kiʻi Illustrator.
Ma kahi o ka hoʻomehanaʻana o kēia'ōnaehana holoʻokoʻaʻaʻole ponoʻoe e hoʻohana i ka pūʻulu'Aiho'Apana. Ināʻoe e pākihi i ka pākuhi Hoʻomalu no ka pihi ma lalo o ka pūʻulu e weheʻia ka pahu diaka.
Ma ka hoʻololiʻana, hiki iāʻoe ke pākuhi i kaʻaoʻao Asets i ka Save for Screens panel e hiki ai i ka papa'āina'Apana'Aiwi. Eia kekahi laʻana, inā loaʻa iāʻoe kahi hiʻona maʻamau i kahi artboard hiki iāʻoe ke wehe i ka pahuhopu Asset Export i loko o ka pahu Haʻawina Moʻolaila a hoʻokuʻu i kēlā mea i ka papaʻo'Apana'Ahua.