小言_互联网的博客

最好用的设计稿实时预览工具【Sketch、Android App、iOS App】

410人阅读  评论(0)

做ui设计的朋友对于效果图的实时预览需求非常高,在这里推荐两款软件,首先说一下MAC专属:

1、Sketch Mirror

Sketch Mirror 在IOS商店可以搜索直接下载,与MAC 下 Sketch 软件里面的画板同步预览,做设计的人都知道,Sketch效率非常高,非常适合做 UI 设计的朋友,不需要保存设计稿就能直接镜像到 iPhone 或 iPad 上查看,支付多画板和 Pages 的预览,简单快捷,但是不太友好的是安卓手机无法使用,像我这样从苹果手机转到国产手机就很头疼,再怎么好用都得忍痛放弃。

01 下载:

下载地址: https://itunes.apple.com/cn/app/sketch-mirror/id677296955?mt=8

手机端:直接在App Store 搜索Sketch Mirror即可下载安装。

PC端:Mac设备上,单击 Sketch 窗口右上角的通知即可确认连接。

02 Sketch Mirror使用环境

Mac上的sketch需要43或以上的版本

iOS设备需iOS 10.0或更高版本

兼容设备:iPhone、iPad、iPod touch。

03 连接方式

Sketch Mirror 有两种使用环境,分别是 wifi 和 USB 数据线。

WIFI 环境:必须保持 PC 与 Mirror 在同一个局域网内。

USB 环境:如果没有 WIFI,直接用 USB 与 PC 连接即可,推荐使用 WIFI。

04 使用教程

打开手机上的 Mirror软件→ 打开 MAC 上的 Sketch,点击 Mirror 按钮, Mirror 图标有了变化,表示连接成功了。

连接后,会在设备上看到所有设计稿的预览,点击单个可以自动放大,左右滑动可以切换画板,上下滑动返回预览。

2、 Design Mirror


较之于Sketch Mirror, Design Mirror似乎应用更宽,支持Mac/Win操作系统,支持Photoshop/Sketch两个强大工具

新增支持Photoshop预览,Adobe XD预览,Sketch预览,不太友好的地方就是收费的,不过有15天免费试用期~

01 下载:

下载地址:http://www.psmirror.cn/zh

安卓/iOS,PC端都在这个网址下拉到最后下载即可。

02 Design Mirror使用环境

无要求

03 连接方式

Design Mirror有两种使用环境,分别是 wifi 和 USB 数据线。

WIFI 环境:将PS和手机连接到相同的wifi环境下, 打开App即可快速预览。支持多个设备同时连接,可以将多台手机,平板等设备同时连接,同步预览,同步刷新。

USB 环境:如果没有 WIFI,直接用 USB 与 PC 连接即可,推荐使用 WIFI。

04 使用教程

通过USB:将手机设备通过USB接入电脑,打开App即可自动识别连接。无需要网络的支持,连接速度更快,是您跨网络的不二之选。

同一WIFI下,打开手机上的 Design Mirror软件→ 打开电脑上的浏览器,即可实时预览设计。用微信扫一扫二维码,也能够方便的打开设计预览。

希望小伙伴帮忙点个免费的“关注”哇🌹,推荐给身边更多需要的小伙伴一起学习哇🤩,关注公众号后台回复免费获取学习资料

(ps:学习资料是我精心挑选的,都是我学习使用过觉得不错才分享给大家的,大部分都是我自掏腰包买的,绝对是行业内大佬的精品课)


转载:https://blog.csdn.net/weixin_44775811/article/details/109774119
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场