10 patarimų, kaip eksportuoti vektorinius išteklius iš eskizo į „Android“

Vektorių pranašumai rastrams yra akivaizdūs. Vektoriniai ištekliai yra mažesni, juos galima lengvai redaguoti ir daug lengviau valdyti (ypač atsižvelgiant į dydį ir spalvą).

Aš dirbu prie gana sudėtingos programos, palaikančios daugybę skirtingų platformų. Didėjant ekrano dydžiui ir skiriamajai gebai (žiūrint į jus, „Nexus 6P“), skirtą „Android“, mes manėme, kad reikia atnaujinti esamą iš rastrinio į vektorinius formatus, kad turtas būtų keičiamas, nes reikia palaikyti skirtingas rezoliucijas.

Didžioji dalis turto, kurį šiuo metu naudojame, iš pradžių buvo sukurta naudojant eskizą. Tai sukėlė keletą įdomių problemų bandant konvertuoti. Kadangi „vektorinius“ išteklius „Android“ palaiko tik iš dalies savo dabartinėje API („Android 24“), eksportuotas turtas sugedo įvairiais netikėtais būdais.

Dizainerio požiūriu tai yra tiriamasis dienoraštis, susijęs su keliais dalykais, kuriuos sužinojome bandydami konvertuoti visą programos rastrinį turtą į „Android“ skirtus vektorius. „Android Studio“ vartotojo vadovai nebuvo ypač naudingi, kai reikia pašalinti triktis.

Ne visai „visiškas palaikymas“

Daugelis čia parašytų taisyklių yra būdingos vektorinių išteklių eksportui naudojant eskizą. Tačiau jie taip pat yra geros gairės, kaip eksportuoti švarius ir funkcinius vektorinius išteklius, skirtus naudoti visose platformose.

1. Laikykitės paprasto kvailo

Šis pagrindinis programinės įrangos projektavimo principas taikomas ir turtui: kuo paprastesnės formos, tuo geriau. Išbandykite ir naudokite paprastas formas, kad galėtumėte sukurti sudėtingą turtą, kurio jums reikia. Bendra nykščio taisyklė yra, kuo mažiau takų ir inkarų naudojama, tuo „švaresnis“ jis yra. Norėdami sukurti turtą, visada geriau naudoti vieną formą, o ne kelias persidengiančias formas.

2. Venkite kaukių

Kaukės, pagamintos naudojant eskizą, nepalaikomos dabartinėje „Android“ API versijoje. Bet kokius eskizų maskavimus „Android VectorDrawble“ (AVD) nepaiso, o eskizuose padarytos kaukės kartais sugadintų „Adobe Illustrator“. Jei yra situacija, kai reikia sukurti šešėlinį efektą, kaukėms turėtų būti naudojama sutampanti forma ant esamo sluoksnio.

Norėdami sukurti reikiamą formą, naudokite kelio ieškiklio operaciją „Intersect“ šešėliniame sluoksnyje su pagrindiniu sluoksniu

3. Padarykite kontūrus, o ne potėpius

Kai įmanoma, stenkitės vengti smūgių norimoms formoms sukurti. Pastūmos ne visada tinkamai keičiamos pagal likusį vaizdą. Be to, AVD neskiria skirtingų sienų pozicijų ir visas sienas vertina kaip „centrinius“ potėpius.

Tai reiškia, kad eskizo 10 storio vidinė kraštinė tampa 20 storio centriniu brūkšniu, kai ji atvaizduojama AVD.

Kadangi kontūrai yra formos, mastelio ar pertvarkymo metu jie visada pasižymi norima išvaizda. Kontūrus taip pat daug lengviau naudoti, jei norite pritaikyti kelio ieškiklį.

Naudodami CMD + Shift + O, galite lengvai pakeisti brūkšnius į kontūrus.

4. Kelio ieškikliai yra jūsų draugas

Sudėtingiausias formas galima sukurti iš paprastesnių formų kompozicijos, naudojant kelio ieškiklio operacijas. Susipažink su jais. Tokiu būdu sukurtos formos gali būti tinkamai rodomos kiekviename įrenginyje.

5. „Adobe Illustrator“ yra geriausias trikčių šalinimo įrankis

„Adobe Illustrator“ vektorinius išteklius pateikia taip pat, kaip „Android“ „VectorDravable“ (iš anekdotinės patirties). Jei turtas AVD rodomas netinkamai, pabandykite diagnozuoti problemą naudodami „Illustrator“. Dažnai sprendimas yra toks paprastas, kaip tik pašalinant užpildymą.

Dažna problema eksportuojant „Android“ išteklius naudojant „Sketch“.

6. Kombinuotos ir transformuotos formos gali pasirodyti ne tokios, kaip atrodo

„Eskizo“ atlikti tokie pakeitimai, kaip atspindžiai ir pasukimai, nėra visiškai palaikomi „Android VectorDravable“. Todėl pertvarkyti sluoksniai ne visada atrodo taip, kaip tikimasi. Paprasčiausias sprendimas būtų tiesiog išlyginti kiekvieną kelią, kuriame yra transformacija, taigi transformacija tampa kelio dalimi.

Tačiau tais atvejais, kai transformacijos yra taikomos visoms grupėms, vienintelis būdas to išvengti būtų rankiniu būdu pertvarkyti ir išdėstyti kiekvieną atskirą sluoksnį.

7. Skaidrės yra jūsų draugas ...

Skaidrės yra tinkamai palaikomos ir rodomos visuose įrenginiuose ir platformose. Naudokite jas kurdami šešėliai / paryškinimus.

Atkreipkite dėmesį į lašinių šešėlį po kepsniu

8.… ir nuolydžiai nėra

Kita vertus, AVD šiuo metu nepalaiko nuolydžių. Tokiu būdu pagamintas turtas beveik neabejotinai sulaužys importuodamas. Laipsniškas šešėliavimas turėtų būti naudojamas vietoj gradiento tamsėjimo metodų.

Po kepsnys išnyksta lašas

9. Eksportuokite lentas, o ne sluoksnius

Senosios mokyklos technika yra eskizo ribojančio langelio naudojimas vektorinio turto matmenims apibrėžti. Nors tai vis dar yra naudingas vektorių eksporto ribų nustatymo metodas, geresnis būdas yra sukurti iliustraciją, kurios matmenys būtų tokie patys kaip rodinio srities, kurią bandote apibrėžti. Turto ribojamojo dėžutės sluoksnis yra vertinamas kaip atskiras, bet skaidrus kelias, kai jis išverstas į „VectorDravable xml“.

10. Formos išlyginimas išspręs daugumą problemų

Eksportuotame turte yra metaduomenys, apibūdinantys jo transformacijas ir kompozicijas, kol jis redaguojamas, nes vartotojams nurodoma, kaip jis buvo sukurtas. Tačiau kai reikia eksportuoti ir pateikti šį turtą, ši pašalinė informacija apie tai, kaip jis buvo sudarytas, be to, ne tik padidina failo dydį, bet ir sukelia daugiau problemų, nei išsprendžia (eskizo sukimai ir atspindžiai nepalaikomi).

Turto galutinė būsena yra vienintelis rodomas dalykas, todėl šiuo atveju svarbu tik galutinės būsenos išvaizda.

Formos išlyginimas pavers turtą transformacijomis ir paieškos sistemomis. Tai sumažina failo dydį pašalindama pasenusią informaciją ir leidžia tiksliai peržiūrėti vaizdą.