上个月接了个APP改版的活儿,甲方催得急,我对着电脑抓耳挠腮想赶紧把原型糊出来交差。手边装了XX软件,那玩意儿运行起来风扇呼呼转,拖个组件都卡成PPT。隔壁工位老王探过头瞅了一眼:“还在跟这祖宗较劲?试试Mockplus呗!” 我心想这名字听着像山寨货,但死马当活马医呗。
一、 装软件差点被官网闪瞎眼
搜到官网戳下载,好家伙,满屏的“快速!”“简单!”“强大!”,花花绿绿的宣传图蹦来蹦去,看得我眼晕。硬着头皮装好打开,界面倒还算干净,左边一排工具图标,中间画布大片留白,右上角几个不明觉厉的按钮——行,至少没卡死。
二、 拖来拖去竟然没翻车
甲方要个商品列表页,我寻思先拉个框框再说。鼠标点住左边那个“矩形”图标,咻一下拖到画布上,松手就定住了!随便拉还能放大缩小。再拖个文字组件进来,双击就能打字,“新款运动鞋99元!”……妈耶,五分钟搞出个架子,比预期快了半小时。这玩意儿拖拽布局是真够无脑,适合我这种手残党。
三、 现成的零件库救我狗命
做到导航栏犯愁了,总不能自己画一堆小图标?正抠头皮,突然瞟到右边面板有个“组件库”的标签。点开一看好家伙!手机壳、状态栏、按钮、输入框……全是现成的小零件!直接拖了个IOS风格底部导航栏过来,啪啪啪换上“首页”“购物车”“我的”文字,齐活儿!省得去翻素材网站了,这内置素材库简直是懒人续命丹。
四、 让按钮“能点”这事儿有点神奇
甲方说想看点击效果。我选中那个“加入购物车”按钮,右击菜单里找到“交互”。弹出来个面板,傻眼了——这么多选项啥意思?瞎点了个“鼠标点击时”,下面又冒出个“跳转到页面”。试着选了选“商品详情页”,保存。按F5预览,小心翼翼用鼠标戳了下按钮……唰!真跳转了!虽然原理搞不懂,但这傻瓜式交互设置够邪门,点几下就能让静态图动起来。
五、 跟产品经理吵架省了唾沫星子
原型发给产品经理老张,他微信语音马上轰炸过来:“那个筛选框位置不对!还有颜色…” 我翻个白眼,在Mockplus里找到“备注”功能,在有问题的地方钉了个黄色小钉子,直接打字:“老张说筛选项下移20像素,颜色改#FF0000”。截图甩群里。半小时后老张回了个OK手势。省了一顿扯皮,实时打备注协作确实让互相甩锅变少了。
六、 在破安卓机上居然跑通了
甲方老板要用真机预览。我心头一紧——以前别的软件生成预览包,甲方那台老掉牙的安卓机永远打不开。这回在Mockplus里战战兢兢点了“发布”,生成了个二维码。老板扫完,他那台卡顿三年的老爷机居然“滋”一声加载出来了!还能上下滑动点按钮!真机预览这块居然没掉链子,算是捡到宝了。
对了,昨天用这软件给甲方演示完,乐呵呵下班回家发现空调坏了。拆开一看,滤网积的灰比我家猫掉的毛还厚……得,啥软件也救不了生活白痴!