今天折腾了一天店铺首页，真是够呛。一开始老板甩过来一张截图说"照着这个感觉改改"，打开一看差点背过气去——人家那是手机店铺，咱做的是电脑版！

第一步 瞎找参考

直接关掉老板发来的图，打开浏览器就开始瞎逛。京东淘宝拼多多挨个刷，还专门开了个小本本记：

• 看见商品图特别大的就截个屏
• 发现分类栏在左边晃的标个红
• 碰到弹窗广告突然蹦出来的骂骂咧咧画个叉

第二步 瞎画草图

抓过办公桌上擦过鼻涕的复印纸就开始鬼画符：

• 最顶上硬塞了个搜索框（根本没人用）
• 左边划了条窄缝写商品分类（字小得像蚂蚁）
• 右边怼了三个促销广告位（红配绿赛狗屁）

画完拿手机拍照发工作群，果然被运营同事追着骂"你这分类栏还没我指甲盖宽"。

第三步 瞎调尺寸

打开画图软件就开始拖拖拽拽：

• 把分类栏拉宽两倍，结果把商品展示区挤没了
• 广告图尺寸来回调了八遍，电脑显示还是被裁掉半个头
• 搜框高度改到第三次才没挡住导航栏

中途气得捶键盘，隔壁同事还以为我在拆电脑。

第四步 瞎选颜色

最要命的是配色环节：

• 老板非要加渐变背景，调出来的效果像油漆桶打翻
• 商品卡片阴影太重，看着跟悬浮幽灵似的
• 促销标签用了荧光粉，半夜打开能闪瞎眼

折中方案是把所有饱和度拉到最低，整个页面灰扑扑像蒙了层雾霾。

第五步 瞎搞动效

本想加点鼠标悬停特效装高级：

• 分类菜单滑出来卡成PPT
• 商品放大效果突然抽搐
• 购买按钮点下去延迟三秒才变色

气得全删了改成直接变色，运营说像二十年前的网页。

现在这个四不像的玩意儿终于上线了。客户说加载时老看见分类栏抽搐两下，我说这是特意设计的呼吸效果——我知道是代码写得像狗啃的，显示器在抽筋！