モバイルデバイスでプレビュー

最終更新日 : 2024年5月9日

モバイルデバイスで XD アプリケーションを使用すると、モバイルデザインをリアルタイムでプレビューしたり、Creative Cloud から保存済みの XD ファイルを開いたりすることができます。また、公開されているプロトタイプをモバイルブラウザーでどこからでもプレビューできます。

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

XD を実行中のコンピューターに USB を使用してモバイルデバイスを接続し、デスクトップ上でデザインやプロトタイプを編集し、接続されたモバイルデバイス上でそれらをリアルタイムにプレビューします。詳しくは、モバイルデバイスでのプロトタイプのリアルタイムプレビューを参照してください。
共有可能なプライベートリンクを使用して、プロトタイプをレビューするために人々を招待します。詳しくは、Web およびモバイルでの非公開招待状の使用を参照してください。
モバイルデバイスの XD のクラウド内エコシステムに保存されているデザインまたはプロトタイプを表示またはコメントして、外出中に他のユーザーと共有します。詳しくは、モバイルブラウザーでのデザインとプロトタイプのコメントを参照してください。

メモ

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

モバイルデバイスでのプレビューの要件

リアルタイムで、または Creative Cloud から XD ファイルを開いてプレビューするには：

Adobe XD モバイルアプリケーション

サポートされる iOS および Android のバージョンのリストについては、Adobe XD モバイル版に関する FAQ を参照してください。

公開されているプロトタイプをプレビューするには：

モバイルブラウザー。

サポートされるモバイルブラウザーのリストについては、サポートされるブラウザーを参照してください。

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

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

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

メモ

データを転送する USB ケーブルを使用していることを確認します。 USB ケーブルによってはデバイスを充電するだけで、データを転送できない場合があります。
iPhone を Windows マシンに接続しますか？ Windows の iTunes がインストールされていることを確認し、iPhone でデザインまたはプロトタイプをプレビューしてください。

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

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

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

その他のオプションについては、モバイルアプリケーション画面でトリプルタップジェスチャを使用します。

アートボードの参照：デザイン内のすべてのアートボード間をスクロールします。
この画面を画像として共有：電子メール、Slack、またはその他のチャネルで PNG ファイルとして特定のアートボードを共有します。
ホットスポットのヒント：プロトタイプ表示中のホットスポットのヒントを有効にします
スワイプナビゲーション：プロトタイプを操作するときにスワイプしないようにします。
表示オプション：様々なサイズでデザインを表示します。

クラウドドキュメントとして保存された XD ドキュメントのプレビュー

デスクトップにクラウドドキュメントとして保存することで、XD ドキュメントをプレビューできます。

XD ドキュメントが、デスクトップのクラウドドキュメントとして保存されていることを確認します。

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

XD ドキュメントで、クラウドドキュメントフォルダー内のすべての XD ドキュメントを表示できます。ファイル名でファイルを検索し、昇順または降順に並べ替えることができます（アルファベット順または最終変更日時順）。目的のファイルが見つかったら、ファイルをタップして表示します。

プレビュー中にプロトタイプオプションにアクセスするには、トリプルタップジェスチャーを使用します。

アートボードの参照：デザインで目的のアートボードを検索してジャンプします。
この画面を画像として共有：電子メール、ソーシャルメディア、またはデバイスで提供されている他の共有オプションを使用して、PNG ファイルとして特定のアートボードを共有します。
ホットスポットのヒント：プロトタイプ表示中のホットスポットのヒントを有効にします
スワイプナビゲーション：プロトタイプを操作するときにスワイプを有効にします。
表示オプション：様々なサイズでデザインを表示します。

メモ

ズームアクセシビリティを有効にしている場合は、標準の 3 本指でのタップではなく 2 本の指でのダブルタップでできます。

モバイルアプリケーションでデザインを確認した後は、プロトタイプをレビュー担当者と共有できます。

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

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

メモ

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

モバイルデバイス上のフォント

モバイル上でフォントを管理する方法を以下に示します。

可能であれば、モバイルでのプレビュー時にフォントがデバイスに送信されます。ただし、一部のフォントベンダーではフォントの転送、表示または配布が許可されていません。お客様は、お客様とフォントベンダーの間のフォント使用許諾契約を遵守する責任があります。
モバイルデバイスでプロトタイプを表示するとき、必要なフォントがデバイスに存在しない場合は、警告メッセージが表示されます。存在しないフォントは、使用可能なフォントに置き換えられます。
Adobe Fonts
XD iOS または Android モバイルアプリケーションで XD クラウドドキュメントをプレビューすると、Adobe Fonts が自動的にアクティブになり、適切に表示されます。
Adobe 以外のフォント
iOS 13.0 は、カスタムフォントのインストールをサポートしています。ユーザーは、Apple が提供する方法を介してサードパーティアプリケーションを使用するか、Creative Cloud iOS モバイルアプリケーション（iOS 13.1 以降）を使用して、カスタムフォントをインストールすることができます。

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

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

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

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

公開されているプロトタイプのモバイルブラウザーでのプレビュー

共有リンクをモバイルブラウザーで開くと、ズームインしたアートボードでプロトタイプを表示できます。プロトタイプのアートボードがリンクされていない場合、左または右にスワイプしてアートボード間を移動できます。

プロトタイプを初めて開くと、ブラウザーウィンドウが 3 秒間アイドル状態になり、その後ピンチアイコンが表示されます。このピンチアイコンは、公開されている別のプロトタイプを開いても、同じブラウザーに再表示されることはありません。ピンチジェスチャーを使用して、アートボード上でピンチインするとパンビューが表示されます。

パンビューで使用できるオプションは次のとおりです。