接到活儿那天我挺懵的

上周三，甲方突然甩了个小项目过来，说要弄个产品展示的网页界面，时间紧得跟催命似的。我盯着电脑屏幕发了两分钟呆，心想：“这回总不能像以前那样东一榔头西一棒槌了？” 赶紧抓过手边的草稿本，决定按这些年踩坑踩出来的笨办法硬着头皮上。

第一步：先抄作业再动笔

我直接打开了几个常逛的设计网站，跟做贼似的扒拉同类产品的页面。重点看人家怎么摆图片、放按钮，特别是那个“立即购买”的鬼玩意儿总爱藏在哪里。拿着手机咔嚓咔嚓截了二十多张图，红笔在打印稿上乱圈：“这个导航栏位置妙”、“价格标签配色土炸了千万别学”。整张桌子铺满了参考图，隔壁同事伸头看了眼说：“嚯，你这是要拼藏宝图？”

第二步：拿纸笔画框框比软件快

掏了张A4纸就开始鬼画符。一个大方块算电脑屏幕，里面画横线当导航栏，框框里写个“轮播图”就算占位。手机界面更惨，直接撕了半张纸竖着画，按钮全靠圆圈代替，丑得自己都乐了。画废了七八张纸之后终于有个能看的草稿：电脑版右边塞商品图，左边堆文字；手机版就全部摞成竖条条。用黑色马克笔加粗了几个框，心里才算有点底。

第三步：打开软件乱涂乱改

打开设计软件（哪个就不提了），照着草稿纸开始拉矩形框。先搞了个深灰当背景，结果甲方微信发话说要“年轻活泼”，气得我直接摔了鼠标。重新开了个文件，换成淡蓝色打底，把商品图拖进去试了十几种大小，发现缩小到50%看着最顺眼。导航栏那几个字折腾最久：

• 首页俩字调了五次字号，大了像狗皮膏药，小了又看不见
• 按钮颜色试了三十多种蓝，眼都快看瞎了才定下个带点绿的
• 图标全换三遍，购物车画得像炸药包，直接去图标库偷了个现成的

第四步：拉着同事当小白鼠

把设计稿打包丢到部门群里喊：“活人速来挑刺！” 隔壁搞开发的妹子三分钟后就端着奶茶溜达过来，戳着屏幕说：“你这‘立即下单’按钮放购物车旁边，我差点就点错退款键了！” 吓得我赶紧把按钮挪到商品图底下。后来又抓了五个人来试，发现四十岁的大叔死活找不到筛选功能，原来是被我折叠进汉堡菜单了，在页面顶部加了个显眼的标签才解决。

第五步：把设计稿当说明书用

发给前端小哥的时候特意叮嘱：“看见那个紫色渐变的按钮没？按F8键能直接吸色值，别自己瞎调！” 每个间距都在标注里写清楚，连虚线都标上“#CCCCCC”。结果还是出了岔子——轮播图切换速度我忘了标注，小哥按自己喜好搞了个三秒切换，甲方测试时当场暴走：“闪这么快赶着投胎？” 连夜改成五秒才过关。

唠叨几句掏心窝的

那天晚上十点半才关上电脑，累得像条死狗。翻着从草稿纸到成品的照片突然有点感慨：当年刚开始搞设计的时候，总想着整点炫酷特效，结果不是被骂花哨就是被嫌难用。现在宁愿用笨办法一步步来：抄明白、画明白、改明白、测明白、标明白。回头看看这个平平无奇的页面，反而接到甲方夸“用着顺手”的电话。嗨，搞这行久了才懂，让人不骂娘的设计才是好设计。

（对了，那天干完活饿得前胸贴后背，跑去楼下便利店买关东煮，结果手抖把热汤洒在新买的帆布鞋上——得，这单赚的钱刚好够买双新的，这他娘的设计师生涯！）