10 савета за извоз векторских средстава са Скетцх-а на Андроид

Предности вектора у односу на растере су очигледне. Векторска средства су мања, лако се уређују и много се лакше управљају (посебно у погледу величине и боје).

Радим на релативно сложеној апликацији која подржава много различитих платформи. С повећањем величине и резолуције екрана (гледамо вас, Некус 6П) за Андроид, сматрали смо да је потребно ажурирати постојећу имовину од растерских до векторских формата како би средства била скалабилна због потребе за подржавањем различитих резолуција.

Већина средстава која тренутно користимо првобитно је креирана помоћу програма Скетцх. То је изазвало неке занимљиве проблеме приликом покушаја конверзије. Будући да је векторска имовина Андроид само делимично подржана у њеном тренутном АПИ-ју (Андроид 24), извезени снимци су се сломили на много неочекиваних начина.

Ово служи као истраживачки дневник са становишта дизајнера, за неколико ствари које смо научили покушавајући да претворимо сву растерску имовину у апликацију у векторе за Андроид. Кориснички водичи за Андроид Студио нису били нарочито корисни када је реч о решавању проблема.

Не баш „Пуна подршка“

Многа овде написана правила специфична су за извоз векторских средстава помоћу Скетцх-а. Међутим, добре су смернице за извоз чистих и функционалних векторских средстава за употребу на свим платформама.

1. Нека буде једноставно глупо

Овај основни принцип дизајна софтвера важи и за имовину: што су једноставнији облици, то је бољи. Покушајте и користите једноставне облике да бисте креирали сложену имовину која вам је потребна. Опште правило је да се користи мање стаза и сидара, то је "чистије". Употреба једног облика увек је пожељнија од коришћења више облика преклапања да бисте створили средство.

2. Избегавајте употребу маски

Маске направљене коришћењем Скетцх-а не подржавају тренутна верзија Андроид АПИ-ја. Свако маскирање направљено у Скетцх-у занемарава Андроид ВецторДравбле (АВД), а маске направљене на Скетцх-у понекад би срушиле Адобе Иллустратор. Ако постоји ситуација у којој треба створити ефекат засјењења, облик преклапања на врху постојећег слоја треба користити у корист маски.

Употријебите операцију трафирања „Прекрижите се“ на засјењеном слоју са основним слојем да бисте створили облик који вам је потребан

3. Правите обрисе, а не потезе

У ситуацијама где је то могуће, покушајте да избегавате потезе да бисте створили жељене облике. Потези не одговарају увек одговарајућим димензијама остатку слике. Поред тога, АВД не разликује различите граничне положаје и све границе третира као "средишњи" ход.

Дакле, то значи да унутрашња ивица дебљине 10 на Скетцх-у постаје средишњи ход дебљине 20 када је приказан на АВД-у.

Пошто су обриси облика, они увек показују жељени изглед када се скалирају или трансформишу. Обриси су такође много лакши за рад ако желите да примените операције проналаска пута.

Врло лако можете променити потезе у контуре користећи ЦМД + Схифт + О.

4. Путници су вам пријатељ

Најсложенији облици могу се створити из композиције једноставнијих облика помоћу операција проналаска пута. Упознајте се са њима. Облици створени на овај начин могу се правилно приказати на сваком уређају.

5. Адобе Иллустратор је најбољи алат за решавање проблема

Адобе Иллустратор приказује векторска средства на исти начин као и Андроидова ВецторДравабле (из анегдотског искуства). Ако се средство не приказује правилно у АВД-у, покушајте дијагностицирати проблем помоћу Иллустратор-а. Рјешење је често једноставно као уклањање испуњавања.

Чест проблем за извоз средстава за Андроид помоћу програма Скетцх.

6. Комбиновани и трансформисани облици можда не изгледају онако како изгледају

Трансформације попут рефлексија и ротација направљених на Скетцх-у нису у потпуности подржане у Андроид ВецторДравабле. Као резултат, трансформисани слојеви не изгледају увек онако како очекујете. Најлакше решење за то било би једноставно спљоштавање сваког пута који има трансформацију, па трансформација постаје део путање.

Међутим, у ситуацијама где се трансформације примењују на читаве групе, једини начин да се то реши било би ручно трансформисање и позиционирање сваког појединог слоја.

7. Транспаренте су ваш пријатељ ...

Транспаренти су правилно подржани и приказани на свим уређајима и платформама, користите их за стварање сенки / истакнутости где је то прикладно.

Обратите пажњу на сенку испод одрезака

8.… и градијенти нису

Са друге стране, АВД тренутно не подржава градијенте. Овако направљена имовина скоро сигурно ће се распасти током увоза. Затамњење Цел-ом треба користити у корист техника градијентских сенчења.

Испада се сенка испод одрезака

9. Извозите уметничке плоче, а не слојеве

Употреба граничног оквира у Скетцх-у за дефинисање димензија векторског средства је техника старе школе. Иако је то још увек корисна метода дефинисања граница за извоз вектора, бољи приступ је креирање уметничке плоче која има исте димензије као и прозор за приказ који покушавате да дефинишете. Ограничавајући слој оквира у средству се третира као посебан, али транспарентан пут кад се преведе у ВецторДравабле кмл.

10. Изравнавање облика решиће већину проблема

Извезена средства садрже метаподатке који описују њихове трансформације и композиције док се уређују, јер то корисницима говори "како" је створено. Међутим, када је у питању извоз и враћање ових средстава, ове стране информације о томе како су састављене често узрокују више проблема него што их решавају (ротације и рефлексије изведени у Скетцх-у нису подржани), поред повећања величине датотеке.

Крајње стање средства је једино што се приказује, тако да је у овом случају важно само изглед крајњег стања.

Изравнавање облика претворит ће трансформације и операције усмјеравања пута у средство. Ово смањује величину датотеке уклањањем застарјелих информација и омогућава вам прецизан преглед слике.