自疫情以來，B端這一領(lǐng)域就備受行業(yè)關(guān)注。本文作者結(jié)合自身B端用戶體驗設(shè)計的經(jīng)驗，基于2021年設(shè)計形式，與大家一同探討2022年B端行業(yè)設(shè)計的視覺趨勢與產(chǎn)品趨勢。其中涉及3D設(shè)計風(fēng)格、新擬態(tài)、低代碼定制化等多方面的概念及案例，推薦小伙伴們閱讀學(xué)習(xí)～

在2020年，疫情最為嚴峻的時候，B端這一領(lǐng)域得到了前所未有的關(guān)注，而那時，身為B端用戶體驗設(shè)計師的我，也曾總結(jié)過，當時B端設(shè)計的諸多趨勢。比如：

• 多端需求桌面端、平板端、移動端 的設(shè)計形式。
• 設(shè)計中臺：擁有更為統(tǒng)一的設(shè)計平臺，與這兩年討論較多的設(shè)計資產(chǎn)相同，都是起到快速協(xié)作的作用。

隨著2022年的到來，B端行業(yè)又會迎來哪些新的機會？今天我們就從整個的B端入手，回顧一下2021年的設(shè)計形式，展望一下2022年的設(shè)計趨勢？當然趨勢完全是我自己個人主觀理解，僅供參考，如有異議，以你為準~

完整的趨勢，我們會分為視覺趨勢與產(chǎn)品趨勢。

視覺趨勢：主要圍繞設(shè)計當中的細節(jié)展開，比如圖標、色彩、字體、插畫等。

產(chǎn)品趨勢：主要是了解不同的B端產(chǎn)品當中究竟有哪些發(fā)展形式，對于設(shè)計師又會產(chǎn)生何種影響？

一、視覺趨勢

1. 3D設(shè)計風(fēng)格

雖然 3D化 的視覺風(fēng)格早已到來，但是在B端市場上，3D風(fēng)格在此之前依舊表現(xiàn)的十分克制。

隨著 C4D、Blender 這些 3D 建模軟件的不斷普及，再加上互聯(lián)網(wǎng)上關(guān)于 3D 建模教程的增多，你會發(fā)現(xiàn) 3D 風(fēng)格的視覺表現(xiàn)，是一個 B端視覺設(shè)計師 的基本要求。

而3D風(fēng)格用在B端軟件當中，會有兩個使用場景。

（1）圖標

因為在B端產(chǎn)品當中，圖標本身就是非常難以去表現(xiàn)，比如“物聯(lián)網(wǎng)，大數(shù)據(jù)”。

許多的抽象詞匯，很難通過一個具象的事物進行表達，而在企業(yè)官網(wǎng)當中，在視覺表現(xiàn)上的要求又十分的高。因此你會發(fā)現(xiàn)，在視覺風(fēng)格上的選擇，往往只有 3D 圖標 + 插畫 這一條路。

并且 3D 圖標的使用場景不會太過于局限，也可以用于產(chǎn)品的工作臺、運營營銷工具箱 等頁面，因此 3D 圖標的出現(xiàn)，它的應(yīng)用場景也會相比之前 要更加的廣闊。

（2）可視化大屏

大屏設(shè)計 也在不斷的“內(nèi)卷”，因為傳統(tǒng)的 2D 可視化大屏 所搭建出來的大屏已經(jīng)滿足不了企業(yè)的野心， 像DataV 騰訊云圖 ，大家都在朝著 3D風(fēng)格 炫酷的方向進行延展，因此也就會導(dǎo)致 3D 的視覺風(fēng)格需求 激增，而 3D 建模仿佛就是大勢所趨。

2. 新擬態(tài)

雖然新擬態(tài)是在前兩年的產(chǎn)物。這個設(shè)計風(fēng)格背后，遭到了很多設(shè)計師的質(zhì)疑與排擠。

但是隨著這個風(fēng)格的不斷成熟，感覺它在B端視覺領(lǐng)域（特指的是 官網(wǎng) ），是非常受到歡迎的，因為整體的風(fēng)格，與官網(wǎng)的設(shè)計形式趨同。

同時作為B端產(chǎn)品的官網(wǎng)，其實是更需要新擬態(tài)這種風(fēng)格。因為電腦場景下鼠標光標對頁面進行 Hover 操作 給出的真實反饋，而使用了新擬態(tài)的官網(wǎng)按鈕，給你的反饋非常真實。

這里安利一下騰訊云的首頁官網(wǎng)，大家就會發(fā)現(xiàn)在設(shè)計風(fēng)格上，大量的采取了新擬態(tài)元素，并且配合 3D 風(fēng)格的圖標，以及毛玻璃材質(zhì)的設(shè)計，讓它的設(shè)計瞬間加分不少。

3.開源的設(shè)計系統(tǒng)

在去年，設(shè)計系統(tǒng)迎來了一波發(fā)展的高峰期，隨著字節(jié)、騰訊，三大設(shè)計系統(tǒng)（Arco Design、TDesign、Semi Design）的開源，其實是給我們很多B端設(shè)計初學(xué)者，有了更加完整仔細的B端入門教程。

比如 Arco Design 的組件用法。

