この動画のサンプルファイル (49 MB)

動画の内容はテキストで読むこともできます

XDユーザーズガイドのテキストを読みながら学ぶとより理解できます

公式テキストを読む

Tutorial

プロトタイプのアニメーション化 1/3(フェードイン/アウト)

自動アニメーションを使用すると、流れるようなトランジションを作成して、アートボード間のコンテンツの関係を視覚的に表現できます。

プロトタイプモードでアートボードを接続し、プロパティインスペクターの「トリガー」に「タップ」を「アクション」に「自動アニメーション」を選択します。「移動先」には、接続した移動先のアートボードが表示されます。

自動アニメーションでは、移動先のアートボードに存在しないオブジェクトはフェードインします。また、移動元のアートボードに存在しないオブジェクトはフェードアウトします。