Bs界面設計之一:從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

2022-6-13    博博


前言:


在 2020 年,疫情最為嚴峻的時候,B 端這一領域得到了前所未有的關注,而那時,身為 B 端用戶體驗設計師的我,也曾總結過,當時 B 端設計的諸多趨勢,比如:

多端需求:即桌面端、平板端、移動端的設計形式

設計中臺:擁有更為統一的設計平臺,與這兩年討論較多的設計資產相同,都是起到快速協作的作用

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

完整的趨勢,我們會分為視覺趨勢與產品趨勢:

  1. 視覺趨勢:主要圍繞設計當中的細節(jié)展開,比如圖標、色彩、字體、插畫等
  2. 產品趨勢:主要是了解不同的 B 端產品當中究竟有哪些發(fā)展形式,對于設計師又會產生何種影響?


視覺趨勢

1. 3D 設計風格

雖然 3D 化的視覺風格早已到來,但是在 B 端市場上,3D 風格在此之前依舊表現的十分克制。隨著 C4D、Blender 這些 3D 建模軟件的不斷普及,再加上互聯網上關于 3D 建模教程的增多,你會發(fā)現 3D 風格的視覺表現,是一個 B 端視覺設計師的基本要求。

而 3D 風格用在 B 端軟件當中,會有兩個使用場景:

圖標

因為在 B 端產品當中,圖標本身就是非常難以去表現,比如“物聯網,大數據”,許多抽象詞匯很難通過一個具象的事物進行表達,而在企業(yè)官網當中,在視覺表現上的要求又十分的高。因此你會發(fā)現,在視覺風格上的選擇,往往只有 3D 圖標 + 插畫這一條路。

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

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

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

可視化大屏

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

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

2. 新擬態(tài)

雖然新擬態(tài)是在前兩年的產物。這個設計風格背后,遭到了很多設計師的質疑與排擠。但是隨著這個風格的不斷成熟,感覺它在 B 端視覺領域(特指的是官網 ),是非常受歡迎的,因為整體的風格,與官網的設計形式趨同。

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

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

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

3. 開源的設計系統

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

比如 Arco Design 的組件用法 https://arco.design/docs/spec/link

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

清晰的講解了每一個組件的使用方式,以及注意事項,仔細閱讀這里面的內容,其實就是 B 端設計的入門學習。而未來,國內的環(huán)境,開源的系統也會越來越多,大家可以針對這幾大類不同的設計系統進行對比,或許會有一番收獲。


產品趨勢

4. 超級 app

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

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

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

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

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

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

低代碼定制化

低代碼一直是我關注的一個領域,先給不明白低代碼的同學簡單科普一下。

低代碼,一種快速開發(fā)應用的軟件,將通用、可重復利用的代碼形成組件化的模塊,通過圖形化的界面來拖拽組件并形成應用。低代碼能夠實現只寫少量代碼或不寫代碼,類似用“樂高積木”的方式來開發(fā)。

在國外有很多著名的低代碼成功案例。Outsystems(國外非常出名的低代碼平臺)幫助施耐德電氣在 20 個月內推出了 60 款應用程序,開發(fā)過程加速了兩倍;在 2012 年即將推出 Model S 之際,特斯拉放棄了 SAP 的 ERP 產品(可以思考一下為什么),改用低代碼開發(fā)平臺 Mendix,用 25 個人四個月時間自建 ERP 系統。

去年,低代碼平臺,也有很多新產品面世,其中就包含:

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

因此你會發(fā)現,其實低代碼就是在解決一件事,圍繞著某一個業(yè)務場景,通過平臺的持續(xù)完善優(yōu)化。讓所有的功能都能圍繞這個業(yè)務展開,其中包括:權限、時間軸、流程、表單、公式等等,能夠解決很多特殊的業(yè)務場景。而低代碼會涉及到設計思路上的轉變,以及低代碼編輯器的出現,如何去設計如此復雜的配置流程,如何讓用戶能夠快速上手,如果你能夠有比較完整的思路,這些都會成為我們設計的新機會。

行業(yè)細分

隨著互聯網市場的不斷發(fā)展,用戶會越來越關注產品在自己行業(yè)的應用,比如 CRM,其實只是一個籠統的稱呼,現在 CRM 市場又會分為 SCRM、運營 CRM,等諸多產品。

SaaS 類的平臺也出現了負責從虛擬主機和數據庫層面入手的 iPaaS 以及從應用和數據層面入手的 aPaaS。

即使是大家經常使用的 釘釘、企微、飛書,它們也在各自的領域有所擅長。

從視覺產品兩方面,分析2022年B端設計的發(fā)展趨勢

因為 B 端產品,在底層邏輯上是不能允許趨同的產品出現,如果你和別人的產品一樣,其實是沒有辦法在目前的市場上立足。因此你會發(fā)現,雖然產品形式都會比較相同,但是 B 端市場十分廣闊,大家都在去尋找自己產品的差異化。

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

作者:CE青年

轉載請注明:優(yōu)設網

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計m.820esy.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


更多精彩文章:






分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.820esy.cn

存檔