デザインモードで、共有する 1 つまたは複数のアートボードを選択します。複数のアートボードを選択するには、マウスを使用してマーキーで選択するか、Shift キーを押しながらアートボードを選択します。
最終更新日 :
2023年6月7日
- Adobe XD ユーザーガイド
- はじめに
- デザイン
- アートボード、ガイド、レイヤー
- シェイプ、オブジェクト、パス
- テキストとフォント
- コンポーネントとステート
- マスキングと効果
- レイアウト
- ビデオと Lottie アニメーション
- プロトタイプ
- 共有、書き出し、およびレビュー
- デザインシステム
- クラウドドキュメント
- 統合とプラグイン
- XD iOS 版および Android 版
- トラブルシューティング
- 既知の問題と修正された問題
- インストールと更新
- 起動時のクラッシュ
- クラウドドキュメントおよび Creative Cloud ライブラリ
- プロトタイプ作成、公開、レビュー
- 読み込み、書き出し、その他のアプリの操作
選択したアートボードを関係者とすばやく共有する方法を説明します。
XD では、選択したアートボードを手動で接続することなく、迅速かつシンプルな方法でデザインモードから直接共有することができます。
デザインモードから直接アートボードを共有することで得られるメリットについて説明したシナリオを次に示します。
- 簡単なレビューのために、1 つのアートボードまたは 2 つのアートボードを共有する。
- XD で特定の順序で配置したプレゼンテーションのアートボードを、配線せずに共有する。
デザインモードから選択したアートボードを共有する
-
-
共有（）を選択して、マウスボタンを放します。
- 選択したアートボードは自動的に接続され、左から右、上から下に並べられ、線形のフローになります。追加されたワイヤーは、デフォルト設定のタップトリガーになります。選択範囲の左上にあるアートボードは、ホームアートボードとして設定されています。
- このアートボードのフローは自動的に公開され、共有可能なデザインレビューリンクが生成されます。
注意：選択範囲内のすべてのアートボードが空の場合、共有アイコン（）は表示されません。
-
リンクを関係者と共有してください。
XD 57 以降では、関係者に一貫したカラーレンディションを提供できます。これを実現するには、ドキュメントのカラープロファイルを sRGB に切り替えます。管理されていないカラープロファイルを持つドキュメントから選択したアートボードを共有しようとすると、関係者の作業時に生じる可能性のあるカラーの不一致について通知するメッセージが表示されます。詳しくは、カラーマネジメントを参照してください。
注意：
XD が共有可能なリンクを生成しないように、「共有時にリンクを自動作成」を選択解除する方法：
- XD／設定／共有時にリンクを自動作成する（macOS）
- 編集／環境設定／共有時にリンクを自動作成する（Windows）。
デザインモードで「共有」を選択すると、XD によって自動的に線形フローが作成され、共有可能なリンクが生成されて、共有モードに切り替わります。新しいアートボードを追加したり、作成したフローからアートボードを削除したりする場合は、プロトタイプモードでワイヤー接続オプションを使用できます。これには次の手順を実行します。
ワイヤー接続をさらに制御する場合は、プロトタイプモードをお試しください。詳しくは、「インタラクティブプロトタイプの作成」を参照してください。
既にワイヤー接続されている選択したアートボードを共有すると、一部の接続が削除され、選択したアートボードから線形フローが作成されます。
次のタイプの既存のワイヤーは削除されます。
- 選択範囲外のアートボードに接続されたすべてのワイヤー
- 選択範囲内のアートボードの順序で互いに隣接していないアートボード間のタップトリガーベースのワイヤー
注意：
XD は、メインコンポーネントから選択範囲外のアートボードへのワイヤーを削除しません。
例：
ここでは、アートボードは既にワイヤー接続されており、デザインモードの最初の 3 つのアートボードを共有します。選択したアートボードから線形フローを作成するには、強調表示されたワイヤーを削除する必要があります。
A. 選択範囲内のアートボードの順序で互いに隣接していないため、アートボード 1 と 3 の間のタップトリガーベースのワイヤーは削除されます。 B. アートボード 4 へのワイヤー接続は、選択範囲外であるため削除されます
ワイヤー接続が外されると、以下のメッセージが表示されます。
この競合を解決するには、以下のいずれかの操作を行います。
- 「キャンセル」を選択して、ワイヤー接続を手動で確認して変更した後、再度共有する。
- 「続行」を選択して、XD でワイヤー接続を変更し、選択したアートボードの共有を続行する。
注意：
選択したアートボードの既存のワイヤー接続を保持するには、それらのアートボードのコピーを作成してから共有してください。
チュートリアル
Adobe XD のアウトラインストローク機能を使用すると、パス、境界線、およびシェイプを簡単にカスタマイズしてオブジェクトを拡大・縮小させ、それらを web 用の SVG に書き出すことができます。アウトラインストロークを使用する方法については、Adobe XD のプリンシパルプロダクトマネージャーである Dani Beaumont によるこちらのチュートリアルをご覧ください。
視聴時間：2 分 50 秒
関連リソース
ご質問または共有するアイデアがある場合
質問やアイデアを共有するには、Adobe XD コミュニティに参加します。皆様からのご意見や作品をお待ちしております。
