Afai ei ai se tasi itu o le galulue faatasi ma le Illustrator ou te le fiafia i ai, o le faaliliuina lea o le art line to svg images for mobile or the web. Faʻaaogaina o le Faʻataulaga> Faʻasalalau A o le lisi, ma le faʻamaoni faamaoni, o le Faʻasao I le Upega Tafaʻilagi - Export> Faʻasao mo le Upega - e leʻi faigofie ona faʻaaoga.
O le liuaina o se ata tusi i le format .svg na tatalaina ai se pusa talanoaga mataʻutia e faapea, mo tagata fou i lenei fugalaau, na ofoina atu se numera o filifiliga e le o taʻua ai le mea moni o loo i ai ni numera o .svg ma e na o le tasi lava le mea e talafeagai faatulagaga. O le taimi lava e te masani ai i lenei fugalaau e le o se mea tele, ae o le aʻoga aʻoga o le tumutumu.
Ua suia uma lena i le fou Export For Screens feature - Export> Export for Screens - ma le vaega o oloa e auina atu i le Illustrator CC 2015 ia Iuni 2016. I lenei "Auala" O le a ou faaali atu ia te oe le auala e faaaoga uma ai foliga. Tatou amata.
01 o le 04
Faʻapefea ona Alu i Fafo Atu mo Mata I le Adobe Illustrator CC 2015
I le avea ai ma se faʻataʻitaʻiga faʻataʻitaʻi talu mai le faʻataʻitaʻiga 88 Ou te manatu e mafai ona e malamalama i loʻu le mautonu e mafaufau i le Tagata Faʻapitoa e avea o se meafaigaluega mamanu mamanu mo fesoʻotaiga i luga o le initaneti ma fesoʻotaʻiga feaveaʻi.
Ina ua faʻafeiloaia ata laupapa i le CS4 version 2008, na ou manatu o se faʻaopoopoga matagofie i le talosaga. Ina ua ou vaai i le taimi nei, o le Save For Web feature in Illustrator, na ou fiafia i ai, ae na ou maua le foliga tutusa i Adobe Fireworks e sili atu ona fetaui lelei ma ata o le initaneti nai lo le Ata.
Faatasi ai ma le oo mai o se telefoni feaveai-mamanu i le mamanu ma le faateleina o le faalagolago i luga o ata SVG mo poloketi feaveai, o le ata faataitai o loʻu "alu i" meafaigaluega mo le SVG ma avea ma se taua taua i le UI Design workflow.
Ae, afai ou te fia auina atu aseta mo le telefoni feaveai, O le Ata 3 ma Photoshop CC 2015 o au mea faigaluega o filifiliga. Na ulufale le tusiata i le lisi ia Iuni 2016 ma le Export for Screen screens.
I le faʻataʻitaʻiga o loʻo i luga, o loʻo i ai oʻu sikuea e lua mo le iPhone ma o loʻo i luga o Artboards eseese o loʻo taʻua "Aiga" ma le "Nofoaga". Ina ia gaosia, sa ou filifilia File> Export> Export for Screens. O le Export for Screens dialog box e tatala.
02 o le 04
Faʻapefea ona Faʻaaoga le Faʻataulaga mo le Pusa Faʻamatalaga Mata
A oʻo mai le pusa tautala, kiliki i luga o vali laupapa taitasi e filifilia. Ona taʻalo ai lea o se siaki. E mafai foi ona e faalua-kiliki le igoa artboard e filifili ai ma sui ai. O se mea lelei lenei e iloa ai pe a taʻua au ata tusi "Artboard 1" ma le "Artboard 2", o le mea moni, e le tauina atu ia te oe se mea.
E tolu au filifiliga i le vaega Filifilia:
- Faʻatasi: O lenei filifiliga e faʻatau atu ai tusi taʻitasi i totonu o le pepa o se faila faila.
- Luga: Ulufale i le tele o vali laupapa e faʻatau atu. O lenei mea e sili ona aoga mo galuega faʻatinoga faʻatasi ai ma ni nai vali ata.
- Faʻamatalaga atoa: Filifili lenei ata ma ata uma o le a faʻamafolaina i totonu o se pepa e tasi.
O le Export To area e mafai ai ona e filifili le faila o le sailiga mo le gaioiga. O le faila le faʻaaogaina o le nofoaga o loʻo iai nei o le tusi Illustrator.
Formats o le mea lea e tupu ai le "mea faʻapitoa. O le ae matauina e tolu ata- iOS. Android ma le Gear. O le lua muamua o faʻamatalaga e le tagata lava ia. O le Gear icon e tatalaina ai le Faʻasologa o Faʻasalalauga lea e mafai ai e oe ona pulea le faʻaogaina o faila faila i totonu o le lisi. O nei tulaga o le "faatulagaga patino" ma a maeʻa ona e faia au suiga, kiliki i le Save Settings button ma o na suiga o le a faʻaogaina i le faiga e fai ai.
O le taimi lava e te filifilia ai iOS po o le Android o le lisi o le a suia e aofia ai iuga uma o loʻo maua i luga o lena faʻavae. O le lisi o iOS o le a faʻaalia ai le faʻamaonia o mea mo le Retina faʻaali ma le filifiliga a le Europa o le ai ai ni fua e amata mai i le .75x i le 4x lea e masani ona faʻaogaina ai masini Android uma i fafo.
Afai ei ai se faatulagaga e faʻaalia ai e te manaʻo e aveese, kiliki le "x". Afai ei ai le tasi e te manaʻo e faʻaopopo i ai le kiliki i luga o le "Add le scale button".
A maeʻa, kiliki le button Export Artboard ma o le a faʻaalia oe i le alualu i luma o le alualu i luma pe a maeʻa le faagasologa.
03 o le 04
Faʻaaoga Le O Le Faʻamatalaga Mo Mata Ata mai le Adobe Illustrator CC 2015.
A e siakiina iuga o le Faʻasalalau mo Mata, o le a e iloa ai o loʻo i ai i le faʻataʻitaʻiga se faʻamatalaga faʻapipiʻi o mataʻitusi taʻitasi. I le luga, atonu e foliga mai e laʻititi tele aemaise lava pe afai o loʻo e faʻamoemoe na faʻatau atu e le tagata faʻataʻitaʻi ata uma ma fasipepa e fai ma ata.
Afai e te toe foʻi i tua ma mafaufau i ai mo sina taimi, o le mea tonu lava lea e te manaʻomia ona e mafai ona e faʻaaogaina lenei gaioiga i se mea faʻataʻitaʻiga e pei o Adobe Experience Design , Principleformac, Atomic.io , UXPin poʻo isi faʻataʻitaʻiga
I lenei faʻataʻitaʻiga, o loʻo ou faʻaaogaina le Adobe Experience Design (XD) e fatu ai se kiliki faigofie. O le laasaga muamua i le faagasologa o le filifili lea o le tele o le iPhone 6 lea e fetaui ma le tele o le Ata Faataʻitaʻi
Ina ua tatalaina le atigilima, na ou filifilia le meafaigaluega a Artboard ma na ou kiliki i luga o le pasta e faaopoopo ai se isi artboard. Ona ou faaigoa lea oi latou o "Fale" ma le "Nofoaga", na filifilia ia artboard ma o mai i le ata mai le Ata i le artboard.
I le fatuina o "piko" mo le kiliki, sa ou tusia ai se tafaoga i luga o le ata o le Explore button i luga o le fale ma faatulaga lona faatumuina ma le taua o tuaoi i le leai e ala i le filifilia o na meatotino i totonu o le lisi o meatotino. Na ou faia foi le mea lava lea e tasi i le Back button i luga o le itulau itulau.
Ina ia faaopoopo le Interactivity, na ou filifilia le faiga Faataʻitaʻiga ma ona kiliki i luga o le "tumutumu". Ona ou tosoina lea o le uʻa-ua taua o le uaea - i le itulau o itulau ma faatulaga ai le taulaiga o suiga i nofoaga, le lafo faatu e tu i le tauagavale, le easing e faamama ese ai ma le umi o le suiga i .6 sekone.
Sa ou toe faia lenei laasaga i le tumutumu i le itulau itulau. Pau lava le eseesega o le suiga na setiina i le Faʻamalo i le Taumatau. Ina ua ou kiliki i le Play button na ou tofotofoina laʻu faataitaiga.
04 o le 04
Le Faʻaaogaina o le Faʻamatalaga o Aseta Faʻatau Atu i le Adobe Illustrator CC 2015
Faʻatasi ai ma le Save for Screens menu Adobe sa faʻaopopoina ai se laulau fou - Alaga o Faʻataulaga - na aveesea ai le tele o le tiga i le UI Design workflow.
O le pito o le tiga o ata. O le faʻataʻitaʻiga o se ata o ata e sili ona manaia ae o mea e gaosia, sei tatou fai 10 ata, i luga o le itulau e 40 pe 50 o latou mea e manaʻomia e taitasi le faʻasaoina o se ata SVG. O lenei tulaga e manaʻomia le tele o le taimi nai lo le mea e masani ai faʻafetai i malaga faʻasolosolo i le SVG panel. O lenei tulaga o le tiga o se mea o le taimi ua tuanai.
O lenei laulau fou e mafai ona maua i le Matapiʻe> Faʻasalalau o Aseta. A amata loa le laulau, filifili le aseta e te manaʻo e liliu i le SVG poʻo isi faatulagaga ma toso i totonu o le laulau. A e faʻasaʻoina le kiore o se atigipusa o le meatotino ua faaopoopo i le laulau. Taʻu le meatotino. Taofi mea e ave i totonu o le laulau seia maeʻa.
Filifili mea taitasi I totonu o le Faʻamatalaga o Faʻasalalau, pe filifili uma i latou e ala i le uuina o le ki Suri ma kiliki i luga. Filifili lau faʻatulagaga - i lenei faʻataʻitaʻiga, na ou filifilia SVG- ma kiliki le pologa Faʻataulaga. O aitema ua filifilia o le a gaosia e pei o faila SVG i le nofoaga e tasi e pei o le faila o le Tala.
Afai o lenei faagasologa atoa e oo lava ina le toe aoga, e le tatau ona e faʻaaogaina le Setete Export panel. Afai e te kiliki le faaputuga Save mo Screens i le pito i lalo o le laulau, e tatala loa le lautusi.
I se isi itu, e mafai ona e kiliki le laupepa Aseta i le Save for Screens panel ina ia mafai ai ona maua le lisi o le Faʻasalalauga o Aseta. Mo se faʻataʻitaʻiga, afai ei ai sau faʻamaufaʻailoga masani i luga o se artboard e mafai ona e tatalaina le Setete Export panel i totonu o le faʻamatalaga o le Save for Screen ma toso lena mea i totonu o le Setete Export panel.