判断网页设计好坏，五条硬标准照着打勾

甲方说感觉不对，设计师说审美不同，这种争论通常没有结果。网页设计的好坏换成可测指标之后，分歧就变成了待办清单。

一、可访问性：所有人都能用

每张信息图配替代文字。按钮不只靠颜色区分状态。键盘 Tab 键能走完整个表单。

可访问性做不好，一部分访客从**步就被挡在门外。这部分损失在数据里看不见，因为这些人根本没进来。

二、响应式布局：手机端不将就

375 像素宽度下不出现横向滚动条。按钮点击区域不小于 44 像素。正文不小于 16 像素。

把桌面版等比缩小最省事，也最容易出问题。手机上字号小于 14 像素，阅读体验直接崩掉。

三、加载速度：3 秒是红线

用 PageSpeed Insights 测一遍，移动端得分低于 60 就要动手。图片换成 WebP，首屏脚本延后加载，两项通常能提 20 分。首屏那 3 张图压到 100KB 以内，速度分还能再涨 10 分。

加载速度每慢 1 秒，移动端跳出率上升约 20%。这条比任何视觉调整都影响结果。

四、品牌一致性

主色和字体和线下物料对齐。同一站内不超过 2 套字体。标志在每页同一位置出现。

品牌一致性做扎实，访客对页面的信任度会明显提高。视觉上东拼西凑的站，客户**反应是这家公司不太正规。客户对页面的信任，往往就是这么一点点攒起来的。

五、目标路径清晰

每页只有一个主按钮。从进站到完成动作，点击次数不超过 3 次。

风格指南写出来之后，外包和新人接手的成本会低很多。这份文档值得放进项目交付清单。

速度报告留档。下次换服务器或者加功能时，有对照数据才知道有没有退步。

设计稿交付前要对一遍的几处，见查看详情。