- Adobe XD ユーザーガイド
- はじめに
- デザイン
- アートボード、ガイド、レイヤー
- シェイプ、オブジェクト、パス
- テキストとフォント
- コンポーネントとステート
- マスキングと効果
- レイアウト
- ビデオと Lottie アニメーション
- プロトタイプ
- 共有、書き出し、およびレビュー
- デザインシステム
- クラウドドキュメント
- 統合とプラグイン
- XD iOS 版および Android 版
- トラブルシューティング
- 既知の問題と修正された問題
- インストールと更新
- 起動時のクラッシュ
- クラウドドキュメントおよび Creative Cloud ライブラリ
- プロトタイプ作成、公開、レビュー
- 読み込み、書き出し、その他のアプリの操作
Adobe XD macOS 版および Windows 版のダウンロード、インストール、セットアップ、アップグレード方法についてよくある質問とその回答をご紹介します。
一般的な質問
Adobe XD は、web サイト、モバイルアプリなどのユーザーエクスペリエンスのデザインを作成し、共有するための UI/UX デザインおよびコラボレーションツールです。
Adobe XD は、デザインやプロトタイプを作成するプロの UI/UX デザイナーはもちろん、初めて UI/UX デザインを学ぶ人にも適しています。XD はパワフルでありながら使いやすいため、あらゆるバックグラウンドや経験レベルのデザイナーが利用できます。
Adobe XD 内から直接、製品のホーム画面から、便利な入門チュートリアルを利用できるようになりました。以下から選択できます。
- Apple iOS、Google、Microsoft Windows の各プラットフォーム向けのデザインを高速化する UI キットへのリンク。
- デザイン、書き出し、プロトタイプ化、共有の方法を説明したチュートリアル。Adobe XD を使用するためのヒントを掲載しています。
Adobe XD を使用する他のデザイナーとフォーラムで交流して、経験を共有したり、ヒントやテクニックをさらに入手できます。
Adobe XD モバイルアプリケーションを使用して、iOS や Android デバイスでデザインまたはプロトタイプをプレビューできます。Adobe XD を実行するコンピューターで複数のデバイスを USB ポートに接続できます。デザインやプロトタイプを変更するのと同時に、接続されたすべてのデバイスで変更をリアルタイムでプレビューできます。詳しい手順については、Adobe XD モバイル版に関する FAQ をご覧ください。
アドビのチームはお客様の意見を聞き、それに回答することに積極的に取り組んでいます。製品に関連する問題が発生した場合は、XD サポートコミュニティで弊社の専門家にお問い合わせください。
Adobe XD は次のオペレーティングシステムに対応しています。
- macOS 10.13 以降
- Windows 10 Creators Update(64-bit)以降
Adobe XD は、英語、フランス語、ドイツ語、日本語、中国語、韓国語、ブラジル語、ポルトガル語、スペイン語に対応しています。
Adobe Photoshop または Adobe Illustrator のいずれかから既存のデザイン作業を読み込めます。Illustrator からコピーして XD に貼り付けて、ベクターベースのコンテンツでの作業を続行できます。Photoshop からコピーし、XD にビットマップとしてペーストします。また、After Effects に XD ファイルを書き出すには、ファイル/書き出し/After Effects オプションを選択します。
また、SVG コンテンツをクリップボードに配置する他の任意のツールからコピーして、その内容を XD に貼り付けたり、ファイル/読み込みのオプションを使用して JPG、PNG、GIF、TIFF および SVG コンテンツを読み込んだりすることもできます。
Adobe XD および公開サービスでは、すべての ID タイプ(Adobe ID、Enterprise ID、Federated ID)がサポートされています。エンタープライズ製品のユーザーは、Adobe ID と Enterprise ID、または Adobe ID と Federated ID を同じ電子メールアドレスに関連付けることができます。
新しいユーザーが作成された場合、Creative Cloud デスクトップアプリケーションに XD が表示されるまでに 24 ~ 48 時間かかります。それでも XD が表示されない場合は、カスタマーサポート担当者にお問い合わせください。
Adobe XD Windows 版
Windows 10 Creators Update(64-bit)は Windows プラットフォームの未来を表し、Adobe XD がタッチ対応ハードウェアを使用して最高のパフォーマンスを実現する可能性や、Windows ベースデバイスの次世代が Adobe XD を利用できる新たな可能性を広げています。
詳しくは、必要システム構成を参照してください。
ペンとタッチ機能は、左側にあるツールバーのメニュー、(現時点でアプリケーションのフレームにある)プロパティインスペクターでサポートされています。しかし、中央のカンバスはまだタッチに対応していないため、カンバスでデザインを作成し、プロトタイプをワイヤー接続するにはマウスとキーボードが必要です。
現在、IT 管理者は Creative Cloud Packager ツールを使用して Adobe XD Windows 版をデプロイしたり、定期的なアップデートを入手したりすることはできません。
はい、多種多様なプラットフォーム間でドキュメントを共有できます。
はい、ドキュメントをクラウドドキュメントとして保存し、Adobe XD のモバイル版を使用してこれらのプロジェクトを開くことができます。
XD などのネイティブの Windows 10 アプリケーションでは、バックグラウンドでファイルが自動的に保存されます。保存せずにドキュメントを閉じた場合は、ファイル/最近使用したファイルを開くに移動し、一覧からファイルを選択して、いつでも作業を再開できます。
Adobe XD は最新の GPU が必要で、最新のドライバーがインストールされている必要があります。大量のシフトしたピクセルがアートボードに表示される場合は、XD で最適なエクスペリエンスを得るために、ドライバーを最新のバージョンに更新してください。古い GPU の多くは、ハードウェアベンダーによるドライバーの自動更新が行われません。ドライバーの互換性について詳しくは、必要システム構成を参照してください。
利用できる更新プログラムがベンダーから提供されていない過去 2 バージョンのドライバー(Intel 8.15.10.2697 および Intel 8.15.10.2702)で特定のレンダリングの問題があります。
リソース要件の厳しいアプリを多数のシステム上で使用した場合、Windows 10 によって、パフォーマンスの最適化のためバックグラウンドで実行されている一部のネイティブアプリケーションが終了されることがあります。このような場合、これが発生した場合、Adobe XD によりファイルが自動的に保存されるので、ファイル/最近使用したファイルを開くに移動し、リストからファイルを選択して、作業を再開できます。
はい、プロトタイプを共有できます。
読み込みと書き出し
ファイルは拡張子 .xd でローカルに保存されます。クラウドドキュメントはローカルファイルシステムに保存されず、.xdc ドキュメント形式で保存されます。
すべてのオブジェクトを PNG または SVG で書き出したり、Photoshop や Illustrator に読み込んだりすることができます。Illustrator では、SVG は編集可能なベクターとして読み込まれます。Photoshop では、コンテンツはフラットビットマップとして読み込まれます。
Adobe XD では現在、次の読み込み形式がサポートされています:テキスト、JPG, GIF、PNG、TIFF、SVG、BMP、PSD、AI、SKETCHサポートされていない形式をカンバスにドラッグすると、そのファイルは無視されます。
Adobe XD では、任意のソースから SVG を読み込むことができます。SVG ファイルを読み込めない場合は、ファイルのサイズが大きすぎるか、Adobe XD でサポートされていないプロパティが含まれている可能性があります。詳しくは、問題の書き出しと読み込みを参照してください。
書き出しを実行できない理由はいくつか考えられます。
- 素材のサイズが大きすぎる。Adobe XD で書き出せる素材の最大サイズは 16000 x 16000 ピクセルです。
- 読み取り専用またはロックされたディレクトリに書き出した。
書き出しが別の理由で失敗した場合は、問題をフォーラムまでご報告ください。
サードパーティプラグインをインストールして使用し、XD プロジェクトを HTML、CSS、または JavaScript ファイルとして書き出したり抽出したりできます。利用可能なサードパーティプラグインの使用方法については、こちらの記事を参照してください。
プロトタイプ化と共有
これは、非公開リンクの送信に使用されるのと同じ Adobe ID でログインする必要がある安全な機能です。共有する相手が Adobe ID とパスワードを持っていない限り、リンクにアクセスすることはできません。
XD では、プロトタイプまたはデザインスペックを公開して他の人と共有し、フィードバックを収集したり、開発者に受け渡したりすることができます。プロトタイプまたはデザインスペックの公開では、リンクが作成されます。スタータープランを使用する場合、一度に所有できるアクティブな共有リンクは 1 つのみです。リンクはいつでも更新できます。追加のリンクを公開するには、有料のプランにアップグレードするか、リンクを管理します。
XD の公開サービス機能を使用するには、Creative Cloud にログインする必要があります。このログインにより、アカウントでストレージとサービスを利用できるようになります。正常にログインしているのにエラーが表示される場合は、この記事をご覧ください。ここに掲載されたエラーが発生している可能性があります。
- 共有モード/リンクを共有に移動します。
- URL ピッカーメニュー()で、「リンクの管理」をクリックします。プロトタイプを管理できる Adobe Creative Cloud Web サイトがブラウザーで開きます。
- 削除するプロトタイプを選択し、「完全に削除」をクリックします。
リンクが削除されたことを再確認してください。リンクが削除されている場合は、Adobe XD を閉じて再度開いてみてください。
Adobe XD を閉じて開き直してみてください。
最初のプロトタイプの共有後、後続の更新時には、「リンクを更新」または「新規リンク」の 2 つのオプションのいずれかを選択できます。共有されたプロトタイプに新しいリンクを作成するには、「新規リンク」を選択します。プロトタイプで以前のリンクを更新するには、「リンクを更新」を選択します。
一部のシナリオでは、以前のリンクが更新されず、新しいリンクが生成されます。このシナリオには、次のようなものがあります。
- 以前のリンクが削除されている。
- 共有セッション間のログイン情報を変更した。
- アドビ システムズのサービスでエラーが発生しており、以前のプロトタイプを更新できない。
エンタープライズ向けサポート:商用、官公庁および教育機関のお客様向け
Adobe XD でのプロトタイプとデザインスペックの共有は、Creative Cloud サービスへのアクセスに依存します。プロトタイプとデザインスペックを共有するには、Admin Console 内の XD 公開サービスを IT 管理者が有効にする必要があります。詳しくは、製品プロファイルのサービスの有効化/無効化を参照してください。
Adobe XD は、Creative Cloud エンタープライズ版のシリアル番号を使用したオフラインでの導入をサポートしていません。お客様は、Adobe XD にアクセスするために、ユーザー指定ライセンス認証のデプロイメントを使用する必要があります。3 つすべての ID タイプ(Adobe ID、Enterprise ID、Federated ID)がサポートされています。
Adobe XD では、デザイナーは、招待状でのみ表示できる非公開リンクを介して、プロトタイプとデザインスペックを共有できるようになりました。ユーザーがこれらのアセットを共有、表示するためには、Adobe のユーザー管理システムを使用してユーザーの ID を設定することをお勧めします。これによって、レビュー担当者は、招待状を受け取った際に、新しい Creative Cloud アカウントを作成する必要がありません(アカウントをまだ持っていない場合)。Adobe User Sync ツールまたは別のユーザー管理ツールを使用して、組織のエンタープライズディレクトリシステムにリンクします。
引き換えコードで購入した Creative Cloud メンバーシップ、Creative Cloud 教育機関向けプラン、および Kivuto から購入したプランの場合、特定の機能にアクセスできない場合があります。利用できる製品とサービスについては、教育機関のIT管理者に確認してください。