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

プロトタイプの使用

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

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

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

ホットスポット

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

ホットスポットの作成

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

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

ホットスポットの複製

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

ユーザー操作

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

ユーザー操作とは?

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

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

ナビゲーション

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

他のスクリーンへ移動

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

戻る

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

URL を開く

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

トランジション

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

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

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

期間

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

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