xd

Adobe XD 实时预览工具详解

Adobe 官方提供的移动客户端是 Adobe XD 最好用的实时预览工具,没有之一。但总有用户说它难用,本文将介绍 Adobe XD 移动客户端的下载、安装、使用,以及常见问题如不能全屏显示等。

使用 Adobe XD 移动端实时预览,需要使用 USB 数据线将电脑端和移动端进行连接,但不支持 Windows + Android。除此之外,使用Windows + iOS、macOS + iOS、macOS + Android均可使用实时预览功能。不过 Windows + Android 用户仍然可以预览,只是不能实时。

01.png


移动端下载和安装

Adobe XD 移动端官方下载渠道为 iTunes App Store 和 Google Play Store ,支持iPhone、iPad 和 Android 设备,在 Store 搜索“Adobe XD”即可获取。需要注意的是,千万不要下载到了“XD View”这个山寨货,有很多用户说它难用就是因为这个。

考虑到国内 Android 用户从 Google Play Store 下载有一定困难,我们搬运到了国内,公众号内回复“移动端”获取下载链接。

image.png

实时预览

在电脑端和手机端同时打开 Adobe XD ,使用 USB 数据线进行连接,点击电脑端 XD 右上角的图标可以看到已连接的移动端,支持同时连接多个移动端,安卓用户需要开启“USB调试”,首次连接需要授权,连接之后点击移动客户端中的“实时预览”菜单即可实时预览。

image.png

在电脑端对设计文件进行修改实时反应到手机端中,支持交互,除登录 Adobe ID 外使用实时预览不需要网络。如果是Windows用户连接 iOS 设备,需要安装 iTunes 。


实时预览过的文件可以离线保存在手机端中,再次打开手机端不连接电脑也可以查看。如何文件较大,存储在手机端中花费的时间可能会比较长,如果插上 USB 数据线然后马上断开将可能无法离线预览。


非实时预览

Adobe XD 移动客户端支持预览已经在 XD 电脑端“共享以审阅”生成的原型链接,“共享以审阅”生成的链接通过浏览器也能直接打开。

image.png

存储在云文档中的 XD 文件也能在 XD 移动客户端中直接打开预览。


目前也有第三方工具可以预览,比如Mirror,但是 Mirror 存在一定延迟,不能预览交互,且预览时存在无法修改文字的bug。


常见问题

为什么不能全屏显示?请确认你的设计文件首屏是否跟你的手机分辨率比例一致,在 XD 电脑端可以进行设置,如图:

image.png


为什么部分字体缺失?可能原因有多种,比如电脑端字体缺失、字体版权原因或者XD移动端不支持该字体,建议替换为常用字体。


交流QQ群

相关文章

请使用手机扫描二维码加入QQ群