10 näpunäidet vektori varade eksportimiseks Sketchist Androidi

Vektorite eelised rasterite suhtes on ilmsed. Vektorvarad on väiksemad, hõlpsasti redigeeritavad ja palju hõlpsamini mikrotasandil (eriti suuruse ja värvi osas).

Töötan suhteliselt keeruka rakenduse kallal, mis toetab paljusid erinevaid platvorme. Kasvavate ekraanisuuruste ja eraldusvõimetega (vaadates teid, Nexus 6P) Androidi jaoks pidasime vajalikuks olemasolevaid varasid värskendada rasterkujulistest vektorvormingutesse, et hoida varad skaleeritavana vajaduse tõttu toetada erinevaid eraldusvõimet.

Enamik varasid, mida me praegu kasutame, loodi algselt eskiisi abil. See tekitas teisenduse proovimisel huvitavaid probleeme. Kuna oma praeguses API-s (Android 24) toetab vektori vara vaid osaliselt Android, purunes eksporditud vara mitmel ootamatul viisil.

See on kujundaja seisukohast uurimispäevik. Mõne asja kohta, mida õppisime, proovides teisendada rakenduses olevad kõik rastervarad Androidi vektoriteks, õppisime paar asja. Android Studio kasutajajuhendid polnud tõrkeotsingust eriti abi.

Mitte päris “täielik tugi”

Paljud siin kirjutatud reeglid on konkreetsed vektorvara eksportimiseks eskiisi abil. Kuid need on ka head juhised puhaste ja funktsionaalsete vektorvarade eksportimiseks kasutamiseks kõigil platvormidel.

1. Hoidke see lihtne loll

See tarkvara kujundamise aluspõhimõte kehtib ka varade kohta: mida lihtsamad kujundid, seda parem. Proovige ja kasutage keerukate varade loomiseks lihtsaid kujundeid. Üldine rusikareegel on, et mida vähem radu ja ankruid kasutatakse, seda „puhtam“ see on. Üksiku kuju kasutamine on vara loomiseks alati parem kui mitme kattuva kuju kasutamine.

2. Vältige maskide kasutamist

Sketchi abil tehtud maske ei toetata praegune Android API versioon. Android VectorDrawble (AVD) ignoreerib Sketchis tehtud maskeeringuid ja Sketchis tehtud maskid võivad mõnikord Adobe Illustratori krahhida. Kui on olukord, kus tuleb luua varjutav efekt, tuleks maskide asemel kasutada olemasoleva kihi peal olevat kattuvat kuju.

Vajaliku kuju loomiseks kasutage varjutuskihil koos aluskihiga rajaotsikut “Intersect”

3. Tehke kontuurid, mitte lööke

Võimaluse korral proovige vältida löökide kasutamist soovitud kujundite loomiseks. Löögid ei mõõdu ülejäänud kujutisega alati õigesti. Lisaks ei tee AVD vahet erinevatel piiripositsioonidel ja käsitleb kõiki piire keskpunkti tõmbamisena.

Mida see tähendab, on see, et visandil 10 paksune sisepiir saab AVD-le renderdamisel paksuse 20 keskmisena.

Kuna piirjooned on kujundid, näitavad need mõõtkavas või ümberkujundamisel alati soovitud välimust. Ka kontuuridega on palju lihtsam töötada, kui soovite rakendada otsingutulemite toiminguid.

Kasutades CMD + Shift + O, saate lööki hõlpsalt piirjoonteks muuta.

4. Rajaleidjad on teie sõber

Kõige keerukamaid kujundeid saab luua lihtsamate kujundite kompositsioonist, kasutades rajaotsija toiminguid. Tutvuge nendega. Sel viisil loodud kujusid saab õigesti kuvada igas seadmes.

5. Parim tõrkeotsing on Adobe Illustrator

Adobe Illustrator muudab vektorvarad samamoodi nagu Androidi VectorDravable (anekdootliku kogemuse põhjal). Kui vara ei kuvata AVD-s korralikult, proovige probleemi diagnoosida Illustratori abil. Sageli on lahendus nii lihtne kui lihtsalt täite eemaldamine.

Levinud probleem Android-i varade eksportimisel Sketchi abil.

6. Kombineeritud ja ümberkujundatud kujundid ei pruugi ilmneda nii, nagu nad paistavad

Sketchis tehtud teisendusi, nagu peegeldused ja pöörded, ei toetata Android VectorDravableis täielikult. Selle tulemusel ei kuva muudetud kihid alati seda, mida te ootate. Lihtsaim lahendus sellele oleks lihtsalt iga tee, millel on teisendus, lamestamine, nii et teisendus muutub selle tee osaks.

Kuid olukordades, kus teisendusi rakendatakse tervetele rühmadele, oleks ainus viis selle vältimiseks iga kihi käsitsi teisendamine ja positsioneerimine.

7. Lüümikud on teie sõber ...

Kihid on õigesti toetatud ja kuvatud kõigis seadmetes ja platvormidel. Kasutage neid vajadusel varjude / esiletõstude loomiseks.

Pange tähele varju praadi all

8.… ja kalded pole

Teisest küljest ei toeta AVD praegu kaldeid. Sel viisil valmistatud varad purunevad impordi ajal peaaegu kindlasti. Gradientide varjutamise tehnika asemel tuleks kasutada Cel-varjutust.

Pihvi all olev vari kaob

9. Ekspordi artboards, mitte kihte

Vanapildi mõõtmete määratlemisel eskiisis piirdekasti kasutamine on vana kooli tehnika. Ehkki see on endiselt kasutatav meetod vektorite eksportimiseks piiride määratlemiseks, on parem lähenemisviis luua esiplaan, millel on samad mõõtmed kui vaatepordil, mida proovite määratleda. Vara piiritlevat kasti kihti käsitletakse kui eraldi, kuid läbipaistvat rada, kui see on tõlgitud vektori VectorDravable xml-le.

10. Kujude lamendamine lahendab enamiku probleeme

Eksporditud varad sisaldavad metaandmeid, mis kirjeldavad selle muutusi ja kompositsioone redigeerimise ajal, kuna see annab kasutajatele teada, kuidas see loodi. Nende varade eksportimisel ja renderdamisel põhjustab see kõrvaline teave selle koostamise kohta lisaks failisuuruse suurenemisele ka rohkem probleeme kui lahendab (visandis tehtud pöördeid ja peegeldusi ei toetata).

Ainus näidatav on vara lõppseisund ja seega on sel juhul oluline ainult lõppseisundi välimus.

Kuju lamendamine muudab varaks teisendused ja otsija toimingud. See vähendab vananenud teabe eemaldamisega faili mahtu ja võimaldab teil pilti täpselt eelvaatesse saada.