网页设计清单，如何打造吸睛、易用、高效的网站？

做网站这件事，说实话，我第一次上线的时候手都在抖。花了整整三周调配色，最终还是结果是打开第一眼自己都想关掉。那种又想让人眼前一亮，又怕用户三秒就跑掉的焦虑，各个做过前端的人都懂。所以后来我给自己立了一份很糙但管用的网页设计清单，不是那种寒冷冰冰的标准，而是踩过坑之后攒下来的体感，绝绝子...。

清单的第一条永远是先问人而不是问效果图。谁会来？他带着哪些情绪来的？是半夜睡不着想找个靠谱教程，还是白天加班间隙要迅速下单？情绪不同，整个页面的呼吸节奏都不一样。我当前会先写三句话的用户较小剧场贴在体现器边框上，比任意配色方案都管用。

先把骨架拎稳，再谈良好看

ICU你。 良好看是锦上添花，可用才是活下去的基础。我见过太更多页面第一屏炸裂，第二屏就迷路。导航别自作聪慧，用较大家熟悉的位置放熟悉的东西。主菜单不较高于七项，分类别嵌套太较深，不然手指点来点去，用户只会觉得累。我习惯在手机上先走一遍流程，如果我自己都要眯眼找按钮，那别人更找不到。

容我插一句... 信息层级其实就是说话的分寸感。较大标题说沉重点，较小字补细节，留白是让眼睛喘口气的地方。极简不是把东西全删掉，是把不需要的东西果断请出去。有时候删一个装饰动效，反而让整个页面更宁静，也更较高级。这种删减的过程很揪心，像剪自己的头发，但剪完后才发觉原来是当前这个模样。

颜色和字体， 别秀技艺

配色我当前只敢用两到三个主色，一个负责引导行动，一个负责安抚背景，再加一个点缀提神。字体也一样，两套足够，一套用于表达，一套用于阅读。再更多就简单吵起来。字号和行距比颜色更能决定阅读体验，尤其在手机上，行距太挤人会烦躁，太松又会散架。当前这个度只能靠反复看真实机，而不是盯着 Figma 的像素尺。