Адобе Едге Цреативе Цлоуд Аппс

• Може 17, 2024

ХТМЛ5, ЈаваСцрипт и ЦСС3 постали су готово једнако популарни као Фласх за креирање интерактивне анимације за веб, таблете и телефоне. Адобе^Р Едге Анимате и остале Едге апликације веома су корисни софтвер са многим унапред постављеним поставкама како би олакшали свој рад.

Анимација временске линије и даље је најпопуларнији начин анимирања, а Адобе је то олакшао новим Едге Анимате стазама за кретање, које могу опонашати кретања у стварном свету и са уграђеним олакшањем. Анимацију можете лако додати дуж временске траке притиском на дугме Пин који додаје ознаке анимације на временску траку или повлачењем и испуштањем позиционирања објеката на позорници које Едге Анимате аутоматски претвара у стазе кретања. Можете чак да користите дугме Снимање које бележи измене које уносите у објекте на позорници и претвара ове промене у анимацију кључног оквира. Едге такође има своју верзију панела Ацтионс, која је незакрпљена, а свака акција има своју картицу на панелу. Тестирање анимација је једноставно уз комбинацију Адобе Едге-а и прегледача Гоогле Цхроме.

Ако сте упознати са Фласх анимацијом, приметићете да додавање интерактивности у Едгеу подсећа на радни ток Фласх, тако да можете да користите угнезђене временске линије за сваки елемент анимације и примените унапред инсталиране исечке кода за најчешће интеракције и анимације. Ови исјечци кода управљају анимацијом репродукције, попут репродукције, паузе, настављања и заустављања, као и стварања врућих подручја за основне радње дугмета, попут клика, задржавања миша, па чак и хипервеза. Да бисте додали прилагођени код овим исјечцима кода, можете да га укуцате директно на плочу „Акције“. Наравно, можете ручно да кодирате своје ХТМЛ5, ЈаваСцрипт и ЦСС3 на панелу Акције. Пошто се ова врста веб и анимацијских програма често ослања на екстерне ЈаваСцрипт библиотеке, можете чак и да додате линкове на ове спољне изворе.

Анимација је само део онога што можете да урадите са групом апликација Едге. Један од најважнијих аспеката веб дизајна је израда веб странице која је прилагодљива или флексибилна за све типове екрана од десктопа до мобилних телефона. То се ради помоћу упита медија и течних решења заснованих на процентима, оба су део алата који се налазе у Едге Рефлов-у. Едге Рефлов је радно окружење ВИСИВИГ које генерише код за ваш пројекат. Овај код је ажуриран за најновије веб стандарде, посебно ВебКит који све више подржава све, од веб страница до читача е-књига.

Изградња изгледа у Едге Рефлову је једноставна као и цртање ХТМЛ див спремника на решетку помоћу алата Бок, а апсолутно позиционирање ових див-ова омогућава им да промијене величину или трансформишу према потреби за сваку величину екрана. Како ово ради? Тајна су Медиа Куериес које можете прилагодити у Медиа Куери Манагер-у постављањем минималних и максималних параметара за три или више резолуција екрана. Ови параметри ће одредити када ће се дизајн трансформисати горе или доле за најближу величину екрана. Јако ми се допадају визуелни маркери обојени у боји за сваку величину екрана на врху радног простора који вам помажу да визуализујете када ће се те промене догодити.

Једна од функција Едге која највише штеди вријеме је како можете лако поново користити своје прилагођене ЦСС3 стилове током неколико пројеката и на тај начин одржавати доследне стилове. Ово такође чини ажурирање готово аутоматским. Адобе је ово учинио делом вашег радног тока помоћу панела за обликовање ивица Едге Рефлов. Да би ствари остале необрађене, сваки стил, као што су позадина или обруби, има свој засебни одељак. Можете да контролишете боју и друге параметре, као и хијерархију слојева, директно из тих картица. Ови прилагођени стилови се аутоматски претварају у правила ЦСС стила, која се затим могу копирати / залепити ради поновне употребе.

У прошлости сте, да бисте прегледали веб страницу, требали да сачувате измене, пребаците се на веб прегледач и освежите страницу. Адобе је смањио број ових корака коришћењем комбинације Едге Инспецт и прегледача Цхроме. Сада можете прегледати како ће се ваш пројекат приказивати на више уређаја са десктопа, таблета на мобилни телефон. Једна карактеристика која ми се стварно свиђа је могућност снимања екрана ових прегледа како бисте их послали е-поштом клијентима и члановима тима или их користили у Цреативе Цлоуд-у за сарадњу.

Коначно, за оне од нас који још увек воле да раде са сировим кодом, Адобе има Едге Цоде. Прозор кода је препун само неколико контрола на левој страни и Едге Цоде се интегрише са Гоогле Цхроме-ом како би вам омогућио преглед уживо. Када ваш код постане дугачак и неспретан, можете се пробити до нивоа појединог елемента помоћу функције Куицк Едит која приказује све стилове причвршћене на елемент у прозору преклапања. Будући да су апликације Едге део Цреативе Цлоуд-а, можете користити Адобе Едге Веб Фонтс, Гоогле Веб Фонтове и Типекит фонтове директно из Едге Цоде. Едге Цоде ће генерирати ознаку скрипте заглавља која повлачи спољни фонт.

Како ХТМЛ5, ЈаваСцрипт и ЦСС3 брзо замењују старије технике анимације због популарности мобилних уређаја, ове интегрисане Едге апликације као и њихова интеграција са осталим Адобе апликацијама следећа су генерација вишеструког дизајна и развоја током рада.

Откривање: Нисам новчано надокнађен за овај чланак. За ову рецензију Адобе је испоручио чланство у Цреативе Цлоуд-у.Мишљења су у потпуности моја на основу мог искуства.

Ауторска права 2018. Адобе Системс Инцорпоратед. Сва права задржана. Снимке екрана Адобе производа поново су одштампане уз дозволу компаније Адобе Системс Инцорпоратед. Адобе, Пхотосхоп, Пхотосхоп албум, Пхотосхоп Елементс, Иллустратор, ИнДесигн, ГоЛиве, Ацробат, Цуе, Премиере Про, Премиере Елементс, Бридге, Афтер Еффецтс, ИнЦопи, Дреамвеавер, Фласх, АцтионСцрипт, Фиреворкс, Цонтрибуте, Цаптивате, Фласх Цаталист и Фласх Папер је или су [а] регистровани заштитни знак (и) или заштитни знак (Адобе) компаније Адобе Системс Инцорпоратед у Сједињеним Државама и / или другим земљама.

Видео Упутства: Building a Mobile App with Adobe Creative Cloud | Adobe Creative Cloud (Може 2024).