アートボードトランジションでのサポート対象および対象外の自動アニメーション効果についてご紹介します。

どのプロパティを変更するかに応じて、XD が自動アニメートを活用し、アートボード全体でアニメートを行います。一部のプロパティは最初または最後で変化し、一部はトランジションの間にアニメートします。

デスクトップとモバイル

  • 枠線のサイズ
  • 不透明度
  • 角丸
  • 位置(X/Y)
  • サイズ(W/H)
  • 回転 
  • テキストサイズ
  • 字間
  • 段落スペース
  • 行間 
  • パス

  • ベタ塗り
  • グラデーション
  • 境界線の色 
  • テキストファミリー
  • テキストの色
  • テキストスタイル/線幅
  • テキスト整列
  • テキストアンダーライン
  • 画像の塗りつぶし
  • テキストの内容
  • テキストの変換(すべて小文字、すべて大文字、単語の先頭のみ大文字)
  • テキストの打ち消し線

  • 境界線の位置
  • シャドウ
  • バックグラウンドのぼかし
  • オブジェクトのぼかし
  • 境界線のスタイル

  • 不一致/欠落
  • ポイント/領域テキスト

  • サブ範囲

  • オブジェクトフリップ

Web

  • 自動アニメーションを使用するプロトタイプには、テキストアニメーションについて一定の制限があります。現在のところ、Web 上での文字間隔、行間隔、段落間隔のアニメーション化はサポートされません。

自動アニメーションを使用するプロトタイプは、アニメーションの再生をサポートしないため、次のブラウザーで表示する際に開始および終了アートボードの間でディゾルブします。

  • IE 11
  • Edge 15
  • iOS10

回避策として、システム要件に記載されているその他のサポート対象のブラウザーでプロトタイプを開きます。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

リーガルノーティス   |   プライバシーポリシー