人工精选【且曼教育】B端商业产品设计训练营(第六期)
如果你在做后台系统、SaaS 工具或企业内部平台,大概率遇到过这种情况:界面不算难看,但业务方总说"不好用",开发也抱怨标注不清楚、组件对不上。B 端设计和 C 端最大的差别在于,用户是被组织安排来干活的,不是来被取悦的,所以判断标准从"好不好看"变成了"能不能高效完成一件事"。这门训练营针对的就是
会员可免费下载本篇月会员可免费领取。
开通会员 ›会员 · 按档位
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
如果你在做后台系统、SaaS 工具或企业内部平台,大概率遇到过这种情况:界面不算难看,但业务方总说"不好用",开发也抱怨标注不清楚、组件对不上。B 端设计和 C 端最大的差别在于,用户是被组织安排来干活的,不是来被取悦的,所以判断标准从"好不好看"变成了"能不能高效完成一件事"。这门训练营针对的就是这个落差。
它解决的是哪类工作场景
课程围绕 B 端产品从调研到落地的完整链路展开,重点落在几个高频痛点上:一是表单类页面的设计,输入框、选择器、级联、日期时间、单选多选、开关滑块这些控件怎么组合才不出错;二是复杂业务的信息层级怎么梳理,让操作路径短、状态反馈清楚;三是视觉体系怎么搭,保证几十个页面放在一起仍然统一,而不是各画各的。资料包里大量练习素材都集中在表单控件和选择器上,说明这部分是课程的重心,也确实是 B 端日常返工最多的地方。
适合什么基础,先看哪几块
有一定 UI 基础、做过几个页面但没系统接触过 B 端的人最合适。如果你完全没碰过设计工具,跟起来会比较吃力,建议先把基础操作补上再来。学习顺序上,建议先看用研和业务梳理部分,理解一个后台需求是怎么被拆成页面和流程的;再进入控件与表单章节,对照素材逐个动手还原;最后看视觉体系和移动端部分,把前面积累的规则收拢成一套可复用的规范。移动端内容更适合已经做过 PC 后台、需要兼顾移动审批或外勤场景的人。
学完能独立做什么,资料怎么用
完成之后,你应该能独立接手一个中小型 B 端模块:从和业务方对齐需求,到输出页面结构、控件选型、交互状态,再到整理成一份开发能直接用的视觉规范。资料里的控件素材不要只看,建议按"先临摹、再默写、后改造"三步走——先照着还原一遍熟悉尺寸和间距,再关掉参考自己画一遍,最后结合一个真实业务场景改造成自己的方案。练习时重点盯住边界状态:空数据、加载中、报错、超长文本、权限不足,这些才是 B 端设计拉开差距的地方。如果只是想快速了解 B 端和 C 端的区别,这门课偏重,可以只看前面的用研和表单部分;如果准备转岗做 B 端设计,整套跟完并做完练习,作品集里能拿出像样的东西。
课程目录
课程目录42 集
- 📁 课件素材 📁 小铺 form 小铺-日期选择器.psd [12.0 MB] 小铺-Cascader级联选择器(2).psd [4.6 MB] 小铺-表单.psd [6.2 MB] 小铺-输入框.psd [2.5 MB] 小铺-Select 选择器+Cascader 级联选择器(1).psd [4.4 MB] 小铺-单选框+多选框.psd [3.8 MB] 小铺-分页+标记.psd [2.1 MB] 小铺-切换开关+滑块滑块+时间选择器.psd [6.2 MB] 小铺-日期时间选择器.psd [8.0 MB] 小铺-穿梭框.psd [5.0 MB] 📁 小铺 btn 小铺-时间线.psd [1022.8 KB] 小铺-导航菜单+标签页.psd [2.5 MB] 小铺-面包屑+下拉菜单+步骤条.psd [3.3 MB] 小铺-按钮组.psd [3.0 MB] 小铺-标签+进度条.psd [2.2 MB] 小铺-警告.psd [1.3 MB] 📁 小铺 table 小铺-树形状控件.psd [2.6 MB] 小铺-表格2.psd [4.7 MB] 小铺-表格3.psd [3.2 MB] 小铺-表格4.psd [3.1 MB] 小铺-卡片+折叠面板.psd [1.6 MB] 小铺-表格1.psd [3.2 MB] 小铺 btn.zip
- [1.6 MB] 小铺 form.zip
- [5.8 MB] 小铺 table.zip
- [1.6 MB] 语雀文档资料.txt [46.0 B] 4、【专业课02】B端设计必备:用研技.mp4
- [413.4 MB] 7、【专业课04】视觉体系(一):通月.mp4
- [583.4 MB] 6、【专业课03】B端产品架构与角色权.mp4
- [442.5 MB] 34、【专业课21】移动端(三)表单+).mp4
- [260.7 MB] 23.【专业课12】典型页面模式(二).mp4
- [420.2 MB] 1、【开学典礼】_mp4_112min_第1段.mp4
- [440.2 MB] 11、作业点评3.27._mp4_137min_第1月.mp4
- [660.1 MB] 16、【专业课09】数据可视化(三):.mp4
- [426.3 MB] 25.【专业课14】典型页面模式(四).mp4
- [572.3 MB] 5、作业点评3.13_mp4_168min_第1段.mp4
- [815.1 MB] 30、【专业课18】体验进阶(二)流程.mp4
- [403.6 MB] 32、【专业课19】移动端(一)首页设.mp4
- [304.2 MB] 13、业课08】数据可视化(二):web.mp4
- [589.9 MB] 35、作业点评5.15._mp4_182min_第1月.mp4
- [843.1 MB] 18、【专业课10】数据可视化设计(四.mp4
- [205.3 MB] 3、作业点评3.7._mp4_167min_第1段..mp4
- [838.5 MB] 36、作业点评5.16_mp4_117min_.第1月.mp4
- [636.9 MB] 37.【专业课22】就业专题(二)作品.mp4
- [332.0 MB] 8、3.20作业点评_mp4_147min_第1段.mp4
- [693.7 MB] 14、作业点评4.4_mp4_127min_第1段.mp4
- [496.7 MB] 38、【毕业典礼23】就业专题(三)简.mp4
- [548.5 MB] 31、作业点评5.08_mp4_201min_第1月.mp4
- [947.2 MB] 12,【专业课07】数据可视化(一):.mp4
- [865.4 MB] 9、【专业课05】视觉体系(二):数拼.mp4
- [566.5 MB] 17、作业点评4.10_mp4_139min第1月.mp4
- [536.0 MB] 2、【专业课01】B端设计必备:理解产.mp4
- [699.3 MB] 29、【专业课17】体验进阶(一)体验.mp4
- [433.3 MB] 27、【专业课16】就业专题(一)作品.mp4
- [602.5 MB] 26.【专业课15】典型页面模式(五).mp4
- [460.4 MB] 28、作业点评5.1.mp4_222min_第1段.mp4
- [810.2 MB] 10.【专业课06】视觉体系(三):数.mp4
- [399.4 MB] 24、【专业课13】典型页面模式(三).mp4
- [564.2 MB] 15、作业点评4.5_mp4_99min_第1段..mp4
- [384.9 MB] 19、【专业课10】数据可视化设计(四.mp4
- [534.5 MB] 20、【专业课11】典型页面模式(一).mp4
- [474.9 MB] 22、作业点评4.18_mp4_124min_第1月.mp4
- [486.7 MB] 33、【专业课20】移动端(二)列表+i.mp4
- [243.6 MB] 21、作业点评4.17._mp4_168min_第1月.mp4
- [359.3 MB] 适合人群 产品设计从业者 UI设计师 产品经理 学习收获 掌握B端产品设计流程 提升设计实战能力 拓展职业发展 祝您学习愉快! 学有所成,前程似锦!





