Skip to main content

Adob​​eがIllustratorにHTML5コントロールを追加

アドビのシニアプロダクトマネージャであるDavid Macy氏によると、Webページ、スマートフォン、タブレットなどの複数のプラットフォームにエクスポートすることができます。

CSSはCSS(Cascading Style Sheets)バージョンを使用してデザインをレンダリングできます3、HTML5 Canvas要素、SVG(Scalable Vector Graphics)XML画像形式などがあります。

]

Adob​​eのHTML5パックは、Webに豊富な機能をもたらす方法として自社のFlashフォーマットを引き続き採用しているとしても、HTML5の潜在的可能性を認めていることを示しています。たとえば、アップル社は、HTML5に賛成して、自社の家電製品でFlashをサポートすることを断った(最近、クロスプラットフォームのコンパイラを使用してFlashファイルをデバイスネイティブコードに再構築することを認めている)。

CSSを使用すると、Illustratorで作成したページをWebページに書き出すことができます。 CSSはIllustratorの機能のすべてではないが、多くのものを取り込むことができるため、設計者は作成したWebの表現と原作との間を行き来する必要があるかもしれない、とMacyは認めている[

]。 SVGとCanvas要素を使用することで、デザイナーはデータとインタラクティブな要素を画像に追加できる、とMacy氏は語る。たとえば、誰かがスタイリッシュなカレンダーテンプレートを作成し、毎月の異なる日付に月に応じて適切な場所にカレンダーを作成することができます。

SVGを使用すると、ユーザーはイメージを「ズームイン」して詳細を表示できます。前記。設計者は、各ピクセルを「反応的」にすることもできます。つまり、ユーザーがピクセルをクリックするとワークフローがトリガーされる可能性があります。このアプローチを使用して、Macyは、ユーザーが背景色とロゴの色Tシャツのユーザーがシャツのイラストの下にあるカラーチャートの色をクリックすると、ページはその色でシャツをレンダリングします。

HTML5パックを展開するには、Adobe Illustratorのバージョン15.0.1 CS。

ジョアブ・ジャクソンは、エンタープライズ・ソフトウェアと一般的なテクノロジーの最新情報を

IDGニュース・サービス

でカバーしています。 @Joab_JacksonでTwitterのJoabに従ってください。 Joabの電子メールアドレスは[email protected]です。