大厂也搞摸鱼论坛?我随即复刻了一个!

2,985 阅读4分钟

除了升职加薪外,相信当代打工人们最喜欢的就是摸鱼了吧。

9点打卡上班,就开始了“开机混底薪”的一天。

图片

作为一名“资深”产品经理,除常规996周期外,我摸索出来了一套“最优”劳逸结合的工作方式。

打开Word文档掩人耳目,然后聊聊微信,逛逛行业网站,带薪如厕半小时,再点个外卖,简单工作半小时,一上午就过去了。

到下午时,画画原型,写写文档,跟设计、前端勾兑一番进度,便能关机下班,底薪到手!

图片

在“摸鱼大法”日益炉火纯青之际,我对摸鱼精神的理解也越发深刻:

产品经理:逛网站、看手机,这是因为在熟悉竞品,思考产品的底层逻辑,这是摸鱼吗?

设计师:我正在学习优秀产品的主题、色彩、排版、文案、视觉、选材、表现手法、构思呢…

程序员:只要打开写满代码的屏幕,你想各种摸鱼,都能说通。

新媒体:这是我的本职工作,蹭热点,打造10w+,你以为这么容易??

图片

这不,前几天,在逛“人人都是产品经理”网站时,本打算了解下目前行业资讯和热门事件,结果却发现了不得了的大事。

“摸鱼社区”竟然出现在了官网导航栏,果然“摸鱼”才是如今的大势所趋啊!

图片

进去浏览了一圈,才发现这其实是官方推出的一款社区产品,大家都能在里面吐槽自己的生活、工作……

于是,我开始思考,自己为什么不能做一个社区来玩玩?

接着就干起了我的老本行——画原型。我一贯使用摹客RP来画原型,永久免费、云端保存这是Ax**e和墨*无法比拟的,所有文件存在云端,不用随时拷贝源文件,在线即撸,用它来原型设计最为合适。

图片

搭建框架

首先就是搭整体的框架了。

“旺仔摸鱼”初期,我构建了六个专区,分别是“社区”、“专栏”、“课程”、“招聘”、“活动”、“发现”,也就是说大家不仅可以在这里摸鱼吐槽,还有专业的知识课程和实时的招聘信息,可谓是“摸鱼搬砖两不误”嘛。

图片

前期的框架搭建很简单,直接在左侧面板中拖拽对应的组件即可。

图片轮播

轮播图算是原型中时常会使用到的组件,主要用于Banner展示,可以在有限空间中展示丰富的资讯。

在摹客RP中,已经将轮播图这一效果做了预设交互,操作十分简单。

在页面中添加一个内容面板,并双击关联辅助画板(有几张banner位就新增几个辅助画板)。

图片

在辅助画板上添加了对应的图片后,选中主画板,在右侧的交互面板中,添加交互。点击选择目标为该【内容面板】,选择触发为【载入时】,命令为【切换内容】,并勾选【循环切换】,其余选项可根据实际情况自由选择。       

图片

在这里,给大家贴一个制作轮播图的教程,大家可以根据教程一步步学习~

戳:轮播图教程,如此,一个轮播图便做好了!

页面跳转

页面跳转是网页中最为常见的交互效果。在摹客RP中,制作起来也十分简单。

选中需要跳转页面的组件,将组件右上方的红色交互点与与左侧目标页面相互连接即可。

图片

另外,还预设了多种常见状态设置:悬停、按下、选中、焦点、禁用等,甚至还能自定义新的状态,通过状态交互快速实现更丰富的效果。

图片

最后再唠唠

就这么简单几步,我的“旺仔摸鱼论坛”就搭建好了。不吹不黑,摹客RP用起来的确相当丝滑、流畅,各类组件相互搭配,不一会儿一套完整的原型框架就搭建好了。

后续等我的论坛开发出来了,欢迎大家前来摸鱼~

最后,再叨叨一句,过分摸鱼走到哪都说不过去,被发现会社死、挨批,严重的话甚至还可能丢工作。

大家可得适当摸鱼,忙里偷闲是合理的,但还是得以工作为先呐!