前言
本文总结了在工作过程中可能面临的疑惑与问题，并结合自身经历输出相关设计经验，希望能够帮助新人 设计师 快速上手 B 端设计。
首先，作为一名新人，在接触 B 端设计的时候应该怎么样才能快速上手呢。我们可以从：了解 B 端的基础知识、了解组件的用法、体验优秀产品这三个方面去快速了解 B 端设计知识。
一、了解 B 端基础知识 1. 什么是 B 端产品
B 端产品的使用对象是企业，组织；目的是帮助企业，组织解决某一类经营管理相关的问题，进而帮助企业提高收入，提升效率，降低成本，控制风险。B 端产品更讲究严谨的流程设计、贴近现实的场景面积、低风险、高效率、数据精准；B 端产品的用户无法决定自己使用的软件，决策权在为软件付费的人手中（例如：公司高层，老板等等）。
2. B 端产品的价值
B 端产品的价值在于：集中管理（举个例子：公司通过要求销售人员将客户信息录入后台系统，避免因为销售人员的离职导致客户的流失），降本增效（可以规范化，集中化管理销售人员的行为）
3. B 端产品的分类
我们常见的产品有：SaaS，PasS，IaaS，SCRM，ERP，OA 等等，但我们可以根据产品针对的服务对象去进行分类，我们可以分为四个方向：专业领域产品，行业解决方案，办公协同系统，运营管理平台
专业领域产品：是针对企业的某类工作场景所使用的 B 端产品，常说的 SCRM（销售自动化平台）、ERP、HRM（人力资源管理）都是专业领域产品的范畴。
一家公司可以拥有多个专业领域产品，例如公司拥有一个 OA 系统的同时，销售的同事还可以拥有 SCRM 系统。
行业解决方案：围绕某一个行业进行的，针对行业所需要的功能进行拓展，能满足行业的使用需求即可。
办公协同系统（OA 系统）：针对公司内部协同办公使用，例如我们常见的钉钉，飞书，企业微信都属于办公协同系统（OA 系统）
运营管理平台：针对客户端运营活动或者具体内容展示，对推送目标人群进行管理。例如火山引擎，极光推送等等
同时，我们可以根据产品交付方式进行分类，可分为：Saas，Paas，Iaas，定制化产品；引用 IBM 架构师 Barron 用披萨作为比喻来具象化这些交付方式的形式：
定制化产品：服务于大型企业功能定制设计；需要什么特殊口味/形状的披萨都可以找餐厅定制。
标准化产品（SaaS）：把开发、管理、部署都交给第三方，客户选择功能的权力较低；他人直接制作好完整的披萨，不需要你的参与，你只需要把他卖出去，最多在包装一下印上自己的 logo 就好。
配置化产品（PaaS）：开发者只需要关心业务逻辑，不需要关注底层，客户选择功能的权力较高；除了基础设施，他人还提供披萨饼皮，你只需要把自己的配料放上然后让他去帮你烤熟即可，也就是说你只需要设计好披萨的味道（海鲜口味或者意式披萨），他人提供平台服务帮你把设计完成。
基础服务产品（IaaS）：是云服务的最底层，主要提供一些基础资源，用户需要自己控制底层去完成业务逻辑；他人提供厨房炉子这些基础设施，让你来烤这些披萨。
除了去了解关于 B 端的一些基础知识以外，如果想要更高效的去完成工作，设计师们通常都会去深入了解通用组件的使用方法。
二、了解组件用法 花时间去了解组件的使用是非常有必要的。组件作为我们设计当中的基础单位，等于说我们了解了组件的使用，就知道 B 端设计的基础原理。目前市面上已经有很多开源并且很成熟的组件，并且每一个设计系统里面都有对应的设计资源的分享、设计组件的解析、以及设计原则的确定，可以通过参考这些深入学习。
1. Ant Design
Ant Design 是蚂蚁集团的设计语言，目的是为了提供完善的设计指引、最佳实践、设计资源和设计工具，来帮助设计者快速产出高质量产品原型。
2. Element UI
Element UI 是 一套基于 VUE2.0 的桌面端组件库，Element UI 提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。
3. Arco Design
Arco Design 是字节跳动出品的企业级设计系统，对于新手入门有一定的参考价值。
字节跳动全新发布！ArcoDesign 设计系统正式开源 https://v.youku.com/v_show/id_XNTgxNjA2OTQwNA==.html?spm=a2hcb.profile.app.5~5!2~5~5!3~5!2~5~5~A ArcoDesign 是什么？
阅读文章 >
通过了解成熟的组件，我们可以比较局部的去了解 B 端设计控件的使用方式。所有的产品在控件与控件、控件与页面、页面与页面之间都会存在一定的联系，所以设计师们为了提升自己，经常会去体验市面上比较优秀的产品。
三、体验优秀产品 B 端和 C 端一样都可以通过临摹去了解现有的设计模式，参照市面上优秀产品做设计对于新手入门而言是快速提升的途径之一。通过临摹，你能够确定阅读的具体宽度与内容，让你对整个产品的页面布局有了初步的认知。
关于临摹哪些页面，本人有一些小的建议。通用的典型页面可以临摹 Ant design pro 和 Arco design pro 里的页面作为参考进行设计；
涉及到行业领域进行设计的话，可以参照一些优秀的竞品进行设计，例如运营管理平台，可以参照 神策智能运营 进行设计；
更多竞品查找方法：
B端设计师如何体系化了解业务？4个步骤快速搞定！ 前言 接触 B 端设计的小伙伴会发现，很多业务具有角色多，业务场景复杂，功能链路长等特点，所以在工作中会经常遇到以下几个问题： 突然被调配到新业务，拿到一个不熟悉的业务或者新产品，不知如何开展工作？
阅读文章 >
写在最后 以上几种方式只是新手快速上手的小窍门，在工作中 B 端的设计也不仅仅是套组件和抄界面；移动端和电脑端的交互方式还是有所不同的，所以如果想要得到提升还是需要通过阅读相关书籍，主动了解基础的设计模式，了解业务场景、角色使用场景等等，从而优化用户操作路径，让 B 端系统的体验得到真正的提升。
欢迎关注团队微信公众号：兆日 UCD
