那天老板甩给我一个新项目,让我两天内搞个网页原型出来。当时我就懵了,打开Axure和Figma愣是盯着空白画布半小时没动鼠标。后来硬着头皮摸出条路,这五步贼好使:
第一步:抓张破纸乱涂乱画
管他好看难看,掏出开会剩的A4纸就开始鬼画符。首页该塞登录按钮扔哪?直接用钢笔在纸上戳方框。画错就划掉,画歪了撕半张重新来。反正十分钟就涂满三张破纸,比用设计软件拖拽方块快多了。
第二步:搬砖式堆内容
打开Figma直接开整画布(别学我当初在那挑字体颜色浪费时间)。像砌墙似的把纸上的方框位置摆上去,导航栏先抡个长条矩形占位,内容区咔咔堆十几个灰色方块当图片位。这步关键是别纠结细节,只要纸上的方块都搬进电脑就算赢。
- 文字用Lorem ipsum乱塞
- 图片全部用灰色矩形替代
- 按钮就画个带圆角的色块
第三步:让死方块活起来
看着满屏灰方块自己也难受,开始连电线:选中导航栏的“登录”方块,Ctrl+C复制再Ctrl+V黏贴到画布角落当弹窗。用蓝色虚线把登录按钮和弹窗连起来,设置个“点击跳转”。这时候原型突然就能点点点了!虽然弹窗丑得像个补丁,但老板已经能在手机上划拉着看了。
第四步:换皮肤大战
找行政小妹借了她追星用的应援色卡,把重要按钮全刷成荧光粉。用两天前拍的咖啡照片替代灰色方块,标题字号统一调成16px。最绝的是把登录弹窗透明度调到70%,立马有高级感了——虽然内容还是乱打的假字。
第五步:抓路人甲来戳屏
做完直接冲到休息室,把手机塞给摸鱼的程序员:“哥帮忙点几下”。结果他按登录按钮时手指总戳到弹窗边缘,赶紧回去把点击区域拉大20%。测试部小姑娘说图片加载位太像按钮,又吭哧吭哧加了加载动画。改完第三版,连扫地阿姨都能顺畅操作了。
后来交差时老板盯着手机划了五分钟,突然抬头说:“这不像两天能做出来的?”秘密全在第一步的破纸上——纸上画得越潦草,电脑前反而越不卡壳。现在做新页面我都先翻垃圾桶找废纸,比直接开软件快三倍不止。





