很多新手做UI会有一种困惑：单看每个组件都挺好看，按钮也画得干净，输入框也有圆角阴影，但把它们放到同一个页面里，整体却很不舒服——边缘像没对齐、间距像不一致、视觉重心忽左忽右。问题往往不是“你不会设计”，而是你缺少一套能反复复用的统一方法。组件做不齐的根源通常在三个方面：坐标体系不统一、间距体系不统一、组件本身规则不统一。下面我把最常见的9个原因拆开讲，并给出从快到慢的修正顺序。
如果页面最外层左右边距不一致，内部再怎么对齐都像歪的。你需要先设定一个“页面安全边距”，例如移动端常见16或20，Web常见24或32，然后所有模块都从这个边距开始对齐。
同一屏里同时出现左对齐、居中对齐、右对齐，会让视觉锚点不断切换。大多数业务产品页面，左对齐是最稳的默认选择；居中适合短标题或强提示，但必须有明确分区。
间距靠感觉最容易出现12、14、18、22这种“随手数字”。一旦数字变多，模块关系就不清晰，页面节奏会碎。解决方法是建立间距体系，并严格复用。
按钮A左右padding是12，按钮B是16，即使它们外边缘对齐，内部文字的起始位置也不同，看起来就“不齐”。组件统一不是只看外框，更要统一内部排布规则。
不同字号、不同字重、不同语言（中文/英文/数字）会让视觉基线差异更明显。你以为居中对齐了，其实是字形的上下留白不同导致看起来偏上或偏下。
图标不统一是质感掉档的第一杀手。线性图标里只要线粗、圆角、端点样式不一致，页面就像拼的。你需要统一一套图标规范：尺寸、线粗、圆角、填充方式。
你在设计稿里摆得很齐，但一旦换文案、换尺寸、适配不同屏幕，组件就会挤压变形。这是因为你只做了“静态摆放”，没有给组件设置可伸缩规则。
很多“不齐”其实是你对齐了错误对象：你以为在对齐卡片，其实对齐的是卡片里的某个子图层；你以为对齐了图标，其实对齐了包含透明空白的外框。
不建立流程，你只能靠眼睛扫，难免漏。最稳的方法是形成固定检查：先外边距、再对齐线、再间距、再组件内边距、再文本与图标一致性。
组件做不齐并不可怕，可怕的是每次都靠感觉重来。只要你把“边距、对齐、间距、内边距、样式”这五件事体系化，并用固定检查清单收口，你的设计会很快从“看着像练习”变成“看着像产品”。这套方法不依赖灵感，依赖纪律，越用越省时间。
如果你只是在页面里把东西对齐一次，下次换页面还会乱。更稳的方法是给常用组件建立规格表，把关键参数固定下来：尺寸、圆角、边框、阴影、内边距、字号、行高、图标尺寸、状态。你不需要写成很正式的设计系统，但至少要让自己和团队有可复用的“标准答案”。
建议你从三个最常用组件开始：按钮、输入框、列表项。每个组件把这些参数写清楚：
有了规格表，你的“对齐检查”就不再是凭眼睛，而是对照参数：这个按钮为什么看着偏？大概率是padding不一致或字号/行高跑了；这个列表为什么不齐？大概率是图标外框包含透明区域或间距数字不在体系内。规格表把问题从“感觉”变成“可定位”。
在正式出稿前，建议你做一页测试页：把所有常用组件按同一栅格摆在一起，包含多种文案长度、多种数字、不同图标、不同状态。这样做的好处是：你会在交付前就发现哪些组件在长文案下会挤压、哪些状态的颜色对比不足、哪些图标线粗不一致。很多返工，其实是因为这些问题在单个页面里不明显。
这页测试页不用好看，目的就是暴露问题。你把它保存在组件库旁边，每次改组件都顺手跑一遍，长期会非常省时间。
