预览模式

墨刀原型支持三种预览模式:PRD、长页面和真机模式,下面为你一一介绍三种模式的区别。

「PRD」模式

关于「PRD」模式

简单来说:在编辑区,放置在设备框(画板)外面的元素也可以在运行预览时显示出来。

这一模式将在某种程度上将「画板」无限延展,可以在这一区域内放置你想存放的想展示的任意内容,图片,文字,表格等统统都支持。



如何使用「PRD」模式

1、首先在编辑项目的时候,页面编辑区内正常制作(图中绿色区域)。在页面编辑区外,可以放置产品迭代记录表格、产品流程图等(图中红色区域)。



2、项目编辑完成后,可以通过右上角分享,可通过「复制链接和密码」及生成「二维码」两种方式分享。

点击右上角三点,即可进入分享设置页面。

在设置页面,可修改分享项目名称。
在基本界面,可设置访问权限,点击生成随机密码,设置分享链接有效期。

在可见界面,可设置分享项目的页面范围。

在更多界面,可设置分享「页面外内容」、「批注可见」、「允许评论」及预览模式。
若您需要分享「PRD」模式,请勾选「页面外内容」、「批注可见」。

3、设置好之后,将项目分享链接发给其他同事,在拿到链接后,就可以查看PRD的内容。



如何导出「PRD」模式的内容

如果在分享设置中,允许查看「PRD」的模式,那么导出html时,可以将画板外的PRD内容一起导出的;

如果导出PNG格式的文件,可以选择是否包含画布外元素,则可以把「PRD」内容一起导出。可以参考下载png



「长页面」模式

在项目中,会遇到制作的页面高度超过「一屏」的情况。

同时还需要理解在墨刀中,如果页面长度超过「一屏」,那么在运行的时候是可以上下滚动实现全页面的预览,但是上下滚动不利于了解页面全局分布。

为了更方便预览整个页面,墨刀提供了「长页面」模式---即「无设备框、不能滚动、不显示画板外内容」的模式。

注:长页面模式不显示画板外内容,因此较底部的组件需要包含在页面长度内才能展示出来,也就是需要拖拽拉长画板长度。具体操作请查看设置页面高度




「真机」模式

在墨刀中为(手机)原型项目准备了设备框,能够让项目在预览的时候更加贴近真实设备。

在项目演示时,选择「有设备框、能滚动、不显示画板外内容」就可以展示有手机框的项目。




这篇文章帮助到你了吗?