Adobe XDのワークスペース

Adobe XDでのデザイン制作を行うワークスペースのメニューやツール、パーツなどの役割や名称の解説です。

参考:
2-2. ワークスペースの構造と各パーツの名称 | UI/UXデザインツール『Adobe XD』入門 – chot.design –
豊富な作例で学ぶ Adobe XD Webデザイン入門 

Adobe XDの画面構成

起動画面

• ❶新規ファイルボタン・・・新規ファイルを作成する。
• ❷開くボタン・・・ローカルドキュメントのファイルを開く。
• ❸新規ドキュメントボタン・・・スマートフォン・PC・SNSの投稿など各デバイスやサービスに適したサイズでアートボードを作成する。
• ❹学ぶへ移動ボタン・・・Adobe公式のAdobe XD ラーニングとサポートへリンクする。

ワークスペース

全体

• ❶メインメニュー
• ❷ホーム・モード切り替え
• ❸ドキュメント名の確認・変更
• ❹ドキュメントに招待
• ❺デバイスでプレビュー
• ❻プレビュー
• ❼表示倍率の変更
• ❽ツールパネル
• ❾ライブラリ・レイヤー・プラグイン
• ❿ペーストボード
• ⓫アートボード
• ⓬プロパティインスペクター

❶メインメニュー

❷～❼メインメニュー下

❽ツールパネル

❾ライブラリなど / ❿ペーストボード / ⓫アートボード / ⓬プロパティインスペクター