デザインやプロトタイプを共有する際に問題が発生しましたか?この記事で解決方法をご確認ください。
ご質問または共有するアイデアがある場合は、Adobe XD コミュニティにぜひご参加ください。皆様からのご意見や作品をお待ちしております。
関係者、開発者、または仲間のデザイナーとデザインやプロトタイプを共有する方法について説明します。
XD の新しい共有モードに搭載された共有機能が一元的な場所に統合され、デザインの共有や、利害関係者および仲間のデザイナーとの共同作業が容易になりました。
デザインレビュー、開発、プレゼンテーション、ユーザーテスト、カスタムなどの組み込みのプリセットを使用すると、ドキュメントを共有し、共有リンクを管理できます。
以下では、デザインを共有するために準備し、プリセットを使用して簡単に共有可能なリンクを作成、変更、共有、管理する方法をご紹介します。
デザインを整理し、適切なコントロールを追加して、関係者と共有することができます。多くの場合、デザインは複数のバージョンが作成され、様々な関係者と共有されます。このようなシナリオでは、複数のフローを使用することで、同じドキュメント内で異なるバージョンのデザインをすべて 1 か所で作成して共有できます。
ログイン画面、登録画面、プレイリストなど、様々なワークフローが含まれたインターフェイスの設計では、複数フローが最もよく使われます。
例えば、XD でランディングページ、ソーシャルネットワークの投稿、メール、広告をデザインする場合、同じドキュメント内かつ 1 か所で異なるバージョンのデザインを作成して共有できます。
以下では、デザインドキュメントで複数のフローを定義し、それらのドキュメントへの共有可能なリンクを作成する方法を説明します。
デザインドキュメントでフローを定義してワイヤー接続した後は、様々なターゲットサーフェス間で共有可能なリンクを使用してフローを共有します。
複数のフローを関係者と共有するには、次の手順に従います。
公開されているフローは、デザインカンバスで アイコンが表示されます。これにより、最後に公開されたリンクを視覚的に特定し、関連するリンクをクリップボードにすばやく貼り付けることができます。
A. iOS(iPhone)フローのホームアートボード B. 公開されたフローをコピーするアイコン C. iPhone のワイヤー接続されていないアートボード D. iPad のフロー名
XD では、デザインの共有可能なリンクを簡単に作成するためのシナリオベースのプリセットが用意されています。例えば、レビュー用のデザインリンクを作成する場合、用意されているプリセットの中から要件に合ったものを選択するだけで、リンクのアクセス権限を設定して、関係者と共有できます。コメントオプションやナビゲーションコントロールの面倒な設定を行う必要はありません。
組み込みプリセットを使用して、リンクアクセス権の設定、デザインまたはプロトタイプのレビューリンクを更新または管理する方法についての説明をお読みください。
デザインレビュー | 開発 | プレゼンテーション | ユーザーテスト | カスタム |
デザインやプロトタイプに関するフィードバックを収集する | 開発者とデザインスペックを共有 | デザインを利害関係者に提示するために最適化する | ユーザーを招待してデザインをテストする | デザインの視聴体験をカスタマイズ |
プリセットのデフォルト設定 | ||||
|
|
|
|
|
または、アートボードが設定され、ワイヤー接続されたら、次のいずれかを選択できます。
アートボードとインタラクションフローをプロトタイプモードで定義した後は、デザインスペックまたはプロトタイプを共有できます。定義されたインタラクションフローのタイトルが、タイトルパネルに表示されます。デザインのニーズに応じてタイトルを変更できます。
「表示設定」ドロップダウンで、いずれかのプリセットを選択し、リンクアクセス権限を設定してデザインスペックまたはプロトタイプを共有します。「リンクを作成」をクリックします。URL がリンク設定パネルに表示されます。
プロトタイプまたはデザインスペックを共有するとき、公開リンクまたは安全な非公開リンクを発行することを選択しても、任意の時点でアクセス設定を相互に変更することができます。
リンクアクセス設定を公開から非公開に、または非公開から公開に変更する場合:
パスワードリンクの発行後は、リンクアクセス設定を変更できません。アクセス設定を変更する場合は、新しいリンクを作成する必要があります。
いいえ、XD ドキュメントの新しいリンクを作成する必要はありません。デザインまたはプリセットを変更すると、レビュー用に共有した既存のリンクを更新できます。
例 1:プロトタイプ内に複数フローを作成してレビュー用に共有した場合、作成したすべてのリンクが URL ピッカーに表示されます。「リンクを更新」をクリックして、更新するリンクを選択できます。
例 2 - プロトタイプリンクを作成してフィードバック用に共有し、そのプロトタイプを開発者と共有する場合は、表示設定に移動し、開発に切り替えて「リンクを更新」をクリックします。
リンクを更新すると、以前のコメント、変更、会話を維持しながら、最新のプリセット情報を使って同じ URL が更新されます。
XD ドキュメントの公開されたリンクを管理するには、XD からリンクを管理 Web サイトに移動します。
2. Creative Cloud の Web サイトから、公開されたリンクをコピーまたは削除できます。
1. URL ピッカーから「リンクの管理」を選択します。
デザイナーは、利用可能なサンプルプリセットのいずれかを使用して、デザイン内またはプロトタイプ内でフローを共有するとともに、さらに再共有するための権限を設定できます。レビュー担当者は、セキュリティで保護された非公開リンクへのアクセスまたは表示について、他のレビュー担当者からのリクエストを追加、削除、または許可できます。
レビュー用にデザインを共有する方法、およびレビュー担当者がデザインやプロトタイプをさらに再共有できるように設定する方法については、このサンプルアニメーションをご覧ください。
レビュー担当者は、メールから招待されたレビューにアクセスし、共有されたデザインやプロトタイプについてコメントを提供できます。
レビューの招待にアクセスして共有デザインにコメントする方法については、このアニメーションをご覧ください。
XD のプロトタイプについて詳しくは、以下のビデオをご覧ください。
視聴時間:5 分
利害関係者とデザインおよびプロトタイプの共有を開始しました。さらに一歩踏み込んで、プロトタイプおよびデザインスペックにコメントする方法について説明します。
デザインやプロトタイプを共有する際に問題が発生しましたか?この記事で解決方法をご確認ください。
ご質問または共有するアイデアがある場合は、Adobe XD コミュニティにぜひご参加ください。皆様からのご意見や作品をお待ちしております。