Kana pane chimwe chinhu chekushanda neAustustrator kuti ini haisi kufara nayo inoshandura unyanzvi hwemutsara kune svg mifananidzo yefoni kana webhu. Kushandisa Export> Export As menu uye, kuti uve wakatendeseka, yePacheng For Web feature - Export> Save For Web - yakanga isiri nyore nyore kushandisa.
Kushandura mufananidzo ku .svg format yakazarura pane zvinotyisa bhokisi rebhokisi iro, kuti vanhu vatsva pabasa iri, vakapa zvinokanganisa zvingasarudzwa zvisingatauri chokwadi chaive nezviverengero zve .svg uye chimwe chete chazvo chaiva chakakodzera format. Pane imwe nguva waive wakashandura kugadzirwa kwebasa iri rakanga risina basa guru, asi ruzivo rwekudzidza rwakanga rwakawanda.
Izvo zvose zvakashandurwa neHurumende yeExpport For Screens yakabuda - Export> Export for Screens - uye panel yeAsset Export iyo yakaiswa ku Illustrator CC 2015 muna June 2016. Muchi "Ita Kuti" Ndiri kukuratidza kuti ungashandisa sei zvose features. Ngatitangei.
01 ye 04
Nzira Yokuwana Nayo Kutengeserana Kwezvikwangwani MuAdobe Illustrator CC 2015
Zvave uri Illustrator user kubvira Illustrator 88 Ndinofunga kuti unogona kunzwisisa kusada kwangu kuongorora Illustrator sechinhu chakakomba chekushandisa kwewebhu uye mobile interfaces nemapurojekiti.
Apo bhodhibhoards yakaiswa mu CS4 version 2008, ndaifunga kuti iyi yaiva kuwedzerwa kunonakidza kune chigadziro. Apo ini ndakatanga kuona ikozvino-yakaderedzwa yeKachengetedzwa kweWebhu muDisustrator, zvakare, ndakaiwana inonakidza asi ndakawana chinhu chimwe chete muAdobe Fireworks yakanga yakanyatsoenderana nemifananidzo yewebhu pane Illustrator.
Nekuuya kwemafambisi ekutanga ekugadzira uye kuwedzera kwekuvimba nezvifananidzo zveSVG zvemapurogiramu epamba, Illustrator ndiyo yangu "enda" kune SVG uye yakasimuka pakukosha muUI Design workflow.
Kunyange zvakadaro, kana ndichida kutengesa zvinhu zvefoni, Sketch 3 uye Photoshop CC 2015 ndiyo zvombo zvangu zvekusarudza. Illustrator yakapinda munyore muna June 2016 neIndex Export yeScreen yemenyu.
Mumuenzaniso uri pamusoro apa, ndine zvikwereti zviviri zvakagadzirirwa iPhone uye ivo vari paAarboards akasiyana anonzi "Home" uye "Places". Kuti ibudise, ndakasarudza Faira> Export> Export for Screens. Bhuku rekubudiswa kweScreen ibhokisi rinotanga.
02 of 04
Nzira Yokushandisa Iko Kushandirwa Kwekuda Kwebhokisi reDhiyabhorosi
Apo bhokisi rebhokisi rinowanika, tora pane imwe yebhodhi yepamusoro kuti isarudzwa. Izvo zvadaro zvichitamba cheki chekucherechedza. Iwe unogonawo kaviri-chinyorwa zita re artboard kuti usarudze uye richinje. Ichi chinhu chakanaka kuziva kana arborboards yako inonzi "Artboard 1" uye "Artboard 2" iyo, pachena, haina kukuudza chinhu.
Iwe une zvisarudzo zvitatu muSarudza nzvimbo:
- Zvese: Izvi zvinoshandiswa kunze kwekutsvaga zvigadzirwa rimwe nerimwe mune zvinyorwa sepepeji yakasiyana.
- Range: Isa mazamu e-artboards ekutengeserako. Izvi zvinonyanya kukosha kumapurogiramu ane mazita mashomanana emifananidzo.
- Full Document: Sarudza izvi uye zvose zvebhodhibhodhi zvichave zvakanyatsopindirwa mune imwe rugwaro.
The Export To area inokuita kuti usarudze nzvimbo yekuenda kune imwe nzvimbo. Isosi iyo faira ichava nzvimbo yezvino ye dhidhiyo yeD Illustrator.
Kugadziridza ndiko kwaanoita "magic" anoitika. Iwe uchacherechedza pane zvifananidzo zvitatu- iOS. Android uye Gear. Iviri yekutanga inofanangurira. Izwi reGear rinozarura Maitiro Emaitiro anokubvumira kuti uchengetedze kuti rimwe rezvifaira zvepafaira zvakanyorwa sei pane zvakarongwa zvichagadziridzwa. Aya maitiro ari "maitiro akajeka" uye kana waita shanduko yako, chengetedza Bhokisi Rakachengetedza uye iyo shanduko ichashandiswa kune zvigadzirwa kuti zvibudiswe.
Kana ukasarudza iOS kana Android rondedzero ichashandura kusanganisira zvose zvasarudzo zviripo pane iyo platform. IOS inoratidzirwa icharatidza kuwedzera kwezvinhu zve Retina kuratidzwa uye Android kusarudza ichava nezvikero zvinobva pa7575 kusvika ku 4x iyo inogadzirisa zvinenge zvese zveIndaneti yose kunze uko.
Kana pane chimiro chinoratidza kuti iwe unoda kubvisa, tora "x". Kana pane imwe iwe waunoda kuwedzera wobva wobva wawedzera + Add Scale button.
Kana wapedza, tora bhodhi ye Export Artboard uye bhorofu yekufambisa ichakuratidza kana basa racho rapera.
03 of 04
Achishandisa The Export For Screens Files kubva kuAdobe Illustrator CC 2015.
Paunotarisa mhinduro dzekutengeserana kweZvikwereti, uchaona kuti Illustrator yakabudisa shanduro yakanyora yechinyorwa chimwe nechimwe. Pamusoro pezvo, izvi zvingaita sokuti zvakanyanya kushaya simba kana iwe wakatarisira Illustrator kuti ubudise zvese zvidimbu uye zvidimbu semifananidzo.
Kana iwe ukadzokera shure uye uchifunga nezvazvo kwekanguva, izvi chaizvoizvo izvo zvaunoda nokuti unogona kushandisa izvi zvakabuda mukushanda kweprototyping yakadai seAdobe Experience Design , Principleformac, Atomic.io , UXPin kana imwe yekushanda
Mumuenzaniso uyu, ndiri kushandisa Adobe Experience Design (XD) kuumba nyore nyore-thru. Nhanho yekutanga mukutora kwaiva kusarudza iPhone 6 ukuru iyo yakaenzana nekukwirira kweDisplayer Interface
Pakazosvinudzwa, ndakasarudza chigadzirwa cheArtboard uye ndakanongedza kamwe pa pastebhodi kuti ndiwedzere imwe shanduro. Ndakabva ndatumidza kuti "Musha" uye "Mahara", akasarudzwa imwe yemaikironi uye akatumira mufananidzo wepng kubva kuD Illustrator mumusasa.
Kuti ugadzire "hotspots" nokuda kwe-click-thru, ndakagadzira rectangle pamusoro peBhokisi re Explore pahwindo reimba uye ugadzire kuzadza uye mararamiro emuganhu kune rimwe nekusarura zvinhu izvozvo muPaneti yePirati. Ndakaita chinhu chimwechete neBhocker Rinodzoka paPaji peji.
Kuti uwedzere kuyanana, ndakasarudza Prototype mode uye ipapo ndakanyora pa "hotspot". Ini ndakabva ndazvuzvidza museve- wainzi tambo - kuPeji peji uye kuisa Transition chinangwa paInzvimbo, chimiro cheKushandura Kuruboshwe, kusunungura kubvisa uye nguva yekutendeuka kusvika ma6 seconds.
Ndakadzokorora danho iri ne hotspot pane Peji peji. Kusiyana kwakasiyana chete kwaiva kuchinja kwaive kwakagadzirirwa kushimira Kurudyi. Pandakavhara bhodhi Play ndakayesa mufananidzo wangu.
04 we 04
Nzira Yokushandisa Iko Export Asset Panel MuAdobe Illustrator CC 2015
Pamwe chete neSekuchengetedza Menyu yeScreens Adobe yakawedzerawo mapoka maviri - Asset Export - iyo yakabvisa kurwadziwa kukuru kunowanikwa muUI Design workflow.
Huri kurwadziwa kwaiva mafananidzo. Illustrator iyi yakakura yemifananidzo yakashandiswa yekushandisa asi kuti ibudise, ngatitii icons 10, pane peji ine 40 kana makumi mashanu kwavari inoda imwe neimwe inoponeswa seSVG image. Izvi zvingatoda nguva yakawanda kudarika nguva zvichienderana nekufamba kunotevera kuSVG panel. Izvo zvinorwadza zvinoratidza kuti ikozvino chinhu chekare.
Iri jira idzva rinogona kuwanikwa pa Window> Asset Export. Apo panotanga panopinda, sarudza pfuma yaunoda kutendeukira kune SVG kana imwe yemafaira uye dhonza mujeri. Paunosunungura mouse iyo thumbnail yefa inowanikwa pane jeri. Zita iyo yefa. Ramba uchikwevera zvinhu mumapaneti kusvikira wapedza.
Sarudza chinhu chimwe nechimwe Munzvimbo dzekutsvaga kunze, kana vasarudze zvose nekuchengeta pasi Shift key nekudhonza pane imwe neimwe. Sarudza maitiro ako - mumuenzaniso uyu, ndakasarudza SVG- uye chengeta Bhodhi rekubudisa. Zvinhu zvakasarudzwa zvichabudiswa seSVG mafaira panzvimbo imwechete seFilustrator faira.
Iyo iyo yose nzira inotonhora kunyange iwe haufaniri kushandisa jeri reAsset Export. Kana iwe ukanyora bhodhi ye Save yeZvikasi pazasi kwepaneti yebhokisi rebhokisi rinotanga.
Zvimwe, iwe unogona kuvhara maAfa yeAfa muPuraneti yeGuritsa yeZvikwani kuti uwane pepa reAsset Export. Semuenzaniso, kana iwe une tsika yemaziso pane imwe yadhipu unogona kuzarura jenzura reAsset Export muChengetedzo yeChikwata chebhokisi rebhokisi uye dhonza chinhu ichocho mujeri reAsset Export.