10 vinkkiä vektorivarojen viemiseksi Sketchistä Androidiin

Vektorien edut rastereille ovat ilmeisiä. Vektorivarat ovat pienempiä, helposti muokattavissa ja huomattavasti helpommin mikrotarkastettavia (erityisesti koon ja värin suhteen).

Työskentelen suhteellisen monimutkaisella sovelluksella, joka tukee monia eri alustoja. Kasvavien näytön kokojen ja erottelukykyjen vuoksi (katsoessasi sinua, Nexus 6P) Androidille koimme tarpeelliseksi päivittää olemassa olevat resurssit rasterista vektorimuotoihin, jotta varat pysyvät skaalattavissa, koska tarve tukea erilaisia ​​resoluutioita.

Suurin osa tällä hetkellä käyttämästämme omaisuudesta on alun perin luotu Sketchillä. Tämä aiheutti mielenkiintoisia ongelmia muuntamisen yrittäessä. Koska Android tukee vektoriosavaroja vain osittain sen nykyisessä sovellusliittymässä (Android 24), viedyt varat rikkoivat monilla odottamattomilla tavoilla.

Tämä toimii suunnittelijan kannalta tutkintapäiväkirjana parille asialle, jonka opimme yrittäessään muuntaa sovelluksen kaikki rasterisisällöt Android-vektoreiksi. Android Studion käyttöoppaat eivät olleet erityisen hyödyllisiä vianmäärityksessä.

Ei aivan

Monet täällä kirjoitetut säännöt koskevat erityisesti vektoriesineiden viemistä Sketchillä. Ne ovat kuitenkin myös hyviä ohjeita puhtaan ja toiminnallisen vektorivaroituksen viemiseksi käytettäväksi kaikilla alustoilla.

1. Pidä se yksinkertaisena tyhmäna

Tämä ohjelmistosuunnittelun pääperiaate koskee myös omaisuutta: mitä yksinkertaisemmat muodot, sitä parempi. Kokeile ja käytä yksinkertaisia ​​muotoja luodaksesi monimutkaisia ​​hyödykkeitä. Yleinen nyrkkisääntö on, että mitä vähemmän polkuja ja ankkureita käytetään, sitä puhtaampi se on. Yhden muodon käyttäminen on aina edullisempaa kuin useiden päällekkäisten muotojen käyttö omaisuuden luomiseen.

2. Vältä naamarien käyttöä

Android API: n nykyinen versio ei tue Sketchillä tehtyjä maskeja. Android VectorDrawble (AVD) ohittaa kaikki Sketchissä tehdyt peittämiset, ja Sketchissä tehdyt maskit voivat joskus kaataa Adobe Illustratorin. Jos on tilanne, että varjostusvaikutus on luotava, naamarien hyväksi tulisi käyttää olemassa olevan kerroksen päällä olevaa päällekkäistä muotoa.

Luo tarvitsemasi muoto käyttämällä varjostuksen kerroksen pohjakerroksen ”Intersect” -operaatiota

3. Tee ääriviivat, ei iskut

Yritä mahdollisuuksien mukaan välttää iskujen käyttämistä haluttujen muotojen luomiseen. Viivat eivät aina sovi oikein muun kuvan kanssa. Lisäksi AVD ei tee eroa eri raja-asemien välillä, ja kohtelee kaikkia rajoja ”keskiasennuksena”.

Joten tämä tarkoittaa, että luonteen paksuuden 10 sisäreunasta tulee paksuuden 20 keskitahti AVD: llä suoritettaessa.

Koska ääriviivat ovat muotoja, niillä on aina haluttu ulkonäkö skaalattuina tai muunnettuina. Ääriviivat ovat myös paljon helpompia työskennellä, jos haluat soveltaa polun etsintätoimenpiteitä.

Voit muuttaa vaiheet helposti ääriviivoiksi käyttämällä CMD + Shift + O.

4. Pathfinders ovat ystäväsi

Monimutkaisimmat muodot voidaan luoda yksinkertaisempien muotojen koostumuksesta käyttämällä polun etsimen toimintoja. Tutustu heihin. Tällä tavalla luodut muodot voidaan näyttää oikein kaikissa laitteissa.

5. Adobe Illustrator on paras vianmääritys

Adobe Illustrator näyttää vektorivarat samalla tavalla kuin Androidin VectorDravable (anekdoottisen kokemuksen perusteella). Jos sisältöä ei näytetä oikein AVD: ssä, kokeile diagnosoida ongelma Illustratorilla. Usein ratkaisu on yhtä helppoa kuin vain täydennyksen poistaminen.

Yleinen ongelma omaisuuden viemisessä Androidille Sketchillä.

6. Yhdistetyt ja muunnetut muodot eivät välttämättä näytä sellaisilta kuin miltä ne näyttävät

Sketchissä tehtyjä muunnoksia, kuten heijastuksia ja kiertoa, ei tueta täysin Android VectorDravable -sovelluksessa. Seurauksena ovat, että muunnetut kerrokset eivät aina näy haluamallasi tavalla. Helpoin ratkaisu tähän olisi vain tasoittaa jokainen polku, jolla on muunnos, joten muutoksesta tulee osa polkua.

Kuitenkin tilanteissa, joissa muutoksia sovelletaan kokonaisiin ryhmiin, ainoa tapa kiertää tämä olisi muuttaa manuaalisesti ja sijoittaa jokainen kerros.

7. Kalvot ovat ystäväsi…

Kalvoja tuetaan ja esitetään oikein kaikissa laitteissa ja alustoissa. Käytä niitä tarvittaessa varjojen / kohokohtien luomiseen.

Huomaa pudotusvarjo pihvin alla

8.… ja kaltevuudet eivät ole

Toisaalta AVD ei tällä hetkellä tue kaltevuuksia. Tällä tavalla tehdyt varat rikkovat melkein varmasti tuonnin aikana. Cel-varjostusta tulisi käyttää gradienttien varjostustekniikoiden hyväksi.

Pudon alla oleva varjo katoaa

9. Vie taulut, ei kerroksia

Piirustusruudun käyttäminen Sketchissä vektorimateriaalin mittojen määrittelemiseen on vanhan koulun tekniikka. Vaikka se on edelleen käyttökelpoinen menetelmä rajata vektorien vientiä varten, parempi lähestymistapa on luoda kuvataulu, jolla on samat mitat kuin näkymäportilla, jota yrität määritellä. Omaisuuserän rajaavaa laatikkikerrosta käsitellään erillisenä, mutta läpinäkyvänä polkuna, kun se käännetään VectorDravable xml-tiedostoon.

10. Muotojen litistäminen ratkaisee useimmat ongelmat

Viedyt aineistot sisältävät metatiedot, jotka kuvaavat sen muunnelmia ja koostumuksia muokattavanaan, koska tämä kertoo käyttäjille, kuinka "se" luotiin. Näiden omaisuuserien viemisen ja hahmottamisen yhteydessä tämä ulkoinen tieto siitä, miten se on muodostettu, aiheuttaa usein enemmän ongelmia kuin ratkaisee (Sketchissä suoritettuja kiertoja ja heijastuksia ei tueta) tiedostokokojen lisäämisen lisäksi.

Omaisuuserän lopputila on ainoa näytettävä asia, joten tässä tapauksessa vain lopputilan ulkonäkö on tärkeä.

Muodon tasoittaminen tekee muutoksista ja polunhakijaoperaatioista omaisuudeksi. Tämä pienentää tiedoston kokoa poistamalla vanhentuneet tiedot ja antaa sinun esikatsella kuvaa tarkasti.