作为一只职场老鸟,什么带薪入厕、电脑切屏、吃零食、拿着笔记本闲聊这些常见的摸鱼方法早就用烂了,已经无法满足我对“摸鱼事业”的渴求。
于是,我把目光投向了摸鱼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/
啰嗦一句,上班时间摸鱼终究会耽误正事,在繁忙的工作空闲中适当放松一下没问题,但如果不够自律,当心老板找你喝茶,大家且摸且珍惜!