如何快速入门/转行B端UI设计

作为一位拥有着海量丰富的新手踩坑经验的UI设计讲师，平时收到最多的问题一定是：如何开始学习UI设计、如何入门并找到理想的UI设计工作？

那么为了帮助大家更高效的学习B端UI设计，我给大家整理了「一步到位·巧妙避坑」的B端设计学习路径，让大家，跟着学就对了！

B端设计学习路线推荐

第一步：B端基础知识扫盲

首先将B端基础原子核课程中 1.1 - 1.3 节课看完，对B端行业和B端设计整体有个大致的理解，并且提前搞清楚自己之后的工作内容都是什么。

这一步是开始学习B端设计的基础，并且也是确定自己是否愿意从事这个行业的意愿调研～

• 1.1 B端是什么？和C端有什么区别

• 1.2 完整走一遍B端项目流程

• 1.3 B端产品经理介绍，PM都在做什么？

跳转课程链接：

第二步：B端软件学习入门

下面就是软件学习内容了，B端入门设计软件我这边还是推荐即时设计或者Figma进行学习，效率高且目前已经越来越多的公司使用这类专门的UI设计软件了。

所以，首要任务是用熟其一的UI设计软件，并且用熟其中一个软件后你就会发现其他的设计软件也就很快上手了。

跳转课程链接：

第三步：B端基础设计学习

接下来就是B端基础知识的学习了，将原子核课程中的 2.1 - 3.7 小节全部学习完成，可以让你掌握最基础最常识类的B端工作内容。可以讲的是，这部分内容的难度不大基本有手就会，但是是B端入门的必备基础课。

• 2.1 立刻搞懂B端画布尺寸怎么定

• 2.2 B端框架的布局方式

• 2.3 B端网页的响应式设计和栅格系统详解

• 2.4 如何正确使用开源框架

• 2.5 B端字体的基础应用

• 2.6 B端图标的基本规范

• ......

• 3.1 B端控件 - 按钮/标签设计

• 3.2 B端控件 - 输入框设计

• ......

跳转课程链接：

第四步：B端设计规范搭建

进入下一步，快速入门掌握B端设计规范，我已经将B端设计规范，从基本认识到全流程搭建都已经毫不留私的传授给大家了，不管是新手还是已经工作的B端同学都可以在这套课程中学到真实有用的设计规范知识。

跳转课程链接：

第五步：B端组件设计搭建

每节一个重要的B端组件设计，让你设计出个性化，更符合实际工作要求的组件元素，这套课程对于在职B端设计师必不可少，大家一定要记得看完～

跳转课程链接：

第六步：B端实战项目设计

在以上的知识全部学习完成后，我们就要进入项目演练的实战案例了。在原子核课程的 5.2 - 5.4 小节课程中，我分别将两个线上实际案例「有赞后台」+「泛微后台」进行解析优化，从框架搭建到细节完善，尽可能给大家真实的改版优化场景。

• 5.2 改版案例 - 有赞后台首页优化

• 5.4 改版案例 - 泛微人事后台页面设计优化

跳转课程链接：

第七步：B端设计知识拓展

那么在前期的B端设计知识的基本掌握后，你要学习的远远不止这些，下面我罗列了几个B端设计师应该必备的工作技能，大家可以在掌握了前面所有内容后开始学习。

1. 前端知识

2. 网页设计

3. 图标设计

请记得：B端学习的边界远不止于此，甚至我以上罗列的所有课程知识都仅仅只是最初级、最基础的知识而已。

如果大家想要进入B端行业，并在自己的工作中更专业且游刃有余，我这边还是真心推荐下自己的正课「B端产品设计全能班」直播课程了。

那么，以上就是目前罗列的B端学习课程地图，后续我还会将自己写过的文章进行汇总，整理出一份图文版学习路线，大家可以点赞期待一下了。