Adobe XD のデザインおよびプロトタイプインターフェイスについて説明します。

Adobe XD では、ツールバーやプロパティインスペクターなどの各機能を使用して、デザインとプロトタイプの作成や操作をおこないます。Adobe XD のワークスペースは、これらの要素から構成されています。

ホーム画面

ホーム画面では、アートボードプリセット、アドオン、クラウドドキュメント、共有されているファイル、リンクの管理、削除済みファイル、およびコンピューターに保存されているファイルにすばやくアクセスできます。さらに、最近アクセスした XD ファイル、XD の新着情報、学習とサポートの記事、組み込みのチュートリアル、製品のフィードバックを提供するためのオプションにもアクセスできます。 

XD のホーム画面
XD のホーム画面

アドオン

プラグイン、UI キット、アプリケーション統合には、ホーム画面の左ペインにある「Add-on 」タブからアクセスできます。

プラグインは XD の機能を拡張するもので、複雑で反復の多いタスクを自動化したり、ネイティブの XD ワークフロー内で外部サービスやアプリケーションを統合したりできます。詳細は、以下の Adobe XD 用プラグインを参照してください。

UI キットには、様々なプラットフォームに固有のグラフィック要素が用意されています。詳しくは、UI デザインキットへのアクセスを参照してください。

アプリケーションインテグレーション(JIRA など)は、デザイナーやステークホルダーにコンプリートプランソリューションを提供します。

クラウドドキュメント

XD 内から保存したクラウドドキュメントのリストを表示します。

共有されたアイテム

他の関係者がレビューのためにあなたと共有した様々なクラウドドキュメントが一覧表示されます。

リンクを管理

「リンクを管理」からは、assets.web.com にアクセスできます。クラウドドキュメントには、ファイルメニューの「クラウドドキュメント」セクション内から表示してアクセスできます。ドキュメントをグリッドまたはリストビューに表示し、名前または変更日でドキュメントを並べ替えたり、ドキュメントを選択して削除したりできます。

削除済み

削除するクラウドドキュメントを一覧表示します。削除対象としてタグ付けされたファイルを復元するか、永久に削除することができます。 

ローカルコンピューター

コンピューターファイルピッカーを使用して、ローカルの XD ファイルにアクセスできます。

新機能

XD が提供するすべての最新機能の概要を表示します。

学習とサポート

XD、チュートリアル、ユーザーガイドの概要に関する記事にアクセスできます。

フィードバックの提供

XD サポートコミュニティで既存のバグに関するフィードバックを提供したり、UserVoice ポータルで新機能をリクエストしたりできます。

アートボードプリセット

ホーム画面で事前設定されたアートボードのサイズのいずれかを直接クリックしてデザインを開始します。カスタムアートボードサイズを作成することもできます。アートボードについて詳しくは、アートボードの操作を参照してください。

最近使用したファイル

アートボードプリセットの下の最近使用したファイルセクションから、最新使用した XD ファイルにアクセスします。

チュートリアルの開始

アートボードプリセットの横にあるチュートリアルを開始セクションから、組み込みチュートリアルにアクセスして、Adobe XD で何が作成できるか確認します。

ワークスペースの概要

Mac

Mac 版 Adobe XD ワークスペース
Mac 版 Adobe XD ワークスペース

A. メインメニュー B. デザインモード C. プロトタイプモード D. 共有モード E. ドキュメントに招待 F. デバイスでプレビュー G. プレビュー H. プロパティインスペクター I. ペーストボード J. アートボード K. プラグイン L. レイヤー M. アセット N. ツールバー 

メインメニュー

ファイルメニュー、編集メニュー、オブジェクトメニュー、表示メニュー、ウィンドウメニューおよびヘルプメニューが含まれており、各メニュー内にはサブメニューが含まれています。

デザインモード

デザインモードでは、プロジェクトを構成するアートボードを作成およびデザインできます。他のツールを使用して作成されたアセットまたは Web で作成されたアセットを読み込むこと、または XD でグラフィックを作成することができます。

プロトタイプモード

プロトタイプモードでは、アートボード同士をリンクしたり、デザインのビデオデモを作成したりすることができます(現在は Mac のみ)。また、デザインのプロトタイプをブラウザーまたはデバイスで作成したり、他のユーザーとプロトタイプを共有したり、フィードバックを取得したりすることもできます。

ドキュメントに招待

「ドキュメントに招待」を使用して共同編集(ベータ版)を有効にし、仲間のデザイナーを招待するだけで、1 つの XD ドキュメントに同時にアクセスして編集できます。

共有モード

共有モードでは、デザインレビュー、開発、プレゼンテーション、およびユーザーテスト用のリンクを作成および共有できます。 

デバイスでプレビュー

USB を介して複数のデバイスをデスクトップマシンに接続し、データを転送するようにセットアップして、ライブデバイスのプレビューを表示します。

プレビュー

デスクトッププレビューまたは iOS や Android デバイスの Adobe XD アプリケーションを使用して、Adobe XD 内でプロトタイプをテストします。

プロパティインスペクター

プロパティインスペクターを使用すると、オブジェクトの様々なプロパティを定義し、異なるオプションを使用してオブジェクトを操作することができます。例えば、背景、塗り、境界線、シャドウ、整列、オブジェクトサイズを指定できます。また、複数のオブジェクトを組み合わせて、まったく新しいオブジェクトを作成することもできます。繰り返すエレメントをレイアウトするには、プロパティインスペクターの「リピートグリッド」オプションを使用します。スクロール時に複数のエレメントの位置を固定するには、「固定位置」オプションを使用します。また、数学計算を使用して、精度の高いデザインを作成する、オブジェクトを新しい場所に移動する、またはオブジェクトの幅と高さを変更することもできます。

 

ツールバー(プラグイン、レイヤー、アセット、およびツール)

選択ツール、描画ツール、テキストツール、アートボードツール、およびアセットやレイヤーパネルにアクセスできます。

アプリケーションツールバー

デザインモード、プロトタイプモード、カンバスのズームレベル、プレビュー、共有オプションにアクセスできます。

ワークエリア

カンバスまたはアートボードが、作成したアセットとともに含まれています。ペーストボード(アートボード周囲のグレーの領域)では、作業中の作品や既存のアートボードに含めない作品を配置できます。

Windows

Windows 10 版の XD インターフェイスは、若干の相違を除いて Mac 版のインターフェイスと同様です。

  • Windows には、最上位レベルメニューとオブジェクトメニューはありません。代わりに、オブジェクトを右クリックしてコンテキストメニューを使用します。
  • Windows 版 XD には、左上隅にファイルの作成、オープン、保存やアセットの書き出しができるハンバーガーメニューがあります。
Windows 版 Adobe XD ワークスペース
Windows 版 Adobe XD ワークスペース

A. デザインモード B. プロトタイプモード C. ズームレベル D. オンラインで共有 E. プロパティインスペクター F. ペーストボード G. アートボード H. ツールバー I. ポップアップメニュー 

アプリケーションの言語の切り替え

XD アプリケーションの言語を英語からフランス語、ドイツ語、日本語、韓国語、中国語(簡体字)、スペイン語、ポルトガル語(ブラジル)に切り替えることができます。

ヘルプ」にアクセスするか(Mac)、ハンバーガーメニューの「ヘルプ」をクリック(Windows)します。表示される言語オプションのいずれかを選択して、XD を再起動します。

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

リーガルノーティス   |   プライバシーポリシー