有很多同學跟我說，自從 Ant Design 的組件變得越來越完善，自己也越來越不知道 B 端設(shè)計師的工作意義和價值是什么了。其實除了 Ant Design，還有很多常見的、優(yōu)秀的組件庫，都為 B 端設(shè)計和開發(fā)的工作提供了便利。那么使用組件庫真的可以替代 B 端設(shè)計師么？當然不能。B 端設(shè)計師有其存在的獨特價值，本文就跟你聊聊組件和設(shè)計師之間的關(guān)系。
1 . 組件是「效率」工具
組件是工具，用來為設(shè)計師和開發(fā)提升工作效率。上文中所提到的 Ant Design 的初衷也并不是要做一款替代設(shè)計師的組件庫，其根本目的之一也是提高整個團隊的工作效率。使用組件可以從兩個方面提效：
（1）工作內(nèi)容上：可以將不必要的、重復(fù)性勞動的時間節(jié)省出來
（2）工作流程上：便于設(shè)計師與前端開發(fā)做交接和協(xié)作，節(jié)省溝通成本
2 . 組件是「質(zhì)量」保障
使用組件，可以在一定程度上保證設(shè)計工作的質(zhì)量。組件規(guī)范了前端和設(shè)計師的工作方法，建立相對底層的系統(tǒng)，設(shè)定了設(shè)計和開發(fā)的質(zhì)量底線。
基于組件規(guī)范，設(shè)計和開發(fā)的產(chǎn)品更容易具備：
（1）一致性：具備相對一致的表現(xiàn)樣式，設(shè)計風格和交互體驗上均可保持統(tǒng)一
（2）可用性：對于用戶操作，可以保證最基本的可理解性和可操作性
（3）審美性：符合基本審美標準，雖不會很亮眼，但也不會很難看
3 . 設(shè)計師要「沉淀」業(yè)務(wù)組件
B 端設(shè)計師可以嘗試沉淀有針對性的業(yè)務(wù)組件。很多業(yè)務(wù)領(lǐng)域有其獨特性，比如金融類組件和政務(wù)類的產(chǎn)品頁面列表內(nèi)容就有很大區(qū)別。單一的元素組件在應(yīng)用的過程中是可以被再次組合和沉淀的。
舉個例子，我在做業(yè)務(wù)需求設(shè)計時，相比于 Ant Design，其實更常用的是 TechUI —— 它是建立在 Ant Design 基礎(chǔ)上的、由我們螞蟻的設(shè)計師通過對業(yè)務(wù)需求的提煉、組合和封裝，做成的一套屬于螞蟻自己的【業(yè)務(wù)組件】。
二者的區(qū)別是：
- Ant Design：是所有人的，是通用的，是單一的原子級別的（比如一個輸入框）組件。
- TechUI：是螞蟻自己的，是私有的，是組合的區(qū)塊級別的（比如一整個表單）組件，更具備螞蟻集團自己的業(yè)務(wù)屬性。
針對你公司不同業(yè)務(wù)類型，沉淀出不同種類的區(qū)塊級別的組件，這類組件使用起來也會更加得心應(yīng)手、加倍提效。這也是 B 端設(shè)計師可以去學習和精進的一點。
4 . 設(shè)計師要「洞察」業(yè)務(wù)訴求
使用組件，可以讓設(shè)計師把節(jié)約出來的時間和精力放到更多有價值的工作上去。作為 Ant Design 的設(shè)計師之一，坦白的說，即使你的設(shè)計稿全部使用了 Ant Design 的組件搭建，最終的頁面效果也仍不完善，在用戶體驗上始終可以更進一步。
B 端設(shè)計師應(yīng)該更多去關(guān)注對用戶需求和業(yè)務(wù)邏輯的深入挖掘，不僅僅是在界面細節(jié)的表現(xiàn)手法上下功夫，還要學會站在全局，用系統(tǒng)性思維看待每一個項目，為整個產(chǎn)品的系統(tǒng)流程做優(yōu)化，做更全面的產(chǎn)品體驗升級。
5 . 設(shè)計師要「放眼」B 端未來
隨著技術(shù)的發(fā)展和迭代，B 端產(chǎn)品的發(fā)展也呈現(xiàn)出多元化趨勢。我列舉以下幾個方面，用于思考和拓展設(shè)計師的邊界：
（1）承載媒介：多端化設(shè)計需求增多
B 端產(chǎn)品的應(yīng)用領(lǐng)域日漸廣泛，各類終端設(shè)備普及，設(shè)計師需要更多的探索設(shè)備的應(yīng)用場景。如點餐系統(tǒng)、收銀系統(tǒng)、AR、VR 應(yīng)用等等，最近鴻蒙系統(tǒng)中演示的多端聯(lián)動，也可能是未來的趨勢之一。
（2）工作流程：中臺策略 / 組件化設(shè)計
它是一種提效的工作方法。中臺策略適用于公司層面，我們上文提到的組件化設(shè)計更適用于團隊。
（3）用戶體驗：重視用戶個性化和體驗
B 端設(shè)計越來越重視用戶體驗，提供個性化的配置方式，并考慮無障礙設(shè)計領(lǐng)域。很多 B 端的應(yīng)用和業(yè)務(wù)也在逐步開放給 C 端。 例如企業(yè)微信在 2019 年打通了個人微信和企業(yè)微信的壁壘，釘釘從 2020 年也開始在 C 端發(fā)力。
（4）視覺表現(xiàn)：數(shù)據(jù)可視化設(shè)計
需求多來源于政府、企業(yè)的定制化需求，更偏向于對數(shù)據(jù)呈現(xiàn)效果的打磨和優(yōu)化，能夠展示和分析數(shù)據(jù)中的關(guān)鍵內(nèi)容，形式與內(nèi)容需要高度一致，才會達到良好的展示效果。
原文鏈接：長弓小子（公眾號）
作者：元堯
轉(zhuǎn)載請注明：學UI網(wǎng)》組件庫可以替代 B 端設(shè)計師么？
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍藍設(shè)計( m.dzxscac.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。