📌 步骤条的两种类型:
🔸 线性步骤条 必须按顺序一步步走,不能跳步。 适合:注册、下单、向导配置。
🔸 非线性步骤条 可以自由跳转到任意已完成的步骤。 适合:表单信息修改、多标签编辑。
📌 4 个设计注意点:
① 步骤数量控制 建议 3-5 步。超过 7 步用户会有心理压力,考虑合并步骤。
② 每步的标题要精简 用 2-4 个字概括,比如「基本信息」「权限设置」「确认提交」。
③ 状态要清晰 已完成(对勾+绿色)→ 当前步骤(高亮)→ 未进行(灰色)。 如果某步出错了,用红色标记。
④ 给用户掌控感 显示当前是第几步/共几步。 在最后一步给出总览让用户确认。
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
爬出低谷,不需要惊天动地的顿悟。👇文末加入「UIUX 学习指南」,每天 5~10 分钟,去学、去拆解、去浸泡。
你会发现,焦虑和迷茫会被“坚实的确定性”一点点挤出去,你重新理解了设计的重量。






