Jekk hemm aspett wieħed ta 'ħidma ma' Illustrator li tassew m'intix igawdi huwa jikkonverti l-arti lineari għal stampi svg għall-mowbajl jew il-web. Permezz tal-menu Esportazzjoni> Esportazzjoni kif u, biex tkun brutalment onest, il-karatteristika Save For Web - Export> Save For Web - ma kinux eżattament faċli biex tużah.
Il-konverżjoni ta 'tpinġija għall-format .svg fetħet kaxxa ta' djalogu pjuttost intimidanti li, għal nies ġodda għal dan il-fluss tax-xogħol, offriet firxa ta 'għażliet konfuża biex ma nsemmux il-fatt li kien hemm numru ta' formats .svg u wieħed biss minnhom kien il- format. Ladarba inti sirt jintuża għal dan il-fluss tax-xogħol, ma kien hemm l-ebda negozju kbir, iżda l-kurva tat-tagħlim kienet qawwija.
Li kollox inbidel bil-karatteristika l-ġdida għall-Esportazzjoni għall-Iskrin - Export> Export for Screens - u l-panel ta 'l-Esportazzjoni ta' l-Assi li ġew introdotti għal Illustrator CC 2015 f'Ġunju 2016. F'dan il- "Kif Nista" nuruk kif tuża kemm karatteristiċi. Ejja nibdew.
01 ta '04
Kif Aċċess Esportazzjoni Għall Screens Fl Adobe Illustrator CC 2015
Wara li kien Illustrator user peress Illustrator 88 naħseb li tista 'tifhem ir-riluttanza tiegħi li tikkunsidra Illustrator bħala għodda ta' disinn serju għall-web u l-interfaces u proġetti mobbli.
Meta l-artboards ġew introdotti fil-verżjoni CS4 tal-2008, ħsibt li kienet żieda interessanti għall-applikazzjoni. Meta l-ewwel rajt il-karatteristika Save-to-Web għal deprezzament ta 'Illustrator, għal darb'oħra, sibt li kienet interessanti imma sibt l-istess karatteristika f'Bhrubiet ta' l-Adobe kienet aktar allinjata ma 'grafika tal-web minn Illustrator.
Bil-bidu ta 'approċċ mobbli għall-ewwel disinn u d-dipendenza dejjem tiżdied fuq stampi SVG għal proġetti mobbli, Illustrator kien l-għodda tiegħi "imorru" għall-SVG u sar stop importanti fil-fluss tax-xogħol tad-Disinn tal-UI.
Still, jekk kont meħtieġa esportazzjoni ta 'assi mobbli, Sketch 3 u Photoshop CC 2015 huma l-għodda tiegħi ta' l-għażla. Illustratur daħħal il-lista f'Ġunju 2016 bil-menu tassew importanti għall-Esportazzjoni għall-Iskrin.
Fl-eżempju ta 'hawn fuq, għandi żewġ skrins destinati għal iPhone u huma fuq Artboards separati msejħa "Home" u "Places". Biex toħroġhom, għażilt File> Export> Export for Screens. Il-kaxxa ta 'dialog Esportazzjoni għal Screens tiftaħ.
02 ta '04
Kif għandek tuża Il-Kaxxa ta 'Dialog Esportazzjoni għall-Iskrin
Meta tidher il-kaxxa ta 'dialog, ikklikkja fuq kull artbord li għandu jintgħażel. Imbagħad se juża marka ta 'kontroll. Tista 'wkoll tikklikkja darbtejn fuq isem ta' artboard biex tagħżel u tibdelha. Din hija ħaġa tajba li tkun taf jekk l-artboards tiegħek jissejħu "Artboard 1" u "Artboard 2" li, franchement, ma jgħidlek xejn.
Għandek tliet għażliet fiż-żona magħżula:
- Kollha: Din l-għażla tesporta kull artboard fid-dokument bħala fajl separat.
- Medda: Daħħal firxa ta 'artboards li għandhom jiġu esportati. Dan huwa speċjalment utli għal proġetti b'xi tużżana artboards.
- Dokument sħiħ: Agħżel dan u l-artboards kollha jiġu ċċattjati f'dokument wieħed.
L-Esportazzjoni sa żona tħallik tagħżel il-folder ta 'destinazzjoni għall-output. Il-folder awtomatiku se jkun il-post attwali tad-dokument Illustrator.
Formati huwa fejn il- "magic jiġri. Tinduna li hemm tliet ikoni-iOS. Android u Gear. L-ewwel tnejn jispjegaw lilhom infushom. L-ikona Gear tiftaħ il-Settings Format li jippermettilek tikkontrolla kif kull wieħed mill-formati tal-fajl fil-lista se jkun ottimizzat. Dawn is-settings huma "speċifiċi għal format" u ladarba tkun għamilt il-bidliet tiegħek, ikklikkja l-buttuna Save Settings u dawk il-bidliet jiġu applikati għall-formati li għandhom jiġu rilaxxati.
Ladarba tagħżel iOS jew Android il-lista se tinbidel biex tinkludi r-riżoluzzjonijiet kollha disponibbli fuq dik il-pjattaforma. L-elenkar tal-iOS se juri l-fatturi ta 'skalar għall-wirja tar-Retina u l-għażla Android se jkollha skali li jvarjaw minn .75x sa 4x li jakkomodaw prattikament kull apparat Android hemmhekk.
Jekk hemm format li juri li trid tneħħi, ikklikkja fuq "x". Jekk hemm wieħed li tixtieq iżżid ikklikkja l-buttuna + Żid Skala.
Meta jkun lest, ikklikkja l-buttuna Esportazzjoni Artboard u tabella tal-progress ser turi meta jintemm il-proċess.
03 ta '04
Uża l-Esportazzjoni għal Screens Fajls minn Adobe Illustrator CC 2015.
Meta tivverifika r-riżultati ta 'Esportazzjoni għal Screens, tiskopri li Illustrator ħareġ verżjoni ċċattjata ta' kull skrin. Fuq il-wiċċ, dan jista 'jidher li huwa daqsxejn dgħajjef speċjalment jekk kont qed tistenna lil Illustrator li esporta l-bits u biċċiet kollha bħala stampi.
Jekk inti pass lura u taħseb dwarha għal mument, dan huwa effettivament eżattament dak li għandek bżonn għaliex tista 'tuża dan l-output f'applikazzjoni ta' prototipi bħal Adobe Experience Design , Principleformac, Atomic.io , UXPin jew applikazzjoni oħra ta 'prototipi
F'dan l-eżempju, qed tuża Adobe Experience Design (XD) biex toħloq klikk sempliċi permezz ta '. L-ewwel pass fil-proċess kien li tagħżel id-daqs tal-iPhone 6 li qabblet id-dimensjonijiet tal-Illustrator Interface
Meta l-interface fetaħ, għażilt l-għodda Artboard u għafast darba fuq il-pakkett li żżid artboard ieħor. Imbagħad jismuhom "Home" u "Places", għażlu kull artboard u importaw l-immaġini png minn Illustrator fl-artboard.
Biex toħloq "hotspots" għall-ikklikkja-thru, ġibt rettangolu fuq il-buttuna Esplora fuq l-iskrin tad-dar u stabbilixxiet il-valuri tal-mili u tal-fruntiera għal xejn billi ma rnexxiliex tagħżel dawk il-proprjetajiet fil-pannell tal-Proprjetajiet. Għamilt l-istess ħaġa bil-buttuna ta 'Lura fuq il-paġna ta' Places.
Biex iżżid l-Interattività, għazt il-Mod ta 'Prototip u mbagħad għamilt għafast fuq il- "hotspot". Imbagħad immexxi l-vleġġa - imsejjaħ wajer - lejn il-paġna ta 'Postijiet u ffissa l-Mira tat-Tranżizzjoni fuq il-Postijiet, il-mozzjoni biex Imbotta Xellug, it-tħaffif biex titħaffef u t-tul tat-transizzjoni għal .6 sekondi.
Irrepeti dan il-pass mal-hotspot fuq il-paġna ta 'Places. L-unika differenza kienet it-Tranżizzjoni kienet stabbilita biex Imbotta Dritt. Meta għaftejt il-buttuna Play għedt il-prototip tiegħi.
04 ta '04
Kif tuża l-Bord tal-Assi tal-Esportazzjoni f'Adobe Illustrator CC 2015
Flimkien mal-menu Save for Screens, Adobe żied ukoll panel ġdid - Asset Export - li neħħa punt kbir ta 'uġigħ fil-fluss tax-xogħol tad-Disinn tal-UI.
Il-punt tal-uġigħ kien ikoni. Illustrator huwa applikazzjoni kbira għat-tpinġija tal-vettori iżda għall-output, ejja ngħidu 10 ikoni, fuq paġna b'40 jew 50 minnhom meħtieġa li kull waħda tiġi ffrankata bħala immaġini SVG. Dan inevitabbilment kien jeħtieġ aktar żmien mis-soltu grazzi għal vjaġġi suċċessivi għall-pannell SVG. Dan il-punt ta 'l-uġigħ issa huwa ħaġa tal-passat.
Dan il-panel ġdid jista 'jinstab fit-Tieqa> Esportazzjoni ta' Assi. Meta l-pannel jinfetaħ, agħżel l-assi li trid tikkonverti għal SVG jew format ieħor u ġġib il-pannell. Meta tirrilaxxa l-maws il-pannell jżid thumbnail ta 'l-assi. Agħti isem l-assi. Żomm dragging objects fil-pannell sakemm tkun lest.
Agħżel kull oġġett Fiż-żona tal-Settings tal-Esportazzjoni, jew agħżelhom kollha billi żżomm il-buttuna Shift u tikklikkja fuq kull wieħed. Agħżel il-format tiegħek - f'dan l-eżempju, għażilt SVG- u kklikkja l-buttuna Esportazzjoni. L-oġġetti magħżula se jintbagħtu bħala fajls SVG fl-istess post bħall-fajl Illustrator.
Fejn dan il-proċess kollu saħansitra aktar neater, m'għandekx għalfejn tuża l-panel tal-Esportazzjoni tal-Assi. Jekk tikklikja l-buttuna Save for Screens fil-qiegħ tal-pannel il-kaxxa ta 'dialog tiftaħ.
Bil-maqlub, tista 'tikklikkja l-pagna tal-Assi fil-pannell Save for Screens biex ikollha aċċess għall-panel tal-Esportazzjoni tal-Assi. Per eżempju, jekk għandek ikona tad-dwana fuq artboard tista 'tiftaħ il-pannell ta' l-Esportazzjoni ta 'l-Assi fil-kaxxa ta' dialog Salv għal Skrin u arka dak l-oġġett fil-panel ta 'l-Esportazzjoni ta' l-Assi.