预览模式
墨刀原型支持三种预览模式:页面外、长页面和真机模式,下面为你一一介绍三种模式的区别。
「页面外」模式
关于「页面外」模式
简单来说:在编辑区,放置在设备框(画板)外面的元素也可以在运行预览时显示出来。
这一模式将在某种程度上将「画板」无限延展,可以在这一区域内放置你想存放的想展示的任意内容,图片,文字,表格等统统都支持。
如何使用「页面外」模式
1、首先在编辑项目的时候,页面编辑区内正常制作(图中绿色区域)。在页面编辑区外,可以放置产品迭代记录表格、产品流程图等(图中红色区域)。
2、项目编辑完成后,可以通过右上角分享,可通过「复制链接和密码」及生成「二维码」两种方式分享。
点击右上角三点,即可进入分享设置页面。
在设置页面,可修改分享项目名称。
在基本界面,可设置访问权限,点击生成随机密码,设置分享链接有效期。
在可见界面,可设置分享项目的页面范围。
在更多界面,可设置分享「页面外内容」、「批注可见」、「允许评论」及预览模式。
若您需要分享「页面外」模式,请勾选「页面外内容」、「批注可见」。
3、设置好之后,将项目分享链接发给其他同事,在拿到链接后,就可以查看「页面外」的内容。
如何导出「页面外」模式的内容
如果在分享设置中,允许查看「页面外」的模式,那么导出html时,可以将画板外的页面外内容一起导出的;
如果导出PNG格式的文件,可以选择是否包含画布外元素,则可以把「页面外」内容一起导出。可以参考下载png。
「长页面」模式
在项目中,会遇到制作的页面高度超过「一屏」的情况。
同时还需要理解在墨刀中,如果页面长度超过「一屏」,那么在运行的时候是可以上下滚动实现全页面的预览,但是上下滚动不利于了解页面全局分布。
为了更方便预览整个页面,墨刀提供了「长页面」模式---即「无设备框、不能滚动、不显示画板外内容」的模式。
注:长页面模式不显示画板外内容,因此较底部的组件需要包含在页面长度内才能展示出来,也就是需要拖拽拉长画板长度。具体操作请查看设置页面高度。
「真机」模式
在墨刀中为(手机)原型项目准备了设备框,能够让项目在预览的时候更加贴近真实设备。
在项目演示时,选择「有设备框、能滚动、不显示画板外内容」就可以展示有手机框的项目。
这篇文章帮助到你了吗?