ブラウザでのプロトタイプの操作とコメント機能の活用 - Adobe XDのチュートリアル

このレッスンでは、 ブラウザでのプロトタイプの操作と コメント機能の活用について説明します。 教材として エクササイズファイルのフォルダーにある 11 フォルダーの中の 11_02.xd を使います。 まずは共有モードに切り替えます。 左上の「共有」をクリックします。 ホームアートボードから繋がっている アートボードが共有される アートボードとして表示され、 共有されないアートボードは グレーアウトされています。 右の「リンク設定」のところで 「リンク」の名前を 今回は 「sample01」としておきましょう。 表示設定は「デザインレビュー」 「リンクへのアクセス」は 「リンクを知っているすべてのユーザー」 にしておきます。 「リンクを作成」をクリックすると、 アップロードが開始します。 しばらく待つと、 URL が発行されます。 これで URL が発行されました。 このリンクのアイコンをクリックすると、 リンクをコピーすることができます。 またここの URL をクリックすると、 発行された URL を ブラウザで確認することができます。 ブラウザで開いた XD のプロトタイプは スクロールして デザインを確認したり、 クリックして ページの遷移を確認することができます。 アートボード上の リンクが何も設定されていないところを クリックすると、 このように画面内の どこがクリックできるのか というホットスポットという 青色が表示されます。 デザインレビューでは コメントを記入することができます。 コメントを記入したら 「送信」ボタンで コメントを記入できます。 また、 コメントを記入して 「ピン留めする」というアイコンを クリックすると、 画面内のどこの画像に対する コメントなのかということが ピン留めできます。 コメントには 返信を書くこともできます。 画面下の左右の矢印を押すと アートボードを このように スライドして確認することができます。 ホームアイコンで トップページに戻ります。 左上のグリッドアイコンを クリックすると、 すべての画面のサムネールが 表示されます。 どのページにいくつコメントが 入っているのかも確認できます。 アートボード名の右にある 「リンクされた画面」 というアイコンを押すと、 そのアートボードから どのアートボードに…