15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 最好用的Sketch设计稿实时预览工具【网页手机都可预览】

最好用的Sketch设计稿实时预览工具【网页手机都可预览】

时间:2023-07-03 04:18:02 | 来源:网站运营

时间:2023-07-03 04:18:02 来源:网站运营

最好用的Sketch设计稿实时预览工具【网页手机都可预览】:大家在做UI设计工作的时候,都要再手机或者浏览器真实环境中预览设计稿,或者平时的设计稿评审也是需要将设计稿给对方预览。这里介绍两款工具能够实时预览Sketch设计稿的:

1、Sketch Mirror




平时使用iPhone的设计师可在APPstore下载这个应用,

使用教程

使用这个应用可以通过WIFI或者连接USB预览sketch的设计稿。

打开iPhone 上打开mirror APP,Mac上打开需要实时预览的设计稿。

确认Mac与iPhone同处于一个局域网内,在Sketch软件右上方通知可查看连接状态,如果连接上了,就可以预览画板了。

应用局限性:

01:预览需要下载APP,如果是自己预览还好,但如果需要交付给其他人预览就很不方便。

02:只支持iPhone用户下载APP,不支持安卓手机。

03:无法在PC真实浏览器环境下预览设计稿,只能通过Sketch软件右上角preview功能预览设计稿。

2.标记狮

相较于Sketch Mirror, 标记狮的预览方式更加便捷,支持Mac/Win操作系统,支持Adobe XD/Sketch两个工具。




并且实时预览功能是免费使用的。







01 下载:

下载地址:http://www.marklion.net

下载后安装软件客户端

02 使用环境

无要求,iOS/安卓/iPadOS/Windows/macOS都可以

03 连接方式

通过WIFI连接,局域网内的设备都可预览

WIFI 环境:将设计软件和手机连接到相同的wifi环境下, 通过扫描预览二维码就可以预览。支持多个设备同时连接,可以将多台手机,平板等设备同时连接,同步预览,同步刷新。

04 使用教程

1.iOS设备预览

点击iOS的相机应用扫描标记狮客户端右侧展示的二维码,在弹窗中点击在“Safari浏览器”中打开。

iOS系统特性直接在浏览器中预览不能全屏,所以为了全屏预览,需要在浏览器中将这一预览网页添加到主屏幕,点开这个主屏幕的快捷方式就可以进行全屏预览了。













如果你的局域网未更换,每次新的预览不需要再重新扫码,直接点开这个快捷方式就可以继续预览。

2. 安卓设备预览

使用微信或QQ扫描预览二维码,双击手机屏幕实现全屏预览,如果使用浏览器预览建议使用Chrome浏览器进行预览。







3. Mac/Pc浏览器中预览

点击软件右侧浏览器打开按钮即可在浏览器中预览设计稿。

通过窗口右下方切换按钮实现画板切换,或在Sketch/Adobe XD中切换画板。


4. 分享预览地址

可以通过分享预览的二维码来实现多端预览,或通过复制标记狮给的预览链接地址也可以实现多端预览。

只要预览设备处于同一局域网下就可以。

如果你需要这些工具,就快去下载用起来吧!

关键词:工具,设计

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