所在位置:
首页 >
营销资讯 >
网站运营 > 最好用的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. 分享预览地址
可以通过分享预览的二维码来实现多端预览,或通过复制标记狮给的预览链接地址也可以实现多端预览。
只要预览设备处于同一局域网下就可以。
如果你需要这些工具,就快去下载用起来吧!