Yog hais tias muaj ib yam ntawm kev ua hauj lwm nrog tuav qhia tias kuv yeej tsis txaus siab rau nws yog hloov txoj kab kos duab rau svg dluab rau txawb los yog lub vas sab. Siv cov Export> Export li cov zaub mov thiab, yuav tsum ncaj ncees brutally, Txuag rau Web feature - Export> Txuag Web - tsis raws nraim yooj yim siv.
Hloov ib daim duab mus rau .svg hom ntawv qhib lub thawv theej rau kev sib tham uas, rau cov neeg tshiab rau kev ua haujlwm no, muaj ib qho ruam ruam ntawm cov kev xaiv uas tsis hais txog qhov tseeb muaj ntau tus .svg tawm tswv yim thiab tsuas yog ib qho ntawm lawv yog qhov zoo hom ntawv. Thaum koj tau siv mus rau qhov kev ua haujlwm no nws tsis muaj nyiaj ntau, tab sis qhov kev kawm nkhaus yog ntxhab.
Uas tau hloov tag nrho nrog cov tshiab Export rau cov ntxaij lim dej feature - Export> Export rau cov ntxaij - thiab vaj huam sib luag khoom vaj khoom tsev uas tau nkag mus rau hauv CCTV 2015 hauv lub Rau Hli 2016. Hauv no "Yuav ua li cas" Kuv yuav qhia koj seb yuav siv ob nta. Cia peb pib.
01 ntawm 04
Yuav ua li cas mus nkag tau rau cov ntxaij vab tshaus hauv Adobe Illustrator CC 2015
Coj los ua tus neeg siv Txuas Qhia Los ntawm Tus Thawj Coj 88 Kuv xav tias koj tuaj yeem nkag siab kuv qhov kev tsis txaus siab xav txog Kev Qhia Ua ib qho cuab yeej loj tsim rau kev sib txuas lus ntawm lub vas sab thiab kev sib txuas lus.
Thaum cov artboards tau nkag tau rau hauv CS4 version 2008, kuv xav tias yog ib qho ntxiv rau daim ntawv thov. Thaum kuv xub pom qhov tam sim no-poob rau Kev Txuag Rau Qhov Web site hauv Kev Tiv Thaiv, dua li, Kuv pom tias nws nthuav, tiam sis kuv pom cov qub feature hauv Adobe Foob pob hluav taws ntau cov ntawv tshaj tawm nrog cov duab graphics dua.
Nrog lub advent ntawm ib tug mobile-thawj mus kom ze tsim thiab nce siab rau SVG dluab rau txawb tej yaam num, Koom nrog kuv "mus rau" lub cuab tam rau SVG thiab ua ib qho tseem ceeb nres nyob rau hauv UI Design workflow.
Tseem, yog tias kuv xav tau cov khoom muaj nqis rau txawb, Sketch 3 thiab Photoshop CC 2015 yog kuv cov cuab yeej xaiv. Zaj lus sau hauv daim ntawv teev npe thaum lub Rau Hli 2016 nrog cov khoom noj khoom haus zoo tshaj plaws rau cov ntawv qhia zaub mov.
Hauv qhov piv txwv saum toj no, kuv muaj ob lub tshev ntxig rau ib qho iPhone thiab lawv nyob ntawm Artboards npe hu ua "Home" thiab "Places". Kom lawv tso lawv, Kuv xaiv cov ntaub ntawv> Export> Export rau cov ntxaij vab tshaus. Tus Export rau cov duab tshav pav ca opens.
02 ntawm 04
Yuav Siv Cov Ncig Ntawm Cov Ncig Daus Tawm Ntawm Cov Ncauj Lus
Thaum lub dialog box pom, nias ntawm txhua qhov duab kos kom raug xaiv. Nws yuav ua kev lom zem kos cim. Koj tuaj yeem tau ob npaug-nias lub kos duab lub npe los xaiv nws thiab hloov nws. Qhov no yog qhov zoo tshaj plaws uas yuav tsum paub seb koj cov duab kos yog hu ua "Artboard 1" thiab "Artboard 2" uas yog frankly, qhia koj tsis muaj dab tsi.
Koj muaj peb qho xaiv hauv cheeb tsam Xaiv:
- Txhua tus: Qhov kev xaiv no xa tawm txhua daim duab kos rau hauv daim ntawv ua ib daim ntawv txawv.
- Khwv: Nkag mus rau ntau yam khoom siv kos duab. Qhov no yog qhov tshwj xeeb tshaj yog tseem ceeb rau cov haujlwm nrog ob peb lub duab kos duab.
- Daim Ntawv Qhia Tag Nrho: Xaiv qhov no thiab tag nrho cov duab kos yuav tsum tau muab tso rau hauv ib daim ntawv.
Tus Export Rau thaj chaw cia koj xaiv lub hom phiaj rau lo lus teb rau cov zis. Lub nplaub tshev ua ke yuav yog qhov chaw nyob ntawm Daim Ntawv Illustrator.
Tawm tswv yim yog qhov uas "qhov kev ua si tshwm sim. Koj yuav pom tias muaj peb daim icons- iOS no. Hauv thiab ib lub iav. Thawj ob yog qee tus kheej piav qhia. Lub Iav icon opens qhov Hom Ntawv uas tso cai rau koj los tswj txhua yam ntawm cov ntaub ntawv tawm tswv yim hauv daim ntawv yuav tsum ua kom zoo dua. Cov chaw no yog "hom meej" thiab ib zaug koj tau hloov koj cov kev hloov, nias lub Save Settings khawm thiab cov kev hloov no yuav raug siv rau cov tawm tswv yim los ua cov zis.
Thaum koj xaiv iOS los yog hauv daim ntawv teev npe yuav hloov mus rau tag nrho cov kev tsim muaj nyob rau ntawm qhov chaw ntawd. Cov kev qhia kab xev yuav qhia tau tias qhov tseem ceeb tshaj plaws rau Retina zaub thiab qhov xaiv hauv yuav muaj cov nplai xws li ntawm .75x mus rau 4x uas ua haujlwm rau txhua tus hauv tshuab tawm los.
Yog tias muaj cov qauv qhia tias koj xav tawm, nias qhov "x". Yog hais tias muaj ib qho koj xav ntxiv nias lub + Ntxiv Nplai khawm.
Thaum tiav lawm, nias rau Export Export button khawm thiab ib qhov kev kawm nce qib yuav qhia koj thaum txoj haujlwm tiav.
03 ntawm 04
Siv cov Export rau cov ntxaij vab tshaus ntaub ntawv los ntawm Adobe Illustrator CC 2015.
Thaum koj saib cov ntsiab lus ntawm Export rau Cov Ntxaij, koj yuav pom tau tias Cov Ntawv Teev Tseg tau tso tawm ib cov lus sib tw ntawm txhua qhov screen. Nyob rau ntawm qhov chaw, qhov no yuav zoo li yuav qeeb qeeb me ntsis tshwj xeeb tshaj yog tias koj xav tau daim duab tuav kom tau tag nrho cov khoom thiab cov khoom raws li cov duab.
Yog tias koj nqis rov qab thiab xav txog nws ib pliag, qhov no yeej ua raws nraim li koj xav tau vim tias koj tuaj yeem siv qhov kev tso tawm hauv tsab ntawv pov thawj xws li Adobe Experience Design , Principleformac, Atomic.io , UXPin lossis lwm daim ntawv thov prototyping
Hauv qhov ua piv txwv no, kuv tabtom siv Adobe Experience Design (XD) los tsim ib qhov yooj yim nias-thru. Thawj kauj ruam hauv tus txheej txheem yog xaiv iPhone 6 loj me me uas sib npaug li qhov ntev ntawm Daim Ntawv Qhia Txuas Lus
Thaum twg tus interface qhib, kuv xaiv Artboard cuab tam thiab clicked ib zaug ntawm cov pasteboard los ntxiv rau lwm daim duab. Kuv tau hu lawv ua "Tsev" thiab "Places", xaiv txhua daim duab thiab xa cov duab Png los ntawm daim duab.
Los tsim cov "hotspots" rau tus nias-thru, kuv kos ib lub duab plaub hla lub Tshawb Tshawb xyuas ntawm lub tsev tshuaj ntsuam thiab muab nws sau thiab tus ciam qhov tseem ceeb kom tsis muaj leej twg tau xaiv cov khoom nyob hauv qhov khoom vaj huam sib luag. Kuv ua tib yam li nrog khawm rov qab rau ntawm qhov chaw Places.
Ntxiv rau Interactivity, Kuv xaiv Prototype hom thiab ces clicked rau ntawm "hotspot". Kuv mam li rub tus xub-hu ua lub xov hlau - mus rau Places nplooj ntawv thiab teem rau lub hom phiaj ntawm qhov chaw, qhov kev txiav txim siab tawm Push Left, qhov kev yoojyim rau qhov tawm thiab qhov kev hloov mus ntev li 6 vib nas this.
Kuv rov qab ua cov kauj ruam no nrog lub hotspot ntawm cov nplooj ntawv. Qhov txawv tsuas yog qhov Kev Hloov tau teem rau Push Txoj Cai. Thaum kuv nias lub khawm Ua Si kuv kuaj kuv tsab ntawv pov thawj.
04 ntawm 04
Yuav ua li cas Siv cov khoom vaj khoom tsev Export khoom vaj huam sib luag hauv Adobe Illustrator CC 2015
Nrog rau Tseg rau Cov Tsiaj Ntawv Tshaj Tawm Tsev Adobe kuj ntxiv cov tshiab vaj huam sib luag - Cov Khoom Muag Khoom Muag - tshem tawm qhov kev mob loj hauv UI Design workflow.
Lub mob taw tes yog cov cim. Tug duab yog ib daim duab zoo nkauj vector tab sis tso rau qhov kev tawm, peb hais tias 10 cim, ntawm nplooj ntawv nrog 40 lossis 50 ntawm lawv txhua tus yuav raug cawm raws li SVG duab. Qhov no inevitably yuav tsum tau ntau lub sij hawm tshaj li niaj zaus ua tsaug rau kev mus ncig ua si mus rau SVG vaj huam sib luag. Qhov mob ntawm qhov mob yog tam sim no ib yam ntawm yav dhau los.
Lub vaj huam sib luag tshiab no muaj nyob ntawm Window> Asset Export. Thaum lub vaj huam sib luag opens, xaiv cov khoom vaj khoom tsev koj xav hloov siab rau SVG lossis lwm hom thiab luag rau hauv lub vaj huam sib luag. Thaum koj tso tus nas thumbnail ntawm cov khoom vaj khoom tsev ntxiv rau lub vaj huam sib luag. Npe lub cuab tam. Khaws cia khoom rau hauv vaj huam sib luag kom txog thaum koj tiav lawm.
Xaiv txhua qhov ntawm Hauv cheeb tsam Thaj Tsam, lossis xaiv txhua yam los ntawm kev tuav ntawm qhov tseem ceeb thiab ua raws li ntawm txhua tus. Xaiv koj hom - nyob rau hauv qhov ua piv txwv, Kuv xaiv SVG - thiab nias lub khawm Export. Cov khoom yuav raug tso tawm raws li SVG cov ntaub ntawv rau tib qhov chaw raws li Daim Ntawv Cim Qhia Ncauj Lus.
Qhov twg tag nrho tus txheej txheem no tau txais txawm lub xov tooj tseem tsis tau siv lub vaj huam sib luag Export Asset. Yog tias koj nias lub Tseg rau Cov Ntxhuab Tsab Nias ntawm qhov kawg ntawm lub vaj huam sib luag qhib lub thawv qhib.
Conversely, koj tuaj yeem nias qhov Assets tab hauv Txuag Rau Cov Ntxhais Hluav Taws Xob kom nkag mus rau hauv vaj huam sib luag Export Asset. Piv txwv li, yog tias koj muaj ib qho kev cai ntawm qhov kos duab koj tuaj yeem qhib lub vaj huam sib luag Asset Export nyob rau hauv Lub Khoos Tshaj Tawm rau Dais Tos thiab rub qhov khoom ntawd rau hauv vaj huam sib luag Export Asset.