就清晰的講清楚了每一個組件的使用方式，以及注意事項，仔細閱讀這里面的內(nèi)容，其實就是B端設(shè)計的入門學(xué)習(xí)。

而未來，國內(nèi)的環(huán)境，開源的系統(tǒng)也會越來越多，大家可以針對這幾大類不同的設(shè)計系統(tǒng)，進行對比，或許會有一番收獲。

二、產(chǎn)品趨勢

1. 超級app

這里的超級app 可能和大家潛意識里的支付寶、微信這些軟件不太一樣。

在B端行業(yè)，隨著疫情的不斷擴散、再加上了兩年時間的發(fā)展，很多B端產(chǎn)品的功能架構(gòu)都出現(xiàn)了一個現(xiàn)象，產(chǎn)品的功能開始變得非常擁擠。因為B端軟件的核心價值其實就是靠著一個又一個功能去累積，也就意味著隨著B端產(chǎn)品的發(fā)展，功能模塊在不斷的累積，導(dǎo)致在設(shè)計層面，這樣的現(xiàn)象變得更加嚴峻。

你會發(fā)現(xiàn)左側(cè)的導(dǎo)航菜單已經(jīng)完全沒有辦法裝下這些導(dǎo)航內(nèi)容，而這一現(xiàn)象也反映在很多產(chǎn)品當中，比如我了解的 飛書管理后臺、薪人薪事 等等諸多B端產(chǎn)品，它們在整個導(dǎo)航內(nèi)容上，已經(jīng)增加到一級導(dǎo)航 15+ 、二級導(dǎo)航 40+ ，這無疑會開始對設(shè)計師的能力造成巨大考驗。

面對這一情況，許多導(dǎo)航菜單都將會迎來前所未有的挑戰(zhàn)，最近也在深入研究導(dǎo)航菜單過多時的解決辦法，發(fā)現(xiàn)了一些新的導(dǎo)航菜單設(shè)計方法，有機會咱們重新梳理一下導(dǎo)航菜單的內(nèi)容，將B端設(shè)計指南文章進行更新。

2. 低代碼定制化

低代碼一直是我關(guān)注的一個領(lǐng)域，先給不明白低代碼的同學(xué)簡單科普一下。

低代碼，一種快速開發(fā)應(yīng)用的軟件，將通用、可重復(fù)利用的代碼形成組件化的模塊，通過圖形化的界面來拖拽組件并形成應(yīng)用。低代碼能夠?qū)崿F(xiàn)只寫少量代碼或不寫代碼，類似用“樂高積木”的方式來開發(fā)。

在國外有很多著名的低代碼成功案例。Outsystems（國外非常出名的低代碼平臺）幫助施耐德電氣在20個月內(nèi)推出了60款應(yīng)用程序，開發(fā)過程加速了兩倍，僅在第一年就節(jié)省了650人天的工作量；在2012年即將推出Model S之際，特斯拉放棄了SAP的ERP產(chǎn)品（可以思考一下為什么），改用低代碼開發(fā)平臺Mendix，用25個人四個月時間自建ERP系統(tǒng)

去年，低代碼平臺，也有很多新產(chǎn)品面世，其中就包含。

因此你會發(fā)現(xiàn)，其實低代碼就是在解決一件事，圍繞著某一個業(yè)務(wù)場景，通過平臺的持續(xù)完善優(yōu)化。

讓所有的功能都能圍繞這個業(yè)務(wù)展開，其中包括：權(quán)限、時間軸、流程、表單、公式等等，能夠解決很多特殊的業(yè)務(wù)場景。

而低代碼會涉及到設(shè)計思路上的轉(zhuǎn)變，以及低代碼編輯器的出現(xiàn)，如何去設(shè)計如此復(fù)雜的配置流程，如何能夠讓用戶能夠快速上手，如果你能夠有比較完整的思路，這些都會成為我們設(shè)計的新機會。

3. 行業(yè)細分

隨著互聯(lián)網(wǎng)市場的不斷發(fā)展，用戶會越來越關(guān)注產(chǎn)品在自己行業(yè)的應(yīng)用，比如CRM，其實只是一個籠統(tǒng)的稱呼，現(xiàn)在CRM市場又會分為 SCRM、運營CRM，等諸多產(chǎn)品。
PaaS類的平臺也出現(xiàn)了 負責(zé)從虛擬主機和數(shù)據(jù)庫層面入手的 iPaaS 以及 從應(yīng)用和數(shù)據(jù)層面入手的 aPaaS

即使是大家經(jīng)常使用的 釘釘、企微、飛書，它們也在各自的領(lǐng)域有所擅長。

因為B端產(chǎn)品，在底層邏輯上是不能允許趨同的產(chǎn)品出現(xiàn)，如果你和別人的產(chǎn)品一樣，其實是沒有辦法在目前的市場上立足。

因此你會發(fā)現(xiàn)，雖然產(chǎn)品形式都會比較相同，但是B端市場十分廣闊，大家都在去尋找自己產(chǎn)品的差異化。

當然市場是瞬息萬變的，這里也只是簡單聊聊我自己的看法，希望對你有所幫助。

作者：CE青年，2B行業(yè)的2B設(shè)計師；公眾號：CeDesign

本文由 @CE青年 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議。