在今天，B 端設(shè)計(jì)師的價(jià)值在哪來?

這是早就想聊一聊的話題了，最近咨詢和討論的數(shù)量有點(diǎn)多，就展開來說一下自己的看法好了。

B端設(shè)計(jì)師，是什么設(shè)計(jì)師

探討價(jià)值之前，先明確一遍，B 端設(shè)計(jì)師是在設(shè)計(jì)什么東西的設(shè)計(jì)師。

C 端設(shè)計(jì)是面向一般用戶、消費(fèi)者的界面設(shè)計(jì)，而 B 端設(shè)計(jì)，是面向企業(yè)側(cè)、商業(yè)用戶的界面設(shè)計(jì)。

這實(shí)際上是一個(gè)很模糊的概念，常規(guī)語境下，C 端泛指手機(jī)移動端 APP 產(chǎn)品，B 端指 PC 端網(wǎng)頁管理系統(tǒng)。

這是很不嚴(yán)謹(jǐn)?shù)恼f法，面向企業(yè)產(chǎn)品的設(shè)計(jì)，并不是只有 PC 端網(wǎng)頁系統(tǒng)，還包含：定制數(shù)據(jù)可視化系統(tǒng)、電腦客戶端、定制終端系統(tǒng)、移動端 APP。

每個(gè)領(lǐng)域的設(shè)計(jì)，都包含了不同的規(guī)范、要求、知識點(diǎn)，尤其是近幾年開始大火的數(shù)據(jù)可視化設(shè)計(jì)，融合了越來越多不同的渲染、前端、交互內(nèi)容，可以說完全是一門全新的科目。

當(dāng)然，在我們?nèi)粘９ぷ骼?，一般不會覆蓋所有的類型，應(yīng)用最廣、需求最大的，必然還是網(wǎng)頁管理系統(tǒng)。也是我們今天討論的重點(diǎn)。

理論上，一套網(wǎng)頁管理系統(tǒng)，不會是我們直接敲代碼來進(jìn)行控制的，必然要設(shè)計(jì)出對應(yīng)的界面，交互元素，讓用戶通過圖形界面進(jìn)行操作。

既然有圖形界面，那就需要設(shè)計(jì)師通過他們的專業(yè)技能來完成，輸出并提交美觀、易用的界面。一套專業(yè)的系統(tǒng)界面，還應(yīng)該包含優(yōu)秀的細(xì)節(jié)設(shè)計(jì)、設(shè)計(jì)規(guī)范、交互動效。

所以梳理一下，B 端設(shè)計(jì)師的工作，比較普遍的理解，就是面對企業(yè)、B 端的用戶設(shè)計(jì)系統(tǒng)界面，專業(yè)的 B 端設(shè)計(jì)師，就是能提供更優(yōu)秀的系統(tǒng)規(guī)范、設(shè)計(jì)細(xì)節(jié)和文檔。

哦對了，最多再加上適當(dāng)?shù)慕换ニ悸泛蜆?biāo)注、切圖。

這么理解，就結(jié)束了嘛?

B端設(shè)計(jì)師的困境

如果我們在 B 端的工作，只是做做界面，切切圖，那可就是真正的快樂星球了。但是，現(xiàn)實(shí)世界的發(fā)展總是不會順著我們的愿望展開。

對我們工作造成最大困擾的原因，總結(jié)起來有 2 個(gè)，開源系統(tǒng)的完善以及工作環(huán)境的簡陋。

開源系統(tǒng)，即公開免費(fèi)的系統(tǒng)代碼，可以直接下載或者復(fù)制黏貼進(jìn)自己的項(xiàng)目中去。這類項(xiàng)目的作用，就是幫助程序員不在項(xiàng)目的開發(fā)過程中重復(fù)造輪子，一些基礎(chǔ)的框架、功能已經(jīng)提前實(shí)現(xiàn)，程序員只要專心投入到業(yè)務(wù)功能的實(shí)現(xiàn)中即可。

比如一個(gè)下拉菜單，如果重新編寫，就要定義默認(rèn)、選中、點(diǎn)擊、禁用等功能，以及彈出層的層級關(guān)系、交互動畫。

雖然做著是不復(fù)雜，但一個(gè)項(xiàng)目可能包含幾十上百個(gè)同級別的操作模塊，每個(gè)重頭做一遍，那工作量就太感人了，007 都頂不住，程序員的頭頂也就不會再生華發(fā)的……

