Adobe Edge'i loomingulised pilverakendused
HTML5, JavaScript ja CSS3 on muutunud veebis, tahvelarvutites ja telefonides interaktiivse animatsiooni loomiseks peaaegu sama populaarseks kui Flash. AdobeR Edge Animate ja teised Edge'i rakendused on väga hõlpsasti kasutajasõbralik tarkvara, millel on palju eelhäälestusi, et teie tööd lihtsamaks muuta.

Ajaskaala animatsioon on endiselt populaarseim viis animeerimiseks ja Adobe on selle lihtsamaks teinud uute Edge Animate liikumisteede abil, mis suudavad jäljendada reaalse maailma liikumisi ja sisseehitatud kergendamise abil. Animatsiooni saate hõlpsalt lisada ajajoonele nupuga Pin, mis lisab ajajoonele animatsiooni markerid, või lohistades objektide positsioneerimise lavale, mille Edge Animate automaatselt teisendab liikumisteedeks. Võite kasutada isegi nuppu Salvesta, mis salvestab laval olevate objektide muudatused ja teisendab need muudatused võtmekaadri animatsiooniks. Edge'il on ka toimingute paneeli oma versioon, mis on segamatu, kui igal toimingul on paneelil oma vahekaart. Animatsioonide testimine on Adobe Edge'i ja Google Chrome'i brauseri abil lihtne.

Kui tunnete Flash-animatsiooni, siis märkate, et interaktiivsuse lisamine rakenduses Edge sarnaneb Flashi töövooguga, kuna saate kasutada iga animatsioonielemendi jaoks pesastatud ajajooni ja rakendada eelinstalleeritud koodilõike kõige tavalisemate interaktsioonide ja animatsioonide jaoks. Need koodilõigud käsitlevad nii taasesituse animatsioone, nagu esitamine, peatamine, jätkamine ja peatamine, kui ka loovad kuumade alade nupu põhitoiminguteks, nagu näiteks klõps, hõljumine ja isegi hüperlingid. Nendele koodilõikudele kohandatud koodi lisamiseks võite kirjutada otse toimingute paneelile. Muidugi saate oma HTML5, JavaScripti ja CSS3 käsitsi kodeerida toimingute paneelil. Kuna seda tüüpi veebi- ja animatsiooniprogrammeerimine tugineb sageli välistele JavaScripti teekidele, saate neile välistele allikatele isegi linke lisada.

Animatsioon on vaid osa sellest, mida saate teha rakenduste grupiga Edge. Veebidisaini üks olulisemaid aspekte on veebisaidi loomine, mis on tundlik või paindlik igat tüüpi ekraanide jaoks, lauaarvutist mobiiltelefonini. Seda tehakse meediumipäringute ja sujuvate, protsendipõhiste ruudustiku paigutustega, mis mõlemad on osa Edge Reflow-i tööriistadest. Edge Reflow on WYSIWYG-i töökeskkond, mis genereerib teie projekti jaoks koodi. See kood on värskeimate veebistandardite jaoks ajakohane, eriti WebKiti jaoks, mida toetab üha enam kõik alates veebilehtedest kuni e-raamatute lugejateni.

Edge Reflow'is paigutuse loomine on sama lihtne kui HTML-div konteinerite joonistamine ruudule tööriistaga Box ja nende jaotuste absoluutne positsioneerimine võimaldab neid vastavalt iga ekraanisuurusele vastavalt muuta või muuta. Kuidas see töötab? Saladus on meediumipäringud, mida saate meediumipäringuhalduris kohandada, määrates minimaalse ja maksimaalse parameetri kolme või enama ekraani eraldusvõime jaoks. Need parameetrid määravad, millal kujundus lähima ekraanisuuruse korral üles või alla muutub. Mulle meeldivad tööruumi ülaosas iga ekraanisuuruse jaoks värvikoodiga visuaalsed markerid, mis aitavad teil neid muutusi ette näidata.

Üks kõige aega säästvamaid Edge'i funktsioone on see, kuidas saate oma kohandatud CSS3-stiile hõlpsalt mitme projekti jooksul taaskasutada ja säilitada seega ühtlased stiilid. See muudab värskendamise ka peaaegu automaatseks. Adobe muutis selle Edge Reflow Styling paneeli abil teie töövoo osaks. Asjade segamatuse tagamiseks on igal stiilil, näiteks taustal või ääristel, oma individuaalne sektsioon. Värvi ja muid parameetreid ning kihtide hierarhiat saate juhtida otse nende vahekaartide sees. Need kohandatud stiilid teisendatakse automaatselt CSS-i stiilireegliteks, mida saab siis taaskasutamiseks kopeerida / kleepida.

Varem pidid oma veebilehe eelvaate kuvamiseks muudatused salvestama, veebibrauserile lülituma ja lehte värskendama. Adobe on nende toimingute arvu vähendanud, kasutades kombinatsiooni Edge Inspect ja Chrome'i brauserit. Nüüd saate vaadata, kuidas teie projekt kuvatakse mitmes seadmes lauaarvutist, tahvelarvutist mobiiltelefonini. Üks funktsioon, mis mulle väga meeldib, on võimalus teha nendest eelvaadetest ekraanipilt, et klientidele ja meeskonna liikmetele meilisõnumeid saata või Creative Cloudis koostööd teha.

Lõpuks - neil meist, kellele meeldib endiselt toorkoodiga töötada, on Adobe Edge Code. Koodiaken on täis vaid vasakul asuvaid juhtnuppe ja Edge Code integreerub Google Chrome'iga, et teile reaalajas eelvaadet pakkuda. Kui teie kood muutub pikaks ja kohmakaks, saate selle sirvida üksikute elementide tasemeni, kasutades funktsiooni Kiire redigeerimine, mis loetleb kõik elemendid, mis on ühendatud ülekatteaknas. Kuna Edge'i rakendused on osa Creative Cloudist, saate Adobe Edge'i veebifondide, Google'i veebifondide ja Typekiti fonte kasutada otse servakoodist. Edge Code genereerib päiseskripti sildi, mis tõmbab sisse välise fondi.

Kuna HTML5, JavaScript ja CSS3 asendavad mobiilsete seadmete populaarsuse tõttu kiiresti vanemaid animatsioonitehnikaid, on need integreeritud Edge'i rakendused ning nende integreerimine teiste Adobe'i rakendustega mitme seadme kujundamise ja arendamise töövoo järgmine põlvkond.

Avalikustamine: mulle ei makstud selle artikli eest rahalist hüvitist. Adobe esitas selle ülevaate jaoks Creative Cloudi liikmelisuse.Minu kogemuste põhjal on arvamused täiesti minu oma.

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.


Video Juhiseid: NYSTV - Nephilim Bones and Excavating the Truth w Joe Taylor - Multi - Language (Märts 2024).