最初のプロトタイプを作成

インタラクション オプション

このトピックはインタラクションについて説明します。以下は主なトピックです。

• ホットスポット
• ユーザー操作
• ナビゲーション
• トランジション

プロトタイプの作成と公開については、「プロトタイプの作成」トピックを参照してください。

ホットスポット

ホットスポットは、ユーザーがプロトタイプでナビゲーションをトリガーできるスクリーンのエリアです。

ホットスポットの作成

ホットスポットの作成は、スクリーンのポイント上にクリック + ドラッグします。

ホットスポットを重ねる場合は、CTRL + クリック + ドラッグします。

ホットスポットの複製

プロトタイプの複数のスクリーンで繰り返しインタラクションを使用できます。 手順は、ホットスポットを作成、次にインタラクションを追加して複製します。

ユーザー操作

インタラクションは、プロトタイプでナビゲーションをトリガーするユーザー操作です。

ユーザー操作とは?

以下のインタラクションが可能です。

• タップ
• スワイプ
• 長押し
• ダブル タップ

ナビゲーション

ユーザーがインタラクティブに操作した場合のプロトタイプの動作です。

他のスクリーンへ移動

よく利用されているインタラクションは、プロトタイプ内の他のスクリーンへの移動です。

戻る

プロトタイプのナビゲーション履歴で前のスクリーンへ移動します。

URL を開く

プロトタイプ以外の URL へ移動します。

トランジション

プロトタイプのスクリーン間のトランジションに使用するアニメーションを選択します。アニメーション トランジションを使用しないという選択もできます。

• なし
• フェード
• 反転
• スライド
• プッシュ

アニメーションを反転、スライド、プッシュする方向も選択できます。

期間

スクリーン間をトランジションする期間を選択します。

• 遅い: 450 ミリ秒
• 標準: 300 ミリ秒
• 速い: 150 ミリ秒