Uma kukhona isici esisodwa sokusebenza ne- Illustrator engikujabuleli ngempela ukuguqula ubuciko bomugqa ukuze kufakwe izithombe zeselula noma iwebhu. Ukusebenzisa Export> Export njengoba Imenyu futhi, ukuze kube ngobuqotho, isici Save - Web - Export> Gcina For Web - kwakungelula kakhulu ukuyisebenzisa.
Ukuguqula umdwebo kwifomethi ye-.svg kuvulwe ibhokisi lebhokisi lokusongela ukuthi, abantu abasha kulokhu kuhamba komsebenzi, banikeze izinto ezididekayo zokukhethwa ngaphandle kokukhuluma ukuthi kwakunezinhlobo eziningi ze-.svg futhi eyodwa kuphela yazo efanele ifomethi. Uma usujwayele ukuqhutshwa komsebenzi kwakungeyona into enkulu, kepha ijika lokufunda lalikhulu kakhulu.
Lokhu konke kushintshile ngesici esisha se-Export For Screens - Ukuthekelisa> Ukuthekelisa kweZikrini - nePaneli Yokuthumela I-Asset eyethulwa ku- Illustrator CC 2015 ngoJuni 2016. Kule "I-How To" ngizokukhombisa ukuthi ungayisebenzisa kanjani kokubili izici. Ake siqale.
01 ngo-04
Indlela Yokufinyelela Ukuthekelisa Izikrini Ku-Adobe Illustrator CC 2015
Njengoba ube ngumsebenzisi we-Illustrator kusukela ku-Illustrator 88 Ngicabanga ukuthi ungakwazi ukuqonda ukungafuni kwami ukucabangela i-Illustrator njengethuluzi eliyinkimbinkimbi lokuklama web interfaces kanye namaphrojekthi.
Lapho ama-arbodibhodi efakwe ku-CS4 version 2008, ngacabanga ukuthi kwakungeza okuthakazelisayo kuhlelo lokusebenza. Lapho ngibona okokuqala isici se-Saving For Web esinqunyelwe manje ku-Illustrator, futhi, ngakutholile kuyithakazelisa kodwa ngithole isici esifanayo ku-Adobe Fireworks ehambelana kakhulu nehluzo zewebhu kune-Illustrator.
Njengoba kufika indlela yokuhamba yeselula yokuklama nokuthembela okwandayo kwimifanekiso ye-SVG yamaphrojekthi weselula, i-Illustrator yayiyithuluzi lami "eya" ku-SVG futhi yaba isitimela esibalulekile ekuphumeni komsebenzi we-UI Design.
Noma kunjalo, uma ngabe ngidinga ukuthekelisa izimpahla zeselula, iSketch 3 ne-Photoshop CC 2015 zingamathuluzi ami okuzikhethela. Umlingisi wangena ohlwini ngoJuni 2016 nge-imifino ye-Export for Screens ngempela.
Esikhathini esingenhla, nginezikrini ezimbili ezilungiselelwe i-iPhone futhi zise-Artboards ehlukene okuthiwa "Ikhaya" ne "Izindawo". Ukuzokhipha, ngakhetha Ifayela> Thumela> Thumela ngaphandle kweZikrini. Ibhokisi lengxoxo ye-Export for Screens ibonakala.
02 ka 04
Indlela Yokusebenzisa Ibhokisi Lokudlulisa Le-Export for Screens
Uma ibhokisi lengxoxo livela, chofoza ku-artboard ngayinye ukuze ukhethwe. Khona-ke kuzodlala umdlalo wokuhlola. Ungaphinda uchofoze kabili igama le-artboard ukuze ukhethe futhi ulishintshe. Lokhu kuyinto enhle ukwazi ukuthi ama-arbodibhodi akho abizwa ngokuthi "i-Artboard 1" ne-"Artboard 2" okuyiqiniso, akutshelanga lutho.
Unezinketho ezintathu ku-Khetha indawo:
- Konke: Lokhu kuthunyelwa kwamanye amazwe ku-artboard ngayinye kumadokhumenti njengefayela elihlukile.
- Ibanga: Faka ububanzi bebhodi lobuciko lokuthunyelwa ngaphandle. Lokhu kuwusizo ngokukhethekile kumaphrojekthi anama-artboards ambalwa.
- Idokhumenti ephelele: Khetha lokhu nazo zonke izibuko zobuciko zizofakwa phansi kumbhalo owodwa.
I-Export To endaweni ikuvumela ukuba ukhethe ifolda yokuya khona okukhiphayo. Ifolda ezenzakalelayo iyoba yindawo yamanje yedokhumenti ye-Illustrator.
Amafomethi yilapho "imilingo yenzeka khona. Uzoqaphela kunezithombe ezintathu- IOS. I-Android ne-Gear. Amabili okuqala azichaza. Isithonjana se-Gear sivula izilungiselelo zefomathi ezikuvumela ukuba ulawule ukuthi ifomethi ngayinye yefayili kuhlu luzohlelwa kanjani. Lezi zilungiselelo "zifometha ngokuqondile" futhi uma usuwenze izinguquko zakho, chofoza inkinobho Yokulondoloza Izilungiselelo futhi lezo zinguquko zizosetshenziselwa amafomethi azokhipha.
Uma ukhetha iOS noma i-Android uhlu luzoshintsha ukufaka zonke izinqumo ezitholakalayo kuleso sigaba. Uhlu lwe-iOS luzobonisa izici zokulinganisa ukubukwa kwe-Retina nokukhethwa kwe-Android kuzoba nezikali ezivela ku-.75x kuya ku-4x ezithatha cishe yonke idivayisi ye-Android lapho.
Uma kukhona ifomethi ebonisa ukuthi ufuna ukususa, chofoza i- "x". Uma kukhona owodwa ofuna ukufaka klikha inkinobho + Yengeza Scale.
Uma usuqedile, chofoza inkinobho ye-Export Artboard futhi ibha yokuqhubeka izokukhombisa uma inqubo isiphelile.
03 ka 04
Usebenzisa i-The Export For Screens Files kusuka ku-Adobe Illustrator CC 2015.
Uma uhlola imiphumela yokuthunyelwa kweZikrini, uzothola ukuthi i-Illustrator ikhishwe inguqulo ephithiwe yesikrini ngasinye. Phezu kwalokho, lokhu kungabonakala kubuthakathaka ikakhulukazi uma ulindele ukuthi i-Illustrator ithumele zonke izingcezu nezicucu njengezithombe.
Uma uphindela futhi ucabange ngakho okwesikhashana, lokhu empeleni yilokho okudingayo ngoba ungasebenzisa lokhu okukhiphayo ekusebenzeni kwesibonakaliso njenge- Adobe Experience Design , i-Principleformac, i-Atomic.io , i- UXPin noma enye uhlelo lokusebenza lokubamba iqhaza
Kulesi sibonelo, ngisebenzisa i-Adobe Experience Design (XD) ukuze udale ngokuchofoza okulula. Isinyathelo sokuqala kule nqubo kwakuwukuba ukhethe usayizi we-iPhone 6 owafanisa ubukhulu be-Illustrator Interface
Lapho isikhombimsebenzisi sivuliwe, ngakhetha ithuluzi le-Artboard futhi uchofoze kanye ku-pasteboard ukuze ungeze elinye i-artboard. Ngabe ngiwaqamba ngokuthi "Ikhaya" ne "Izindawo", akhethiwe i-artboard ngayinye futhi wangenisa isithombe se-png kusuka ku-Illustrator ku-artboard.
Ukuze udale "ama-hotspots" ngokuchofoza-ke, ngidonsa umugqa phezu kwenkinobho ye-Explore esikrinini sasekhaya bese usetha ukugcwaliswa kwawo namagugu emngceleni kunoma ubani ngokukhetha lezo zakhiwo kwiphaneli ye-Properties. Ngenze into efanayo ne-Back Back inkinobho ekhasini Lezindawo.
Ukwengeza ukusebenzisana, ngakhetha imodi ye-Prototype bese uchofoza "hotspot". Ngabe ngidonsela umcibisholo- obizwa ngokuthi ucingo - ekhasini lezindawo bese usetha ukuguqulwa kweTjhuguluko ezindaweni, ukunyakaza kokuthi Push Kwesobunxele, ukunciphisa ukukhipha nokuhamba kwesikhathi sokushintshela kumasekhondi angu -6.
Ngaphinda lesi sinyathelo ne-hotspot ekhasini lezindawo. Umehluko kuphela ukuguqulwa kwabekwa ku-Push kwesokudla. Lapho ngicindezele inkinobho ye-Play ngahlola i-prototype yami.
04 ka 04
Indlela yokusebenzisa i-Export Asset Panel In Adobe Illustrator CC 2015
Kanye nemenyu ye-Save for Screens imenyu ye-Adobe iphinde ingeze iphaneli entsha - I-Asset Export - eyasusa iphuzu elikhulu lobuhlungu ekuphumeni komsebenzi we-UI Design.
Iphuzu lobuhlungu laliyizithonjana. Umfanekisi ngumdwebo omkhulu wokudweba i-vector kodwa ukukhipha, asho icons 10, ekhasini elinama-40 noma lawa-50 lawo adinga ukuthi ngalinye lilondolozwe njengesithombe se-SVG. Lokhu kungadingeki ukuthi kudingeke isikhathi esiningi kunokubonga ngokujwayelekile kuya ekuhambeni okulandelanayo ku-panel ye-SVG. Le phuzu elibuhlungu manje liyinto yesikhathi esidlule.
Le iphaneli entsha ingatholakala kwiWindows> I-Asset Export. Uma iphaneli ivula, khetha ifa ofuna ukuguqula ku-SVG noma enye ifomethi bese uhudulela iphaneli. Uma ukhulula igundane isithonjana sefa sengezwa iphaneli. Yisho leyo nto. Gcina uhudula izinto zibe yiphaneli uze usuqedile.
Khetha into ngayinye Endaweni yezilungiselelo zokuthumela, noma ukhethe konke ngokubamba phansi ukhiye we-Shift bese uchofoza ngamunye. Khetha ifomethi yakho - kulesi sibonelo, ngakhetha i-SVG- bese uchofoza inkinobho yokuthumela. Izinto ezikhethiwe zizokhipha njengamafayela e-SVG endaweni efanayo njengefayela le-Illustrator.
Lapho le nqubo yonke ifinyelela khona, akudingeki ukuthi usebenzise iphaneli ye-Asset Export. Uma uchofoza inkinobho ye-Save for Screens ngezansi kwephaneli ibhokisi lengxoxo livula.
Ngakolunye uhlangothi, ungachofoza ithebhu ye-Assets kuphaneli ye-Save for Screens ukuze ufinyelele iphaneli ye-Asset Export. Isibonelo, uma unesithonjana sokwezifiso kwi-artboards ungavula iphaneli yokuthumela i-Asset ebhokisini lengxoxo ye-Save for Screen bese uhudulela le nto kuPaneli Yokuthumela I-Asset.