キーボードとゲームパッドでプロトタイプを作成

Adobe XD では、キーボードショートカットとゲームパッドのトリガーを使用して、ネイティブのデスクトップアプリケーションとプロトタイプをシミュレートし、充実したゲームエクスペリエンスやデザインを実現できます。プロトタイプをワイヤー接続するとき、「トリガー」ドロップダウンリストから「キーとゲームパッド」を選択して、任意のキーを割り当てることができます。その後、プレビューウィンドウ、web ブラウザー、またはモバイルアプリケーションでのこれらのアニメーションを再生または録音し、関係者と共有して共同でレビューを行うことができます。これにより、ユーザーエクスペリエンス全体にリッチなレイヤーを追加しながら、より優れたプロトタイプストーリーを伝えることができます。

「キーとゲームパッド」は、次の場合に選択できます。

• 1 つのオブジェクトまたはアートボードを別のアートボードにワイヤー接続する場合
• 2 つのコンポーネントのステートをワイヤー接続する場合
  
• 1 つのコンポーネントのステートを別のアートボードにワイヤー接続する場合
• 音声、オーディオ、ビデオ、または Lottie を再生する場合

特定のデスクトップアプリケーション、アクセシビリティ、ショートカットまたはゲームのプロトタイプを作成するときは、プロトタイプとやり取りするためにキーボードが必要です。プロトタイプでは、キーボードショートカットをトリガーとして使用して、画面やコンポーネントの状態を切り替えたり、音声、オーディオ、ビデオ、または Lottie を再生したりすることができます。

プロトタイプを接続する際には、「キーとゲームパッド」を選択します。次に、キーボードの任意のキーを押し、個々のオブジェクト、コンポーネントのステート、またはアートボード全体にトリガーとして割り当てることができます。これにより、同じアートボードから複数のトリガーを使用できます。

また、command + S、Ctrl + R などのショートカットを使用し、キーと修飾子を組み合わせてトリガーを定義することもできます。スペースキーや、ファンクション、スリープ、音量、電源などの他のシステムレベルのキーは使用できません。同じアートボード上の同じショートカットに複数のトリガーを割り当てると、最後のトリガーが割り当てられ、プレビュー中にトリガーされます。

ゲームパッドトリガーを使用する

ゲームのプロトタイプをテストする最も効果的な方法は、実際のゲームコントローラハードウェアを使用することです。プロトタイプでは、ゲームパッドをトリガーとして使用して、画面やコンポーネントの状態を切り替えたり、音声、オーディオ、ビデオ、または Lottie を再生したりすることができます。次に、接続されたゲームパッドコントローラーを使用して、デスクトッププレーヤーや web ブラウザーでプロトタイプを操作します。

Xbox コントローラ（Series X/S または One）を Bluetooth 経由または PlayStation コントローラー（DualSense または DualShock 4）経由で接続し、「キーとゲームパッド」を選択します。次に、接続したゲームパッドで任意のキーを押すと、個々のオブジェクト、コンポーネントのステート、またはアートボード全体に、そのキーをトリガーとして割り当てることができます。

プロトタイプのデザインとプレビューには必ず同じコントローラーを使用してください。例えば、Xbox コントローラーを使用してデザインした場合、デスクトップや web でのプロトタイプのテストにも、Xbox コントローラーを使用する必要があります。

モバイルアプリケーションおよびモバイル web エクスペリエンス

XD では、デスクトッププレビューアプリケーションおよび web プロトタイプでのキーボードゲームパッドサポートがサポートされます。モバイルアプリケーションまたはモバイルブラウザーでプロトタイプをプレビュー表示している場合、キーボードやゲームパッドデバイスが接続されていないため、タップを使用してアートボード間を移動できます。

サポートされているゲームコントローラーとブラウザー

USB および Bluetooth のサポート：

ブラウザーのサポート：

キーボードまたはゲームパッドのキーを使用したプロトタイプ