摹客rp-产品原型设计(毫无经验)

需求:需要搭建一个调度平台,需要一个演示demo,所以需要搭建一个调度平台web原型
工具:摹客RP
工具下载:https://app.mockplus.cn/

去官网找类似的模板去改
官网模板地址
模板地址:https://www.mockplus.cn/example/rp

将官方分享的模板保存到自己的个人或者团体工作目录下
个人空间/团队的项目免费版只能存放3个项目。如需要多个可以购买VIP
可以删除,然后去回收站找回,15天内。
打开模板点击编辑/保存
在这里插入图片描述
点击保存
在这里插入图片描述
回到摹客rp软件,选择工作空间,点击右侧的刷新就能看到保存的项目。
在这里插入图片描述

需求简化:画出各个页面的样子,添加交互实现各个页面来回跳转

图层常识:不同图层,越靠前的图层越在上层。
在这里插入图片描述

在这里插入图片描述
如图 矩形15组件是一个矩形的数据条,但是在他上面有一个热区组件,我们在网页是选不中矩形15组件的,因为热区组件顺序靠前,它所在图层在矩形15所在图层上面,把矩形15组件覆盖了。

多个组件合并成组
在图层界面,选多需要合并的组件
如图是导航用户管理按钮的组件,我们可以把这些组件选择,然后点击正上方的编组按钮(ctrl+G),然后就能看到合并的组,我们选择这个组就能选中合并的所有组件。
在这里插入图片描述
在这里插入图片描述

组件添加交互
选择组件,添加需要的交互
在这里插入图片描述

小tips:把画的组件存为资源,同一内容直接调用组件就可以,且组件改动一处就能同步改动了。

选中组件,右键组件存为资源,重命名(你想保存的名字),勾选资源相互引用,并开启同步修改,确定。
在左侧下方组件就能看到我们刚才保存的组件。
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值