protopie导出html,【实用】Protopie交互+PS样机视频

本篇教程学习的是Protopie交互+ PS样机视频，喜欢的一起来学习吧。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一进行解答。

那我们开始今天的教程吧。

1.软件可以在官网下载，打开软件界面后，【导入】是可以直接导入XD或Figma，旁边还有图片和媒体都可以导入，还有一些图形的绘制。

2.文本是可以输入简单的文本，输入是在预览框里单击就会弹出键盘，还有一些设置是配合手机或是多方面协作的时候用到的。

3.还有图层区，主操作区里面可以点击【添加触发】，是Protopie最核心的地方，基本上做交互的时候所能想象的一些场景和触发方式都在这里面，最右边是一些相应的修改参数。

4.新建Protopie文件，把设备改为【iphone x的尺寸】，点击【导入】，选择【XD软件】，画板选择【首页】，尺寸改为【3倍】，点击【导入】。

5.点击【scene】，里面是场景，双击给它重新命名，把其它画板也都添加上，分别命名。

6.先讲它跳转的一个逻辑关系，现在是首页，要跳转到第二页，要单击这个按钮，点击【添加触发】，点击【单击】，点击【+】，选择【转场】，转场选择【全部商品】，点击【预览窗】，就已经跳转过来了。