如果你已经在做 C 端界面,想转到 B 端,或者刚入行就被丢去画后台,大概率会碰到同一类问题:页面能画出来,但说不清算不算"对"。B 端和 C 端的差别不只是颜色克制、密度高,而是整套判断标准变了——信息怎么分层、表格里一行能放多少字、状态怎么表达、权限和流程怎么落到界面上。这门课针对的正是这个断层。

它解决的是哪些具体场景

课程的重心放在后台系统、管理平台这类真实工作对象上,而不是泛泛讲设计原则。从资料结构看,前期用移动端界面练习打底,把图标、图文排版这些基本功过一遍,再转入 B 端的图形体系、页面布局和交互文档。这条顺序是有道理的:B 端图标比 C 端更需要统一规范,线性图标、磨砂质感这类练习本质上是在训练"同一套视觉语言能不能复用"的意识,放到后台的导航、状态、操作按钮上就是直接的迁移。

比较实用的一块是交互文档。很多转岗的人卡在这里:设计方案做得不错,但交付给前端时说明不清,评审会上被问两句就散了。课程把文档作为独立环节,意味着它把"能不能讲清楚为什么这么设计"当成了B端设计师的核心能力,而不只是出图能力。

学完能独立做什么

按课程覆盖的内容,比较现实的预期是:能够独立完成一个中等复杂度后台模块的界面设计,从图标规范、栅格与布局,到列表/表单/详情页的信息组织,再到配套的交互说明。这个程度足够应付多数中小团队对B端UI的日常要求,也够在面试时拿出一个讲得通的完整案例。

需要说清楚的是,B端设计里真正难的部分——业务逻辑梳理、复杂权限体系、多角色流程——不是靠一门课就能吃透的,更多要靠实际项目里反复磨。课程能帮你把方法框架和视觉规范这条线立起来,但不要指望学完就能接大型中台。

资料适合什么基础

  • 有基本设计软件操作能力、做过完整页面的人,可以直接进正课,课前预习部分挑着看。
  • 纯零基础不建议直接上手,图标和排版练习会显得枯燥且缺少反馈,容易中途放弃。
  • 已经在做C端、想转B端的在职设计师,收益最明显,尤其是布局和文档两块。
  • 产品经理或前端如果只想了解B端视觉规范,可以只看图形体系和布局章节,不必全刷。

关于学习节奏的一点提醒

这类系统班的通病是内容密度大、节奏偏快,跟着看很容易产生"都懂了"的错觉。比较稳妥的用法是每看完一个模块就找一个真实后台页面重做一遍,把课程里的规范套进去,再对照差异。B端设计的进步基本来自这种重复对照,而不是多看几节视频。

整体上,这门课适合已经把UI当职业方向、需要补上B端这块短板的人。它不承诺速成,但给出的路径和练习对象是贴近实际工作的。如果你正卡在"会画界面但不懂后台"的阶段,值得花时间跟一遍。

课程目录

– └──第一章_课前预习 – | ├──1-10_App界面设计实战之图标设计-UI_UX设计系列课~1.mp4
 174.00M – | ├──1-11_App界面设计实战之磨砂玻璃图标-UI_UX设计系列课~1.mp4
 188.18M – | ├──1-12_App界面设计实战之线性图标-UI_UX设计系列课~1.mp4
 91.48M – | ├──1-13_App界面设计实战之图片文排版-UI_UX设计系列课~1.mp4
 108.22M – | ├──1-1_UI基础知识UI的起源与历史演变-UI_UX设计系列课~1.mp4
 159.09M – | ├──1-2_UI专业术语认知-UI_UX设计系列课~1.mp4
 70.96M – | ├──1-3_UI的设计工具-UI_UX设计系列课~1.mp4
 117.42M – | ├──1-4_UI的适配和规范-UI_UX设计系列课~1.mp4
 236.90M – | ├──1-5_UE_UX用户体验设计基础认知-UI_UX设计系列课~1.mp4
 134.57M – | ├──1-6_App界面设计实战之准备工作-UI_UX设计系列课~1.mp4
 266.27M – | ├──1-7_App界面设计实战之登录页面-UI_UX设计系列课~1.mp4
 272.37M – | ├──1-8_App界面设计实战之钢笔和锚点-UI_UX设计系列课~1.mp4
 126.18M – | └──1-9_App界面设计实战之首页布局-UI_UX设计系列课~1.mp4
 150.75M – ├──第二章_B端产品思维 – | ├──2-1_1.B端产品概述_产品种类及规划方向~1.mp4
 1.02G – | ├──2-2_ _2_.B端产品思维_体验设计流程与方法.mp4
 668.69M – | ├──2-3_ _3_.B端产品思维_用户研究与方案评估.mp4
 1.07G – | ├──2-4_4.B端产品思维_交互文档及原型设计~1.mp4
 1.61G – | └──2-5_5.录播-章节复盘~1.mp4
 338.77M – ├──第三章_B端产品执行 – | ├──3-1_6._BS后台系统界面实操一_主页设计及组件库建立~1.mp4
 1.52G – | ├──3-2_7._BS后台系统界面实操二_数据图表及表单表格~1.mp4
 1.50G – | ├──3-3_8._BS后台系统界面实操三_图标设计规范及自动布局~1.mp4
 1.05G – | ├──3-4_ _9._BS后台系统界面实操四_项目一设计评审.mp4
 939.57M – | ├──3-5_ _10.CS后台系统界面实操一_设计目标与设计策略.mp4
 702.90M – | ├──3-6_11.CS后台系统界面实操二_业务模块设计策略~1.mp4
 1.41G – | ├──3-7_12.CS后台系统界面实操三_情感场景插画设计~1.mp4
 1.15G – | ├──3-8_13._CS后台系统界面实操四_阶段作业复盘拆解~1.mp4
 1.39G – | └──3-9_14.录播-章节复盘~1.mp4
 310.71M – ├──第四章_B端产品输出 – | ├──4-1_15.B端产品输出_设计评审与产品走查~1.mp4
 1.05G – | ├──4-2_16.B端产品输出_体验度量与B端情感体验~1.mp4
 954.93M – | ├──4-3_17.B端产品输出可用性测试与项目复盘~1.mp4
 1.01G – | ├──4-4_18.B端产品输出专业的展示产品设计及排版~1.mp4
 1.14G – | └──4-5_19.录播-结课复盘~1.zip
 251.77M 适合人群 UI设计师 产品经理 设计爱好者 学习收获 掌握B端UI设计流程 提升设计实战能力 打造专业UI作品 祝您学习愉快! 学有所成,前程似锦!