Skip to main content

Adobe voegt HTML5-besturingselementen toe aan Illustrator

Adobe Systems heeft een add-on-pakket vrijgegeven voor de Illustrator CS5-ontwerpeditor waarmee ontwikkelaars hun ontwerpen naar het web en mobiele platforms kunnen exporteren, met behulp van de nieuwe HTML5-set webformaten.

Met deze mogelijkheden kunnen ontwerpers een visuele weergave eenmaal en exporteren naar meerdere platforms, zoals webpagina's, smartphones en tablets, evenals voor gedrukte media, zei Adobe senior productmanager David Macy.

Het pakket kan ontwerpen weergeven met CSS (Cascading Style Sheets) -versie 3, evenals het HTML5 Canvas-element en de SVG-indeling (Scalable Vector Graphics) XML-afbeeldingsformaat.

[Meer informatie: de beste Android-telefoons voor elk budget. ]

Het HTML5-pakket van Adobe laat zien dat het bedrijf, ook als het zijn eigen Flash-indeling blijft positioneren als een manier om rijke functionaliteit naar het web te brengen, ook de potentiële alomtegenwoordigheid van HTML5 erkent. Apple bijvoorbeeld weigerde Flash te ondersteunen op zijn eigen consumentenelektronica, ten gunste van HTML5 (hoewel het recentelijk enigszins werd herbevestigd door het gebruik van platformonafhankelijke compilers mogelijk te maken om Flash-bestanden opnieuw te bouwen tot native-code van het apparaat).

CSS, ontwerpers kunnen een pagina die ze in Illustrator hebben gemaakt exporteren naar een webpagina. CSS kan veel, maar niet alle mogelijkheden van Illustrator vastleggen, dus ontwerpers moeten mogelijk heen en weer schakelen tussen een webweergave van hun creatie en het origineel, gaf Macy toe.

Desalniettemin kan deze functie de tijd die het oplevert drastisch verminderen neemt om een ​​product te ontwerpen voor meerdere platforms, zei hij.

Door het gebruik van SVG en de Canvas-elementen kunnen ontwerpers gegevens en interactieve elementen toevoegen aan hun afbeeldingen, zei Macy. Iemand kan bijvoorbeeld een stijlvolle kalendersjabloon maken en de verschillende datums van elke maand de kalender laten vullen op de juiste locaties, afhankelijk van de maand.

Met SVG kunnen gebruikers inzoomen op een afbeelding voor meer detail, Macy zei. De ontwerper kan elke pixel ook "reactief" maken, wat betekent dat een werkstroom kan worden geactiveerd als de gebruiker op de pixel klikt.

Met deze benadering liet Macy een webpagina zien die de gebruiker de achtergrondkleur en logokleur laat kiezen van een T-shirt. Wanneer de gebruiker op een kleur in de onderstaande kleurenkaart klikt als illustratie van het shirt, maakt de pagina het shirt opnieuw in die kleur.

Om het HTML5-pakket te implementeren, moeten gebruikers versie 15.0.1 van Adobe Illustrator hebben CS.

Joab Jackson dekt bedrijfssoftware en algemeen technologisch nieuws voor

The IDG News Service . Volg Joab op Twitter op @Joab_Jackson. Het e-mailadres van Joab is [email protected]