Skip to main content

Adobe legger til HTML5-kontroller til Illustrator

Adobe Systems har gitt ut en tilleggspakke til Illustrator CS5-designredigeringsprogrammet som gjør det mulig for utviklere å eksportere deres design til web- og mobilplattformene ved hjelp av det nye HTML5-settet av webformater.

Med disse funksjonene kan designere bygge opp en visuell visning én gang, og eksporter den til flere plattformer, for eksempel websider, smarttelefoner og nettbrett, samt for utskriftsmedier, sa Adobe Senior Product Manager David Macy.

Pakken kan gjengi design ved hjelp av CSS (Cascading Style Sheets) versjonen 3 samt HTML5 Canvas-elementet og XML-bildeformatet SVG (Scalable Vector Graphics).

[Videre lesing: De beste Android-telefonene for hvert budsjett. ]

Adobes HTML5-pakke viser at selskapet, selv om det fortsetter å plassere sitt eget Flash-format som en måte å gi rik funksjonalitet til på nettet, anerkjenner også den potensielle ubiquity av HTML5. Apple, for eksempel, nektet å støtte Flash på sin egen forbrukerelektronikk, til fordel for HTML5 (selv om det nylig ble recanted noe ved å tillate bruk av plattformskompilatorer å gjenoppbygge Flash-filer til enhetskode).

Ved å bruke CSS, kan designere eksportere en side de opprettet i Illustrator til en webside. CSS kan fange mange, men ikke alle egenskapene til Illustrator, så designere må kanskje hoppe frem og tilbake mellom en webutgivelse av deres opprettelse og originalen, Macy innrømmet.

Denne funksjonen kan imidlertid dramatisk kutte tiden det tar til å designe et produkt for flere plattformer, sa han.

Ved å bruke SVG og Canvas-elementene kan designere legge til data og interaktive elementer i bildene, sier Macy. For eksempel kan noen bygge en stilig kalendermal og få de forskjellige datoene i hver måned til å fylle kalenderen på de riktige stedene, avhengig av måneden.

Med SVG kan brukerne "zoome inn på" et bilde for større detalj, Macy sa. Designeren kan også gjøre hver piksel "reaktiv", noe som betyr at en arbeidsflyt kan utløses hvis brukeren klikker på pikselet.

Med denne tilnærmingen viste Macy en nettside som lar brukeren velge bakgrunnsfarge og logoen farge av en T-skjorte. Når brukeren klikker på en farge fra fargediagrammet under en illustrasjon av skjorten, gjenspeiler siden skjorten i den fargen.

For å distribuere HTML5-pakken må brukerne ha versjon 15.0.1 av Adobe Illustrator CS.

Joab Jackson dekker bedriftsprogramvare og generell teknologi som bryter nyheter for IDG News Service . Følg Joab på Twitter på @Joab_Jackson. Joabs e-postadresse er [email protected]