実際のデバイスを使用してリアルタイムでモバイルデザインを表示することにより、モバイルデザインが意図したとおりの外観と動作であることを確認します。

Adobe XD モバイルアプリを使用すると、以下のことをおこなえます。

注意:

デバイスが Windows 10 で Adobe XD を実行している場合、USB によるリアルタイムプレビューは Android ではサポートされません。

要件

モバイルデバイスでのプロトタイプのリアルタイムプレビュー

Adobe XD モバイル版アプリを使用して、USB ケーブルでコンピューターに接続されたモバイルデバイス上で、デザインをリアルタイムにプレビューします。

デバイス上でのプロトタイプのリアルタイムプレビュー
デバイス上でのプロトタイプのリアルタイムプレビュー
  1. Adobe XD デスクトップ版を実行するコンピューターの USB ポートにモバイルデバイスを接続します。Creative Cloud から入手できる最新バージョンの XD デスクトップ版をインストールしていることを確認してください。

    注意:

    データを転送する USB ケーブルを使用していることを確認します。一部の USB ケーブルでは料金が発生し、またデータを転送できないケーブルがあります。

  2. デバイスで Adobe XD を開きます。

  3. Adobe XD デスクトップ版で現在選択されている(またはフォーカスのある)アートボードがデバイスに表示されます。デザインにおこなったすべての変更が、モバイルデバイスにリアルタイムに反映されます。

    プロトタイプモードでインタラクションを作成するワイヤーを追加した場合、デスクトップのプレビューウィンドウでおこなうのと同じようにインタラクションワークを確認できます。

    注意:

    モバイルでのプレビュー時にフォントがデバイスに送信されます。ただし、一部のフォントベンダーではフォントの転送、表示または配布が許可されていません。お客様とフォントベンダー間のフォント使用許諾契約を順守することにおいて、お客様にその責任があります。

    モバイルデバイスでプロトタイプを表示するとき、必要なフォントがデバイスに存在しない場合は、警告メッセージが表示されます。存在しないフォントは、使用可能なフォントに置き換えられます。

  4. 詳細なオプションを表示するには、モバイルアプリの画面をタップして長押しします。

    • アートボードの参照:デザイン内のすべてのアートボード間をスクロールします
    • この画面を画像として共有:電子メール、Slack、またはその他のチャネルで PNG ファイルとして特定のアートボードを共有します
    • ホットスポットのヒント:プロトタイプ表示中のホットスポットのヒントを有効にします

Creative Cloud Files に保存された XD ドキュメントのプレビュー

Creative Cloud Files フォルダーに XD ドキュメントをアップロードすることで、ドキュメントをプレビューできます。

  1. XD ドキュメントが、デスクトップの Creative Cloud Files フォルダーに保存され同期されていることを確認します。

  2. モバイルデバイスで Adobe XD を開きます。

  3. XD ドキュメントに移動します。

    変更された最新のファイルに従って、一覧表示されたアプリで Creative Cloud Files フォルダー内のすべての XD ドキュメントを表示できます。ファイル名でファイルを検索し、昇順または降順に並べ替えることができます(アルファベット順または最終変更日時順)。目的のファイルが見つかったら、ファイルをタップして表示します。

  4. プレビュー中にプロトタイプオプションにアクセスするには、画面を長押しします。

    • アートボードの参照:デザインで目的のアートボードを検索してジャンプします。
    • この画面を画像として共有:電子メール、ソーシャルメディア、またはデバイスで提供されている他の共有オプションを使用して、PNG ファイルとして特定のアートボードを共有します。
  5. モバイルアプリでデザインを確認した後は、プロトタイプをレビュー担当者と共有できます。 

    プロトタイプを共有する前に、ホットスポットのヒントが有効になっていることを確認します。モバイルデバイスの画面をタップして長押しし、ホットスポットのヒントを有効にします。

  6. 電子メール、ソーシャルメディア、またはデバイスで提供されている他の共有オプションを使用して、他のユーザーとプロトタイプのリンクを共有します。モバイルデバイスの画面をタップして長押しし、「プロトタイプのリンクを共有」を押します。

    注意:

    プロトタイプを共有できるのは、プロトタイプが XD デスクトップアプリケーションを使用して以前に少なくとも 1 回は共有されている場合だけです。

ダウンロードした XD ファイルのデバイスからの削除

モバイルデバイスのストレージ容量を管理するため、設定/環境設定をタップすることで、ダウンロードしたファイルを削除できます。

ここでは、ローカル領域の使用量を確認した後、「オフラインドキュメントを削除」をタップして、デバイスにダウンロードした XD ドキュメントを削除できます。

また、ファイルを選択して「オフラインで使用可能」オプションを無効にすることで、個々のファイルを削除することもできます。

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

法律上の注意   |   プライバシーポリシー