Uusimmat verkkostandardit, HTML5 ja CSS3 vuonna 2006yhdessä JavaScriptin kanssa ovat todella vähentäneet aikaa ja vaivaa graafisten, teksti- ja animaatiopohjaisten verkkosivustojen luomiseen. Käyttämällä HTML5: n ominaisuuksia, sinun ei enää tarvitse kirjoittaa koodia manuaalisesti multimediasisällön upottamiseksi, kun taas CSS3 tekee web-käyttöliittymäelementteistä joustavampia, vankempia ja tärkeämpää helpommin käsiteltäviä. Jos olet etsinyt verkonsuunnittelutyökalua, jonka avulla voit hyödyntää uusimpien verkkostandardien maksimaalista hyötyä pakottamatta sinua syöttämään koodia manuaalisesti jokaiselle käyttöliittymäelementille, vasta julkaistu Adobe Edge on todennäköisesti juuri sitä mitä tarvitset.
Adobe Edge on erityisesti suunniteltuvisuaalisten, verkko- ja vuorovaikutussuunnittelijoiden, jotka kamppailevat usein web-liikkeen ja animoidun sisällön luomisessa HTML5-, CSS3- ja JavaScript-web-standardien avulla. Se on pohjimmiltaan web-liikkeen ja vuorovaikutuksen suunnittelutyökalu animoidun sisällön luomiseen HTML5: n, CSS3: n ja JavaScriptin avulla. Vaikka se sisältää kaikki perustyökalut web-käyttöliittymäelementtien luomiseen, muokkaamiseen, mukauttamiseen ja suunnitteluun, se tarjoaa intuitiivisen animaation koreografin, joka voi helposti luoda ja säätää animoitua sisältöä verkkosivustollesi. Lisäksi se ei pakota sinua aloittamaan uutta projektia tyhjästä, voit tuoda HTML-tiedostosi siihen sisällyttääksesi uusia käyttöliittymäkoostumuksia ja huolehtia olemassa olevien käyttöliittymäelementtien, kuten taulukon, tekstityylien, kuvan sävyjen, sijainnin, fontti, säilön kohdistus ja paljon muuta.
Päärajapinta on jaettu 3 osaan. Vasemmassa sivupalkissa on valitut käyttöliittymäelementtikoostumistyökalut, oikealla sivupalkissa on kaikki tärkeimmät web-käyttöliittymäelementtiluettelot, mukaan lukien varjoefektit, kuvat, teksti, kun taas alaosassa on aikajanaeditori koreografianimaatioihin.
Elements-paneelissa voit näyttää / piilottaa valitutelementti ja lukitse se alas muokkaamisen estämiseksi. Kun valitset elementin päänäytöstä, se korostaa sen heti Elementti-ruudussa, mikä helpottaa sen piilottamista tai lukitsemista. Kun siirrät hiiren osoittimen Elementsissä luetellun kohteen päälle, se kertoo luokan alkukirjaimet nimellä, joten voit tunnistaa sen helposti CSS-tiedostossa.
Ominaisuudet-ruutu vasemmalla puolella näyttääkoostumustyökalut Web-sivusi valitulle käyttöliittymäelementille. Kun olet valinnut, voit muuttaa sen sijaintikokoa, opasiteettiä, fonttiperhettä, kokoa ja tekstityylejä, asettaa muunnoksen alkuperän, kuvan kiertoa ja niin edelleen.
Aikajanaeditorilla voit tarkastella aikajanaakustakin animoidusta elementistä. Jos kyse on yhdestä valtavasta CSS-tiedostosta, napsauta suodatuspainiketta, jotta Elements-osiossa näytetään vain animoituja elementtejä, jotta niiden sijainteja, värejä, kokoa jne. Voidaan muokata nopeasti. Paneelin vasemmassa alakulmassa on zoomauspainike aikajanan suurentamiseksi. kaikkien animoitujen elementtien osoitetun ajan ja siirtymävaikutuksen tarkistamiseksi.
Sen lisäksi, että luodaan selainten välisiä yhteensopiviaanimoitu sisältö kaikille suosituille selaimille, mukaan lukien Firefox, Chrome, Internet Explorer 9, tämän työkalun avulla luotu verkkosisältö toimii saumattomasti myös iOS- ja Android-alustoilla. Virallisen yhteisön mukaan Edge Preview on aktiivisessa kehityksessä ja päivitetään pian joukko ominaisuuksia. Adobe Edge toimii Windows Vistassa ja Windows 7: ssä.
Lataa Adobe Edge
Kommentit