前言

本文總結了在工作過程中可能面臨的疑惑與問題，并結合自身經歷輸出相關設計經驗，希望能夠幫助新人設計師快速上手 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 是字節跳動出品的企業級設計系統，對于新手入門有一定的參考價值。

通過了解成熟的組件，我們可以比較局部的去了解 B 端設計控件的使用方式。所有的產品在控件與控件、控件與頁面、頁面與頁面之間都會存在一定的聯系，所以設計師們為了提升自己，經常會去體驗市面上比較優秀的產品。

三、體驗優秀產品

B 端和 C 端一樣都可以通過臨摹去了解現有的設計模式，參照市面上優秀產品做設計對于新手入門而言是快速提升的途徑之一。通過臨摹，你能夠確定閱讀的具體寬度與內容，讓你對整個產品的頁面布局有了初步的認知。

關于臨摹哪些頁面，本人有一些小的建議。通用的典型頁面可以臨摹 Ant design pro 和 Arco design pro 里的頁面作為參考進行設計；

涉及到行業領域進行設計的話，可以參照一些優秀的競品進行設計，例如運營管理平臺，可以參照 神策智能運營 進行設計；

更多競品查找方法：

寫在最后

以上幾種方式只是新手快速上手的小竅門，在工作中 B 端的設計也不僅僅是套組件和抄界面；移動端和電腦端的交互方式還是有所不同的，所以如果想要得到提升還是需要通過閱讀相關書籍，主動了解基礎的設計模式，了解業務場景、角色使用場景等等，從而優化用戶操作路徑，讓 B 端系統的體驗得到真正的提升。

歡迎關注團隊微信公眾號：兆日 UCD