很多人第一次接触自动布局，会把它当成“更聪明的对齐工具”。于是做法是：先把页面像以前一样摆完，再给某些区域套一层自动布局。这样做能解决少量对齐问题，但一旦内容变化，布局就会像多米诺骨牌一样连锁崩坏。原因在于：自动布局需要的是容器结构，而不是在自由摆放上打补丁。
自动布局的思路应该反过来：先确定容器，再放内容。容器决定对齐方式、间距和换行策略，内容只是在容器规则里变化。你越早确定容器层级，后期越少返工。
一个好用的容器通常只需要三类参数：padding、gap、alignment。padding 决定容器边界与内容的距离，gap 决定内容之间的节奏，alignment 决定内容在容器中的位置。把这三件事固定下来，你的组件就会非常稳定。
建议从少量档位开始，例如 padding 常用 12/16/24，gap 常用 8/12/16。档位越少，组件越像系统的一部分，而不是每次都临时决定。
自动布局里最关键的是主轴：横向容器适合放图标+文字+按钮，纵向容器适合放标题+说明+操作区。很多布局问题来自主轴不清：本该横排的元素被塞进纵向容器，然后用各种固定宽度去对齐，最终很难维护。
你可以用一个简单判断：用户阅读时是从左到右扫描，还是从上到下阅读。扫描用横向结构，阅读用纵向结构。把主轴定对，后面怎么扩展都更自然。
真实产品里最常见的变化是文案变长。与其在设计稿里把所有文本都控制在一行，不如在组件层面建立策略：标题最多两行，超出省略；标签可以换行；按钮文案超过阈值自动变小一档或改为两行。策略一旦建立，你就能在不同业务里复用同一套组件。
当你用策略去承接变化，你就不会在迭代里不断被“这个状态又挤了”打断节奏。
当你开始用自动布局时，最容易犯的错误是直接在原有的“自由摆放”稿里逐个加约束，结果越改越乱。更稳的方法是：先把页面拆成稳定的容器层级，例如页面容器、区块容器、卡片容器、行容器、按钮容器。容器层级确定后，再把每个容器的 padding、gap、对齐方式固定下来。这样你得到的是结构化的布局，而不是一堆互相牵扯的约束。
自动布局真正带来的价值是“响应变化”。文本变长、按钮变多、标签换行、图标替换，只要容器规则正确，整体就会自动适配。你不需要每次都手动对齐，也不需要担心某个状态把布局挤坏。
自动布局在团队里最重要的意义是减少“为了对齐而对齐”的沟通成本。把常用组件做成可配置的积木：按钮支持不同尺寸与左右图标，卡片支持不同内容密度，列表项支持可选的右侧信息。每个配置都只改变少量参数，而不是推倒重画。这样设计在迭代时更快，开发也更容易理解结构。
当组件的结构稳定后，你会发现视觉风格升级也更轻松：换字体、换圆角、换阴影，只要 token 和组件一致，整套界面就能同步更新，不会出现一页新一页旧的割裂感。
当你开始用自动布局时，最容易犯的错误是直接在原有的“自由摆放”稿里逐个加约束，结果越改越乱。更稳的方法是：先把页面拆成稳定的容器层级，例如页面容器、区块容器、卡片容器、行容器、按钮容器。容器层级确定后，再把每个容器的 padding、gap、对齐方式固定下来。这样你得到的是结构化的布局，而不是一堆互相牵扯的约束。
自动布局真正带来的价值是“响应变化”。文本变长、按钮变多、标签换行、图标替换，只要容器规则正确，整体就会自动适配。你不需要每次都手动对齐，也不需要担心某个状态把布局挤坏。
自动布局在团队里最重要的意义是减少“为了对齐而对齐”的沟通成本。把常用组件做成可配置的积木：按钮支持不同尺寸与左右图标，卡片支持不同内容密度，列表项支持可选的右侧信息。每个配置都只改变少量参数，而不是推倒重画。这样设计在迭代时更快，开发也更容易理解结构。
当组件的结构稳定后，你会发现视觉风格升级也更轻松：换字体、换圆角、换阴影，只要 token 和组件一致，整套界面就能同步更新，不会出现一页新一页旧的割裂感。
当你开始用自动布局时，最容易犯的错误是直接在原有的“自由摆放”稿里逐个加约束，结果越改越乱。更稳的方法是：先把页面拆成稳定的容器层级，例如页面容器、区块容器、卡片容器、行容器、按钮容器。容器层级确定后，再把每个容器的 padding、gap、对齐方式固定下来。这样你得到的是结构化的布局，而不是一堆互相牵扯的约束。
自动布局真正带来的价值是“响应变化”。文本变长、按钮变多、标签换行、图标替换，只要容器规则正确，整体就会自动适配。你不需要每次都手动对齐，也不需要担心某个状态把布局挤坏。
自动布局在团队里最重要的意义是减少“为了对齐而对齐”的沟通成本。把常用组件做成可配置的积木：按钮支持不同尺寸与左右图标，卡片支持不同内容密度，列表项支持可选的右侧信息。每个配置都只改变少量参数，而不是推倒重画。这样设计在迭代时更快，开发也更容易理解结构。
当组件的结构稳定后，你会发现视觉风格升级也更轻松：换字体、换圆角、换阴影，只要 token 和组件一致，整套界面就能同步更新，不会出现一页新一页旧的割裂感。
