選択したアートボードの共有

最終更新日 : 2023年6月6日

選択したアートボードを関係者とすばやく共有する方法を説明します。

XD では、選択したアートボードを手動で接続することなく、迅速かつシンプルな方法でデザインモードから直接共有することができます。

デザインモードから直接アートボードを共有することで得られるメリットについて説明したシナリオを次に示します。

  • 簡単なレビューのために、1 つのアートボードまたは 2 つのアートボードを共有する。
  • XD でワイヤリングせずに、特定の順序で配置したプレゼンテーションのアートボードを共有したいと考えています。

デザインモードから選択したアートボードを共有する
デザインモードから選択したアートボードを共有する

デザインモードから選択したアートボードを共有する

デザインモードで、共有する 1 つまたは複数のアートボードを選択します。 複数のアートボードを選択するには、マウスを使用してマーキーで選択するか、Shift キーを押しながらアートボードを選択します。

共有()を選択して、マウスボタンを放します。

  • 選択したアートボードは自動的に接続され、左から右、上から下に並べられ、線形のフローになります。 追加されたワイヤーは、デフォルト設定のタップトリガーになります。 選択範囲の左上にあるアートボードは、ホームアートボードとして設定されています。
  • このアートボードのフローは自動的に公開され、共有可能なデザインレビューリンクが生成されます。
メモ

選択範囲内のすべてのアートボードが空の場合、共有アイコン()は表示されません。

リンクを関係者と共有してください。

リンクの名前、リンクの表示設定、リンクにアクセスできるすべてのユーザーを表示するリンク設定ウィンドウ。

XD 57 では、アドビは XD のカラーマネジメント機能を改善し、関係者に一貫したカラーレンディションを提供できるようにしました。 これを実現するには、ドキュメントのカラープロファイルを sRGB に切り替えます。 管理されていないカラープロファイルを持つドキュメントから選択したアートボードを共有しようとすると、関係者の作業時に生じる可能性のあるカラーの不一致について通知するメッセージが表示されます。 詳しくは、カラーマネジメントを参照してください。

メモ

XD が共有可能なリンクを生成しないように、「共有時にリンクを自動作成」を選択解除する方法:

  • XD/設定/共有時にリンクを自動作成する(macOS)
  • 編集環境設定共有時にリンクを自動作成する(Windows)

「共有」の選択後にアートボードを追加または削除する

デザインモードで「共有」を選択すると、XD によって自動的に線形フローが作成され、共有可能なリンクが生成されて、共有モードに切り替わります。 新しいアートボードを追加したり、作成したフローからアートボードを削除したりする場合は、プロトタイプモードでワイヤー接続オプションを使用できます。 これには次の手順を実行します。

プロトタイプモードに切り替えます。

a. アートボードをワイヤリングするには、引用元アートボードの青い矢印を選択し、宛先アートボードにドラッグします。

アートボードをフローにワイヤー接続する
アートボードをフローにワイヤー接続する

b. フローから削除したいアートボードへのワイヤリングを削除するには、ワイヤを選択してDeleteを押します。

フローからアートボードを削除する
フローからアートボードを削除する

共有モードに切り替えます。

プロパティインスペクターのリンク設定にある「リンクを作成」または「リンクを更新」を選択します。

ワイヤー接続をさらに制御する場合は、 プロトタイプモードをお試しください。 詳しくは、「インタラクティブプロトタイプの作成」を参照してください。

アートボードを共有する際の競合を解決する

既にワイヤリング済みの選択されたアートボードを共有すると、一部のワイヤが削除され、選択されたアートボードから線形のフローが作成されます。

次のタイプの既存のワイヤーは削除されます。

  • 選択範囲外のアートボードに接続されたすべてのワイヤー
  • 選択範囲内のアートボードの順序で互いに隣接していないアートボード間のタップトリガーベースのワイヤー
メモ

XD は、メインコンポーネントから選択範囲外のアートボードへのワイヤーを削除しません。

例:

ここでは、アートボードは既にワイヤー接続されており、 デザインモードの最初の 3 つのアートボードを共有します。 選択したアートボードから線形フローを作成するには、強調表示されたワイヤーを削除する必要があります。

XD は、選択したアートボードから線形フローを作成します
XD は、選択したアートボードから線形フローを作成します

A. 選択範囲内のアートボードの順序で互いに隣接していないため、アートボード 1 と 3 の間のタップトリガーベースのワイヤーは削除されます。 B. アートボード 4 へのワイヤー接続は、選択範囲外であるため削除されます 

ワイヤー接続が外されると、以下のメッセージが表示されます。

アートボードを共有する際の競合を解決する
アートボードを共有する際の競合を解決する

この競合を解決するには、以下のいずれかの操作を行います。

  • キャンセル」を選択して、ワイヤー接続を手動で確認して変更した後、再度共有する。
  • 続行」を選択して、XD でワイヤー接続を変更し、選択したアートボードの共有を続行する。
メモ

選択したアートボードの既存のワイヤー接続を保持するには、それらのアートボードのコピーを作成してから共有してください。

チュートリアル

Adobe XD のアウトラインストローク機能を使用すると、パス、境界線、およびシェイプを簡単にカスタマイズしてオブジェクトを拡大・縮小させ、それらを web 用の SVG に書き出すことができます。 アウトラインストロークを使用する方法については、Adobe XD のプリンシパルプロダクトマネージャーである Dani Beaumont によるこちらのチュートリアルをご覧ください。

視聴時間:2 分 50 秒


関連リソース

ご質問または共有するアイデアがある場合

コミュニティで質問

質問やアイデアを共有するには、 Adobe XD コミュニティに参加します。 皆様からのご意見や作品をお待ちしております。