admin管理员组

文章数量:1646324

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

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

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

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

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

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

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

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

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

本文标签: 样机视频htmlprotopieps