2022年,B端設(shè)計的趨勢有哪些?

2022-11-15    seo達(dá)人

視覺趨勢

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端軟件當(dāng)中,會有兩個使用場景:

 

圖標(biāo)

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

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

圖片

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

圖片

 

可視化大屏

大屏設(shè)計 也在不斷的“內(nèi)卷”,因為傳統(tǒng)的 2D 可視化大屏 所搭建出來的大屏已經(jīng)滿足不了企業(yè)的野心, 像DataV 騰訊云圖 ,大家都在朝著 3D風(fēng)格 炫酷的方向進(jìn)行延展,因此也就會導(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)格。因為電腦場景下鼠標(biāo)光標(biāo)對頁面進(jìn)行 Hover 操作 給出的真實反饋,而使用了新擬態(tài)的官網(wǎng)按鈕,給你的反饋非常真實。

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

圖片

 

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

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

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

圖片

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

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

 

產(chǎn)品趨勢

超級app

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

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

你會發(fā)現(xiàn)左側(cè)的導(dǎo)航菜單已經(jīng)完全沒有辦法裝下這些導(dǎo)航內(nèi)容,而這一現(xiàn)象也反映在很多產(chǎn)品當(dāng)中,比如我了解的 飛書管理后臺、薪人薪事 等等諸多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è)計指南 文章進(jìn)行更新。

圖片

 

低代碼定制化

低代碼一直是我關(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è)計的新機會。

 

行業(yè)細(xì)分

隨著互聯(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)了 負(fù)責(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)品的差異化。

當(dāng)然市場是瞬息萬變的,這里也只是簡單聊聊我自己的看法,希望對你有所幫助。最近拖更確實比較厲害,準(zhǔn)備之后幾天給大家抽些書,可以多留意留意公眾號的文章。


作者:CE青年

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》2022年,B端設(shè)計的趨勢有哪些?


藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



分享本文至:

日歷

鏈接

個人資料

存檔