De nyeste nettstandardene, HTML5 og CSS3 isammen med JavaScript har virkelig redusert tiden og kreftene som er involvert i å lage nettsteder med grafikk, tekst og animasjoner. Ved å bruke kreftene til HTML5, trenger du ikke lenger å skrive kode manuelt for å legge inn multimediainnhold, mens CSS3 gjør nettets UI-elementer mer fleksible, robuste og viktigere enklere å håndtere. Hvis du har sett etter et nettdesignverktøy som lar deg dra maksimal nytte av de nyeste nettstandardene uten å tvinge deg til å legge inn kode manuelt for hvert brukergrensesnittelement, blir det nylig lanserte Adobe Edge er sannsynligvis akkurat det du trenger.
Adobe Edge er spesielt skrevet forvisuelle, web- og interaksjonsdesignere som ofte sliter med å lage web-bevegelse og animert innhold ved bruk av HTML5, CSS3 og JavaScript webstandarder. Det er i utgangspunktet et verktøy for nettbevegelse og interaksjon for å lage animert innhold ved hjelp av HTML5, CSS3 og JavaScript. Mens den inneholder alle de grunnleggende verktøyene for å lage, redigere, finpusse og designe nettets UI-elementer, tilbyr den en intuitiv animasjonskoreograf for enkelt å lage og justere animert innhold på websiden din. Dessuten tvinger det deg ikke til å starte et nytt prosjekt fra bunnen av, du kan importere HTML-filen din i den for å inkludere nye brukergrensesnittkomposisjoner og blande med eksisterende brukergrensesnittelementer, for eksempel, tabell, tekststiler, bildeskygger, posisjon, font, containerjustering og mer.
Hovedgrensesnittet er delt inn i 3 seksjoner. Den venstre sidefeltet inneholder utvalgte verktøy for sammensetning av brukergrensesnitt-elementer, høyre sidelinje har alle hovedlister for web-brukergrensesnitt, inkludert skyggeeffekter, bilder, tekst, mens den nederste delen inneholder tidslinjeditoren til koreografiske animasjoner.
Element-ruten lar deg vise / skjule valgteelement og lås det for å forhindre videre redigering. Når du velger et element fra hovedskjermen, fremhever det øyeblikkelig i elementruten, noe som gjør det lettere å skjule eller låse det. Når du holder musepekeren over et element som er oppført i Elements, forteller den klassens initialer med navn, slik at du enkelt kan identifisere den i CSS-fil.
Egenskapsruten til venstre viserkomposisjonsverktøy for valgt brukergrensesnittelement på websiden din. Når du har valgt det, kan du endre stedsstørrelse, opacitet, tekstfamilie, størrelse og tekststiler, angi transformasjonsorigin, bilderotasjon og så videre.
Tidslinjeditoren lar deg se tidslinjenav hvert animerte element. Hvis du har å gjøre med en enorm CSS-fil, klikker du på filterknappen for bare å vise animerte elementer i elementruten for raskt å redigere deres posisjoner, farger, størrelse osv. Nederst til venstre i ruten har du zoom-knappen for å forstørre tidslinjen for å bekrefte allokert tids- og overgangseffekt av alle animerte elementer.
Bortsett fra å lage tverrleser-kompatibelanimert innhold for alle mye populære nettlesere, inkludert Firefox, Chrome, Internet Explorer 9, webinnhold opprettet gjennom dette verktøyet, vil fungere sømløst også på iOS- og Android-plattformer. I følge det offisielle samfunnet er Edge Preview i aktiv utvikling og vil snart bli oppdatert med mange funksjoner. Adobe Edge fungerer på Windows Vista og Windows 7.
Last ned Adobe Edge
kommentarer