最新のWeb標準、HTML5およびCSS3JavaScriptとの組み合わせにより、グラフィック、テキスト、アニメーションの豊富なWebサイトの作成にかかる時間と労力が本当に削減されました。 HTML5の機能を使用すると、マルチメディアコンテンツを埋め込むためのコードを手動で作成する必要がなくなり、CSS3によりWeb UI要素がより柔軟で堅牢になり、非常に扱いやすくなります。各UI要素のコードを手動で入力せずに、最新のWeb標準を最大限に活用できるWebデザインツールを探している場合は、 Adobe Edge おそらくあなたが必要なものです。
Adobe Edgeは特にHTML5、CSS3、およびJavaScript Web標準を使用してWebモーションおよびアニメーションコンテンツを作成するのに苦労するビジュアル、Web、およびインタラクションデザイナー。基本的に、HTML5、CSS3、およびJavaScriptを使用してアニメーションコンテンツを作成するためのWebモーションおよびインタラクションデザインツールです。 Web UI要素を作成、編集、微調整、および設計するためのすべての基本ツールが組み込まれていますが、直感的なアニメーション振付家がWebページのアニメーションコンテンツを簡単に作成および調整できます。さらに、新しいプロジェクトをゼロから開始する必要はありません。HTMLファイルをインポートして、新しいUIコンポジションを含め、既存のUI要素（テーブル、テキストスタイル、イメージシェード、位置など）を調整できます。フォント、コンテナの配置など。
メインインターフェイスは3つのセクションに分かれています。 左側のサイドバーには選択されたUI要素構成ツールが、右側のサイドバーには影効果、画像、テキストなどのすべてのメインWeb UI要素リストがあり、下部のセクションにはアニメーションを振り付けるタイムラインエディターが含まれています。
要素ペインでは、選択したアイテムを表示/非表示できます要素をロックし、それ以上ロックしないようにロックします。メイン画面から要素を選択すると、要素ペインですぐに強調表示され、非表示またはロックが簡単になります。 Elementsにリストされている項目の上にマウスポインターを置くと、名前付きのクラスイニシャルが表示されるため、CSSファイルで簡単に識別できます。
左側のプロパティペインには、Webページの選択したUI要素の構成ツール。選択すると、その場所のサイズ、不透明度、テキストフォントファミリ、サイズ、およびテキストスタイルを変更し、変換の原点、画像の回転などを設定できます。
タイムラインエディタを使用すると、タイムラインを表示できます各アニメーション要素の。 1つの巨大なCSSファイルを扱う場合は、フィルターボタンをクリックして、エレメントペインにアニメーション化されたエレメントのみを表示し、位置、色、サイズなどをすばやく編集します。ペインの左下には、タイムラインを拡大するズームボタンがありますすべてのアニメーション要素の割り当てられた時間と遷移効果を検証します。
クロスブラウザ互換の作成とは別にFirefox、Chrome、Internet Explorer 9など、広く普及しているすべてのWebブラウザーのアニメーションコンテンツは、このツールで作成されたWebコンテンツがiOSおよびAndroidプラットフォームでもシームレスに動作します。公式コミュニティによると、Edge Previewは活発に開発されており、すぐに多くの機能で更新される予定です。 Adobe Edgeは、Windows VistaおよびWindows 7で動作します。
Adobe Edgeをダウンロードする
コメント