![](https://jobtech.jp/wp-content/uploads/xd_app.png)
Adobe XD 画面構成
公開日:2021年01月30日
![](https://jobtech.jp/wp-content/uploads/a58301205504ee5480a1a80f6ad610d7.jpg)
1.メインメニュー
新しいファイルを作成したり、保存したり、XDファイル自体の操作を主に行うメニューです。
よく使うショートカットキー
- 新規:「Ctrl」+「N」(New)
- 保存:「Ctrl」+「S」(Save)
![](https://jobtech.jp/wp-content/uploads/image-125.png)
2.アプリケーションツールバー
アプリケーションツールバーでは主に確認用表示切替を行うことができます。
![](https://jobtech.jp/wp-content/uploads/b0be0fa35f66392791fe695b15123dd3-1.jpg)
- A.ホーム:起動時最初に表示される画面の呼び出し
- B.デザイン:アートボードの作成やデザインを行うモード
- C.プロトタイプ:アートボード同士をリンクして仮想リンクを作成するモード
- D.共有:プロトタイプで作成したプレビューを共有するためのリンクの生成
- E.ドキュメントに招待:共同編集を有効にすることで複数人で1つのXDドキュメントに同時アクセスして編集することができる
- F.デバイスでプレビュー:USBを使用してたデバイスでプレビュー
- G.プレビュー:プロトタイプで作成したプレビューを閲覧
- H.ペーストボードの表示倍率
3.ツールバー
アートボードやペーストボードでデザインするために使用するツールを選択します。
![](https://jobtech.jp/wp-content/uploads/d919cf064598429e60782239dcd6d271.jpg)
4.パネル
- ライブラリパネル(旧アセットパネル):よく使うカラー、文字スタイル、コンポーネントを登録して利用するパネル
CCライブラリを使用すればPhotoshopやIllustratorなどの他アプリケーションとカラー、文字スタイル、コンポーネントを共有することができる - レイヤーパネル:アートボード一覧や選択したアートボード内のレイヤーを確認するパネル
- プラグインパネル:新しいプラグインのインストールやインストールしたプラグインにアクセスする時に使用するパネル
![](https://jobtech.jp/wp-content/uploads/17f050773f04565999901e6e68843b36.jpg)
5.プロパティインスペクタ
選択したオブジェクトの設定を確認、変更するためのパネルです。
- 基本:どのツールでも表示されている項目
※一部ツールで省略されるものあり - 長方形・楕円ツール、多角形ツール
- 線ツール・ペンツール
- テキストツール
- アートボードツール
基本
![](https://jobtech.jp/wp-content/uploads/9f9887a13dc8e04e47488f9f27eaa809-1.jpg)
長方形・楕円ツール、多角形ツール
![](https://jobtech.jp/wp-content/uploads/2a62f09cc314f6add28f90c3b2270d48-1.jpg)
線ツール、ペンツール
![](https://jobtech.jp/wp-content/uploads/faa824e2ace4bbd20238de31df8bd1fa-1.jpg)
テキストツール
![](https://jobtech.jp/wp-content/uploads/4bbe3ecae49d49b685682ed386ace3ad-1.jpg)
アートボードツール
![](https://jobtech.jp/wp-content/uploads/8272e67649523b13f2585afde1da6d71-1.jpg)
6.ボード
ペーストボードというグレーの背景部分にアートボードを配置して作業するエリアです。
![](https://jobtech.jp/wp-content/uploads/2d35775d57c8b2c7c948b4c4bbdfc202.jpg)
同じタグのコンテンツ
同じカテゴリーのコンテンツ