所以，使用開源項(xiàng)目代碼是 B 端項(xiàng)目中普遍、合理、正常的情況。也因?yàn)?B 端項(xiàng)目需求的持續(xù)增長，對應(yīng)的開源系統(tǒng)也越來越豐富，越來越專業(yè)。

國內(nèi)最常用的兩套 B 端管理系統(tǒng)框架，就包含 AntDesign 和 Element Design 了，其它還包含貝殼找房的 Ke.Design，京東的 Nut.UI，iView UI、Vant UI 等等，更不用提國外以 Bootstrap 和 Anglar 為首的對應(yīng)框架了。

這些開源系統(tǒng)，可不是只覆蓋了框架、代碼、組件這么簡單，還包含界面版式、視覺、色彩、圖標(biāo)和動效。

可以理解，相對業(yè)務(wù)代碼的不確定性，設(shè)計(jì)內(nèi)容相對就固定得多，這讓開源項(xiàng)目可以極盡所能的提供所有可以想到的視覺內(nèi)容。

不管是你想到的，沒想到的，系統(tǒng)都已經(jīng)幫你定制好了，使用規(guī)范、素材一樣不落。比如一個(gè)走馬燈控件，Ant 就提供了上下左右四種狀態(tài)，這在自己的項(xiàng)目里是不可能做到這個(gè)程度的。

系統(tǒng)設(shè)計(jì)組件庫如此之全，我們只要動動手從下面素材中復(fù)制黏貼，就可以做好一個(gè) CVS(復(fù)制黏貼保存) 俠，快速產(chǎn)出視覺頁面了，每天準(zhǔn)點(diǎn)下班，生活樂無邊，天天曬照片……

但凡在真實(shí)工作里經(jīng)歷過這種操作的設(shè)計(jì)師，都會很快開始焦慮起來，因?yàn)楣ぷ鞯膬?nèi)容實(shí)在是太 “簡單” 了，毫無技術(shù)難度。這個(gè)過程不怎么需要我們做設(shè)計(jì)，只是在重復(fù)的進(jìn)行排版，拼貼，即使是個(gè)程序員自學(xué)幾個(gè)小時(shí)，也可以完成相同的工作。

那么作為 B 端設(shè)計(jì)師存在的價(jià)值是什么，一個(gè)熟練的貼素材工具人?

這個(gè)問題不僅是你會這么想，一般公司的老板、團(tuán)隊(duì)成員，也會那么想。B 端項(xiàng)目開發(fā)需求雖然旺盛，但是從業(yè)人員的相關(guān)專業(yè)性卻并不理想。

當(dāng) B 端設(shè)計(jì)師被搭上素材拼接工具人標(biāo)簽的時(shí)候，那么團(tuán)隊(duì)自然不可能提供相關(guān)的尊重，再配上團(tuán)隊(duì)成員自己對項(xiàng)目管理半吊子，對交互、設(shè)計(jì)理解也很膚淺，共同作用出惡劣的 B 設(shè)計(jì)生存環(huán)境。

比如，產(chǎn)品經(jīng)理不找你一起開需求評審會議，只丟給你一沓原型，讓你什么都不用問，直接用組件庫拼出來就行了?；蛘吣阈列量嗫嘧鐾甑脑瓌?chuàng)頁面和交互，開發(fā)直接在前段布局過程根據(jù)系統(tǒng)提供的自己替換掉，也不和你打招呼。

或者，因?yàn)樵O(shè)計(jì)的工作 “太簡單”，總感覺你的時(shí)間特別有盈余，那還招個(gè)產(chǎn)品經(jīng)理干嘛，你就是真·產(chǎn)品設(shè)計(jì)。除了界面的工作外，順便去整理整理產(chǎn)品需求(雖然你并不會)，或者和老板/開發(fā)/銷售/運(yùn)營溝通制定產(chǎn)品框架、功能服務(wù)，雙倍的快樂。

如此總總，B 端設(shè)計(jì)師在項(xiàng)目中的地位越來越低，不僅沒有話語權(quán)也沒有什么實(shí)質(zhì)性的產(chǎn)出。那么我們的價(jià)值何在?

這個(gè)行業(yè)是不是僅僅需要美工而已?

結(jié)語

留個(gè)懸念給大家討論，可以把想法和經(jīng)歷寫到評論區(qū)中。

下篇請點(diǎn)擊：B端設(shè)計(jì)師的價(jià)值在哪里?來看總監(jiān)級的分析(下)