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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結(jié)語(yǔ)

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

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