很多小白用自动布局只会点一下，稍微改尺寸就崩！ 吃透这几个要点，排版效率直接翻倍
✨ Auto Layout 到底是什么？ 简单说：给元素套一个 “弹性盒子” 里面内容变了，外框会自动跟着撑开 / 收缩 不用手动拉框、对齐，适合按钮、卡片、列表
两个核心方向：横向 ↔️ / 纵向 ↕️ 横向：一行排多个元素，比如导航栏 纵向：从上往下堆，比如信息卡片
📌 必懂的关键设置
内边距：元素和边框之间的留白，别直接挪位置凑间距
间距：子元素之间固定距离，新增元素自动隔开
约束：适合固定位置的元素（比如图标靠右）
适配方式： 固定宽高 → 盒子大小不变 填充容器 → 跟着外层盒子拉伸 适应内容 → 跟着文字自动变大（最常用！）
举个例子：做按钮 文字用适应内容，设置上下左右内边距 改文字长短，按钮自动变宽，不用调框
❌ 新手高频坑 不要一层套一层无意义的自动布局，层级乱了很难改 不要混用固定尺寸 + 自适应，容易出现错位 不要靠手动对齐代替 Auto Layout，后期改组件巨麻烦 不要忘记检查约束，图标经常乱跑就是这里没调好
💡 小白练习思路 先从按钮、标签、简单卡片上手练熟 熟练之后再做列表、弹窗 养成习惯：先加布局，再调样式 Auto Layout 不只是对齐工具，是组件库稳定的基础 用好它，和开发对接、改需求都会省心很多。

📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，每天 5～10 分钟，坚持学习。
你会发现，焦虑、迷茫会被“坚实的确定性”挤走，你重新认识了自己和设计。
#ui设计 #ux设计 #交互设计 #设计教程 #设计文档 #界面设计 #apple #ui教程 #UX教程