作为一只职场老鸟，什么带薪入厕、电脑切屏、吃零食、拿着笔记本闲聊这些常见的摸鱼方法早就用烂了，已经无法满足我对“摸鱼事业”的渴求。

于是，我把目光投向了摸鱼APP，几番搜寻尝试之后，选了几款让自己还算满意的 APP。

持续半小时的摸鱼时间让我心情愉悦，各种趣闻资讯看得我眼花缭乱。

舒服了，但没有完全舒服~

因为这几款APP推送的内容不同，有的侧重视频，有的侧重段子，我需要在不同APP中反复跳跃浏览，这让我的摸鱼体验直线下降！

长达半分钟的“评估”之后，我卸载了这些APP，但我的摸鱼事业不会在此画上句号，作为一名合格的产品狗，我始终坚信：只有想不到，没有做不到的产品。

So ，我打算自己做一款专属的“神级”摸鱼APP！！

先做原型设计，摹客RP是我第一选择，别问为什么，问就是免费，还不用下载安装，在线就开撸，对于我这种注（lan）重（ai）效（wan）率（qi）的选手，再适合不过了。

老规矩，先把APP的框架搭起来，内容选的是我最喜欢的：短视频、段子、沙雕图和音乐这四个板块，短短10分钟，APP已经初具模型了。

其中涉及的交互比较简单，但麻雀虽小五脏俱全，而且用摹客RP分分钟就能搞定，简直美滋滋~

怎么？还不信？诺，步骤给你放下面，有图有真相！

01.滚动页面

滚动做不好，产品不好搞：滚动页面作为APP中最常见的页面，在摹客RP中就能自动实现这个效果。

首先在组件中找到容器栏，然后直接拖拽面板组件插入APP页面中，再调整面板的尺寸：

然后双击面板，就可以进入面板中编辑了。

将面板填充之后，多余的部分直接放在面板下方即可。

02.点击转跳

个人觉得，这是在摹客RP中最简单的交互设置方式，有手就行。

添加热区组件之后，按住热区组件右上角的小红点，直接点击鼠标拖拉就可以实现自动交互，还能设置不同的跳转效果，完美！

03.图片轮播

图片轮播效果经常用于banner的展示，能够在固定区域展现出不同的内容，页面丰富性upupup！

操作也特别简单，先在页面添加一个内容面板，调整到适合的大小：

然后双击内容面板，添加辅助画板（有几张图片就添加几个辅助面板）。

再选中主页面，在右侧交互栏中添加交互，目标选择【内容面板】，根据自己的需求调整效果，最后记得把【循环切换】勾选上。

接着把轮播图片以此放入辅助画板中就完成了。

04.写在最后

不得不说，做原型设计还得看摹客，各种图标组件随意调用，交互设置也简单高效，几首歌的时间就能撸出专属摸鱼APP的交互原型来，也算是对我“摸鱼事业”的鼎力支持了嘿嘿嘿，这么好用的工具居然还是免费的，分享给大家~

免费使用

https://www.mockplus.cn/rp-event?hmsr=qd-baihuaux

（点击阅读原文或复制到浏览器打开）

啰嗦一句，上班时间摸鱼终究会耽误正事，在繁忙的工作空闲中适当放松一下没问题，但如果不够自律，当心老板找你喝茶，大家且摸且珍惜！

本文来自微信公众号“白话说交互”（ID：gh_96e304585325）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。