今天琢磨网页设计这事儿，纯粹是因为上周被甲方怼了。那老哥指着我的设计稿说：“看着咋这么不靠谱？” 憋着一肚子不服气，我把自己关屋里三天，翻了几十个大厂网页，再拿自己做过的项目来回对比，摸出这四条真能救命的要点。
一、乱麻布局？先画格子！
以前觉得布局随便整，怎么舒服怎么来。结果客户总嫌看着晕、找不到重点。这回我打开Figma，第一件事就是怼了个栅格系统进去。你猜怎么着？真就靠这玩意儿捋顺了。
- 定比例：直接量了苹果官网的留白，按着它1.5倍间距设基础单位
- 切模块：把首页拆成六个横条，每块用浅灰色背景框死
- 排内容：重要文案塞进左侧1/3网格，次要的堆右边
整完再看，那些零散飘着的按钮图片突然就排队列阵了，连我妈这种手机只用来看广场舞视频的都说：“这回清爽多了！”
二、颜色翻车？先锁死三个色
去年搞了个五彩斑斓黑的官网，客户当场表演笑容消失术。这回我打开取色器的时候，手指头都发颤。
- 主色上吊：直接偷了客户logo的深蓝当主色调，全站按钮都用它
- 辅色保命：找了个带灰调的米白当背景，文字用90%纯黑
- 点睛当贼：鼠标滑过按钮时，悄悄加了一丁点明黄色
重点是把色彩范围锁死！标题深浅用HSB调的，B值波动不超过10%，饱和度从没超过30%——搞完发现，连路边打印店老板做出来的宣传页都没色差了。
三、字体打架？全站统一步枪
去年吃过亏，三个页面用了四种字体。这回我新建了个文档叫“字体监狱”，定了三条死规矩：
- 正文只用思源黑体，连粗细都只准用Regular和Medium
- 标题统一用霞鹜新晰黑，字号必须从32px/24px/20px三档里选
- 行高锁死在1.8倍，字间距永远用default
最狠的是把设计稿转成灰度模式检查，发现某段用了微软雅黑的地方立刻现原形——灰蒙蒙一片里突然跳出个浓墨重彩的，真的很傻。
四、交互智障？全靠手指记住
最打脸的是上次做的按钮，用户点了没反应以为卡死，狂点二十次直接提交了二十个订单。这回我蹲电脑前做交互测试，硬给自己右手食指绑了计数器：
- 悬停变实心：鼠标蹭过按钮时填充深蓝色
- 点击凹下去：按下瞬间加个1px内阴影
- 加载转圈圈：提交后立即弹出缓冲动画
- 错误冒红字：密码输错时在输入框底下蹦跶红字
表单做完那天，让楼下水果店老板娘试了下。阿姨边戳屏幕边乐：“这玩意儿比我家电子秤反应快多咧！”
昨天把新稿子甩给甲方，那老哥半小时没吭声。发来个红包写着“早这样搞不就完事了？” 这破道理我也懂，可没人告诉你路往哪儿走之前，谁不是闭着眼跳坑？
