Adobe XDで制作したレスポンシブデザインをスマホでプレビューして確認したい!
本記事は、
PC:Windows10
デバイス:iPhone X
でのモバイルプレビュー方法です。
1.プレビューに必要なアプリをインストール
まずは事前にPCにはiTunes、iPhoneにはXDアプリをインストールしておきましょう!
1-1.Win PCにiTunesをインストール
XDでは、iTunesを経由してプレビューするらしいです。
事前にMicrosoft StoreでiTunesを検索し、インストールしましょう!
1-2.iPhoneにXDのアプリをインストール
App Storeで「XD」と検索して、Adobe XDアプリをインストールしましょう!
2.USBケーブルでPCとiPhoneを接続
PCとiPhoneをUSBケーブルで接続しましょう!
ちなみに、PCでXDのファイルをCreative Cloudにクラウドドキュメントとして保存するとUSB接続なしでもプレビューできますよ!モバイルプレビューが成功したら色々試してみてね!
3.iPhoneでXDアプリを起動
iPhoneでXDアプリを起動して、ライブプレビューアイコンをクリックして待機しておきましょう!
4.PCでXDを起動してファイルを開く
PCでXDファイルを開きましょう!
5.モバイルプレビューのアイコンをクリック
PCでXDのファイルを開いたら、画面右上にあるモバイルプレビューのアイコン(スマホのアイコン)をクリックしましょう!
6.iPhoneで確認
開けましたか?
3本指でタップすると、メニューが開けます。
スワイプするとアートボードを切り替えることができますよ!