列表是 App 里最高频的组件 消息、订单、商品、通讯录全都在用 看着简单，细节错一堆，体验直接拉垮
❌ 新手常犯错误 信息一股脑堆进去，分不清主次 点击区域太小，手指很难点中 行高忽大忽小，间距凭感觉乱调 所有列表样式一模一样，没有区分不同业务
✅ 先记住核心原则 列表本质是高效浏览 + 快速选择 用户是扫读，不是逐字精读
▫️点击热区 移动端标准：至少 44×44px 不要只把文字当可点击区域 整行做成可点击，操作更顺手
▫️信息层级 一行里只放 1 个主信息，剩下做辅助 举个订单列表： 标题（订单名称）是主角 时间、状态、金额是次要信息 标签、图标作为补充 不要让好几样东西抢视线
▫️间距和分割 两种做法：分割线 / 卡片留白 分割线别太重，浅灰色就够，不要大黑粗线 留白方案更干净，但要保证条目之间区分清晰
✅ 几种常见列表场景小区别 ▫️选择型列表（勾选、单选）：重点突出选择控件 ▫️内容浏览列表（资讯、笔记）：重点放封面 + 标题 ▫️操作型列表（订单、待办）：状态标签、操作按钮优先展示
💡 容易忽略的细节 文字别太长，超长内容做截断，加省略号 状态标签统一规范，颜色不要随便换 考虑空状态、加载、失败这些兜底情况 还有右滑操作，不要堆太多按钮，控制数量
💡 小白入行建议 做作品集的时候，别只画正常状态 把加载、空态、选中、已失效状态一并补上 面试官一看就知道你考虑得周全 列表看着基础，但最考验设计师对用户操作的理解 把这些细节做好，你的页面会精致很多。

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