绝了!“神级”摸鱼APP诞生全过程,老板看了都破防

8,036 阅读3分钟

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

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

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

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

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

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

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

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

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

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

怎么?还不信?诺,步骤给你放下面,有图有真相!

01.滚动页面

滚动做不好,产品不好搞。

滚动页面作为APP中最常见的页面,在摹客RP中就能自动实现这个效果。

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

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

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

02.点击转跳

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

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

03.图片轮播

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

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

然后双击内容面板,添加辅助画板(有几张图片就添加几个辅助面板)。

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

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

04.写在最后

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

摹客链接地址:www.mockplus.cn/

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