十年沉淀出的六条经验，每条都付过学费，写下来给后来人少踩几个坑。
这六条不是从哪本书里抄来的，是这些年做项目、改稿、复盘，一遍遍撞墙撞出来的。每次出问题，回过头去对照，几乎都能在六条里找到根。它们像六把尺子，平时不显眼，但量东西的时候特别管用。
每条都很短，但每条背后都是真实的学费。下面一条条说，尽量给到具体场景和正反例，方便你对照自己的页面。
新手最常犯的错，是把页面塞满。怕空着显得没东西，于是每个角落都堆内容，结果信息密度上去了，可读性下来了。留白不是“没设计”，它本身就是设计——它给内容呼吸的空间，引导视线在重要内容上停留。
反例：一个产品介绍页，三栏并排，每栏塞满图文，模块之间间距只有 16px，看一眼就想关掉。正例：同样的内容，改成单栏纵向铺开，模块间距拉到 80px，段落之间留出空行，重点反而更突出了。
一致性是用户信任感的来源。同一个按钮，在 A 页是蓝色实心，到 B 页变成绿色描边，用户每次都要重新判断“这能不能点、点了会怎样”。一致的好处是省脑力：用户认了一次，全站通用。
一致性要管的不只是颜色，还有字号、间距、圆角、动效曲线、文案口吻。反例：列表页卡片圆角 8px，详情页卡片圆角 12px，详情页又出现 16px 的弹窗——三个圆角并存，整体显得潦草。正例：全站定一套间距和圆角变量，所有组件按变量取值，维护起来也省心。
没有对比就没有焦点。一页全是 16px 黑字，用户不知道先看哪；把标题放到 32px 加粗、正文留在 16px 常规，视线自然落在标题上。对比的本质是用差异告诉用户“哪里重要”。对比可以来自大小、粗细、颜色、空间、形状。
反例：一个落地页，标题、副标题、正文都是差不多的灰黑色，字号差距小，按钮颜色和链接颜色接近，整页平得像一张纸。正例：标题深色加大，副标题中灰中号，正文浅灰小号，主按钮用品牌色实心——层级一眼分明。
用户每次操作，都在等一个回应。点了按钮没反应，他会怀疑是不是没点上，再点一次，甚至刷新页面。好的设计会在操作发生的瞬间给出反馈：按钮按下有按压态，请求中显示 loading，完成给提示。反馈越快、越明确，用户越安心。
反例：提交表单后页面卡住两秒没动静，用户不知道在提交还是出错了。正例：点击提交，按钮立刻变成“提交中…”并禁用，防止重复提交；成功后顶部出现绿色提示条，失败则红色提示并标出错误字段。
听起来反直觉，但限制真的是创意的朋友。完全自由的时候，选择太多反而无从下手；给定几条约束——只能用两个颜色、只能用一种字体、间距必须是 8 的倍数——反而能在框里玩出花样。约束逼你做选择，选择逼你做判断。
反例：没规矩地做设计，每页配色不同、字体不同、布局不同，做了一堆却互不相干，也没形成体系。正例：给自己定一套约束：主色加一个强调色，一种字体两档字重，间距用 4/8/16/24/32 几档。在这套约束里做十页，反而风格统一又各不相同。
大方向对了，决定好坏的往往是细节：文字和图标是不是对齐了基线，按钮内边距上下左右是不是一致，图片有没有压扁，省略号出现的位置对不对。单个细节不起眼，但几十个细节叠在一起，就是“精致”和“糙”的差别。
反例：列表里图标和文字没对齐，有的卡片多了 1px 描边有的没有，hover 状态有的元素有有的没有——单看都不影响功能，整体却显得敷衍。正例：统一所有图标尺寸和对齐方式，卡片描边全站一致，hover 状态成体系地补齐，质感立刻上来。
六条洞察放在一起看，其实是一个闭环：留白和对比解决“看得清”，一致性和细节解决“看得顺”，反馈解决“用得稳”，限制解决“做得久”。它们不复杂，复杂的是十年如一日地守住。下次做页面，不妨对照这六条过一遍，多半能发现问题。
