一个UI设计新手在Figma里把字号从16px调到14px，理由仅仅是“感觉标题太占空间”，这个动作背后缺失的是对可读性、对比度和信息层级的系统性考量——UI设计的速查本质，是把直觉决策转化为可复用的规则库。

排版层级：用字号和字重建立视觉路径

场景：某B端仪表盘页面，用户需在3秒内定位“本月异常订单数”。若标题“数据总览”用24px/Medium，而核心指标“异常订单数”用20px/Regular，视觉权重反而反超。正确做法：主标题（如“数据总览”）用20px/SemiBold，核心指标数字用32px/Bold配合辅助文字14px/Regular，形成“标题→数字→解释”的F型阅读流。速查规则：每个模块仅保留1个视觉锚点（最大字号/最粗字重），其余元素递减至少2个梯度（如24→20→16→14）。

间距法则：8px网格与亲密性原则的冲突解法

例子：设计一个设置页时，将“通知开关”与下方“通知铃声”选项间距设为16px（2个8px单位），但用户误以为两者属于不同模块。根源在于8px网格强调全局统一，而亲密性原则要求功能关联元素间距（如8px）应小于模块间间距（如24px）。速查修正：对同类元素组内用8px或16px，组间用32px或40px；若组间距与组内间距比值小于2:1，用分割线或背景色块重新定义边界。

色彩对比：不仅是AA标准，更是操作意图的暗示

对比：某电商App“立即购买”按钮用#FF6B35（橙色）配白色文字，对比度4.8:1符合WCAG AA标准，但用户点击率比同页面“加入购物车”低12%。分析发现橙色按钮在白色背景下视觉闪烁感强，但“购买”本身是高风险操作，用户需要更明确的确认信号。速查策略：核心操作按钮（如提交、购买）对比度需≥7:1，同时用内阴影或渐变增加重量感；次要操作按钮（如取消、返回）对比度≥4.5:1即可，避免喧宾夺主。

• 误区1：盲目套用8px网格——尤其当内容密度高时（如数据表格），改用4px增量（4/8/12/16）能更精细控制行距与列间距，避免文字挤在一起。
• 误区2：只测黑白对比度——实际使用中，彩色背景上的文字需同时检测与背景色和相邻色的对比，例如蓝色按钮上的白色文字要确保在按钮悬停变色后仍可读。
• 建议1：建立组件级速查卡——为按钮、输入框、卡片等常用组件预设字号/间距/色值三组参数（紧凑/常规/宽松），设计时直接调用，减少反复微调。
• 建议2：用“3秒扫描测试”验证层级——将界面截图给同事看3秒后收回，让其复述看到的3个信息，若答案与设计意图不符，立即调整字号权重或间距关系。
• 建议3：输出一份“反例对照表”——把团队踩过的坑（如间距比失调、对比度虚标）截图存档，标注正确方案，新成员接手时直接规避80%的重复错误。