当前位置:首页 >> 百科

从视觉产品两方面 ,分析2022年B端设计的发展趋势

在 2020 年 ,从视疫情最为严峻的觉产计时候,B 端这一领域得到了前所未有的品两关注 ,而那时,面分析发展身为 B 端用户体验设计师的端设我,也曾总结过,趋势当时 B 端设计的从视诸多趋势 ,比如:

多端需求:即桌面端 、觉产计平板端 、品两移动端的面分析发展设计形式

设计中台:拥有更为统一的设计平台 ,与这两年讨论较多的端设设计资产相同 ,都是趋势起到快速协作的作用

随着 2022 年的到来,B 端行业又会迎来哪些新的从视机会 ?今天我们就从整个的 B 端入手,回顾一下 2021 年的觉产计设计形式 ,展望一下 2022 年的品两设计趋势。当然趋势完全是我自己个人主观理解,仅供参考 ,如有异议 ,以你为准~

完整的趋势,我们会分为视觉趋势与产品趋势:

  1. 视觉趋势:主要围绕设计当中的细节展开 ,比如图标  、色彩、字体 、插画等
  2. 产品趋势 :主要是了解不同的 B 端产品当中究竟有哪些发展形式,对于设计师又会产生何种影响?

视觉趋势

1. 3D 设计风格

虽然 3D 化的视觉风格早已到来 ,但是在 B 端市场上 ,3D 风格在此之前依旧表现的十分克制。随着 C4D 、Blender 这些 3D 建模软件的不断普及 ,再加上互联网上关于 3D 建模教程的增多  ,你会发现 3D 风格的视觉表现 ,是一个 B 端视觉设计师的基本要求 。

而 3D 风格用在 B 端软件当中 ,会有两个使用场景 :

图标

因为在 B 端产品当中,图标本身就是非常难以去表现,比如"物联网,大数据",许多抽象词汇很难通过一个具象的事物进行表达,而在企业官网当中,在视觉表现上的要求又十分的高 。因此你会发现,在视觉风格上的选择 ,往往只有 3D 图标 + 插画这一条路 。

从视觉产品两方面
,分析2022年B端设计的发展趋势

并且 3D 图标的使用场景不会太过于局限,也可以用于产品的工作台、运营营销工具箱等页面,因此 3D 图标的出现 ,它的应用场景也会相比之前要更加的广阔。

从视觉产品两方面
,分析2022年B端设计的发展趋势

可视化大屏

大屏设计也在不断的"内卷"  ,因为传统的 2D 可视化大屏所搭建出来的大屏已经满足不了企业的野心, 像 DataV 腾讯云图 ,大家都在朝着 3D 风格,炫酷的方向进行延展 ,因此也就会导致 3D 的视觉风格需求激增 ,而 3D 建模仿佛就是大势所趋 。

从视觉产品两方面,分析2022年B端设计的发展趋势

2. 新拟态

虽然新拟态是在前两年的产物 。这个设计风格背后,遭到了很多设计师的质疑与排挤。但是随着这个风格的不断成熟,感觉它在 B 端视觉领域(特指的是官网 ) ,是非常受欢迎的,因为整体的风格,与官网的设计形式趋同。

同时作为 B 端产品的官网,其实是更需要新拟态这种风格 。因为电脑场景下鼠标光标对页面进行 Hover 操作给出的真实反馈,而使用了新拟态的官网按钮 ,给你的反馈非常真实。

这里安利一下腾讯云的首页官网 ,大家就会发现在设计风格上大量的采取了新拟态元素,并且配合 3D 风格的图标 ,以及毛玻璃材质的设计 ,让它的设计瞬间加分不少。

从视觉产品两方面
,分析2022年B端设计的发展趋势

3. 开源的设计系统

在去年,设计系统迎来了一波发展的高峰期 ,随着字节、腾讯,三大设计系统(Arco Design 、TDesign、Semi Design)的开源 ,其实是给我们很多 B 端设计初学者,有了更加完整仔细的 B 端入门教程。

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

从视觉产品两方面,分析2022年B端设计的发展趋势

清晰的讲解了每一个组件的使用方式 ,以及注意事项 ,仔细阅读这里面的内容 ,其实就是 B 端设计的入门学习。而未来,国内的环境 ,开源的系统也会越来越多 ,大家可以针对这几大类不同的设计系统进行对比,或许会有一番收获 。

产品趋势

4. 超级 app

这里的超级 app 可能和大家潜意识里的支付宝、微信这些软件不太一样

在 B 端行业 ,随着疫情的不断扩散 、再加上两年时间的发展 ,很多 B 端产品的功能架构都出现了一个现象,产品的功能开始变得非常拥挤。因为 B 端软件的核心价值其实就是靠着一个又一个功能去累积 ,也就意味着随着 B 端产品的发展 ,功能模块在不断的累积 ,导致在设计层面,这样的现象变得更加严峻。

你会发现左侧的导航菜单已经完全没有办法装下这些导航内容 ,而这一现象也反映在很多产品当中 ,比如我了解的飞书管理后台  、薪人薪事 等等诸多 B 端产品 ,它们在整个导航内容上 ,已经增加到一级导航 15+ 、二级导航 40+  ,这无疑会开始对设计师的能力造成巨大考验。

从视觉产品两方面,分析2022年B端设计的发展趋势

面对这一情况 ,许多导航菜单都将会迎来前所未有的挑战 ,最近也在深入研究导航菜单过多时的解决办法 ,发现了一些新的导航菜单设计方法 ,有机会咱们重新梳理一下导航菜单的内容,将 B 端设计指南文章进行更新 。

从视觉产品两方面
,分析2022年B端设计的发展趋势

低代码定制化

低代码一直是我关注的一个领域 ,先给不明白低代码的同学简单科普一下。

低代码,一种快速开发应用的软件,将通用 、可重复利用的代码形成组件化的模块,通过图形化的界面来拖拽组件并形成应用。低代码能够实现只写少量代码或不写代码 ,类似用"乐高积木"的方式来开发。

在国外有很多著名的低代码成功案例 。Outsystems(国外非常出名的低代码平台)帮助施耐德电气在 20 个月内推出了 60 款应用程序 ,开发过程加速了两倍;在 2012 年即将推出 Model S 之际 ,特斯拉放弃了 SAP 的 ERP 产品(可以思考一下为什么),改用低代码开发平台 Mendix,用 25 个人四个月时间自建 ERP 系统。

去年  ,低代码平台 ,也有很多新产品面世 ,其中就包含 :

从视觉产品两方面,分析2022年B端设计的发展趋势

因此你会发现,其实低代码就是在解决一件事,围绕着某一个业务场景,通过平台的持续完善优化 。让所有的功能都能围绕这个业务展开 ,其中包括 :权限  、时间轴 、流程、表单 、公式等等 ,能够解决很多特殊的业务场景。而低代码会涉及到设计思路上的转变,以及低代码编辑器的出现 ,如何去设计如此复杂的配置流程 ,如何让用户能够快速上手 ,如果你能够有比较完整的思路 ,这些都会成为我们设计的新机会 。

行业细分

随着互联网市场的不断发展 ,用户会越来越关注产品在自己行业的应用 ,比如 CRM,其实只是一个笼统的称呼 ,现在 CRM 市场又会分为 SCRM、运营 CRM,等诸多产品 。

SaaS 类的平台也出现了负责从虚拟主机和数据库层面入手的 iPaaS 以及从应用和数据层面入手的 aPaaS 。

即使是大家经常使用的 钉钉  、企微、飞书,它们也在各自的领域有所擅长 。

从视觉产品两方面
,分析2022年B端设计的发展趋势

因为 B 端产品,在底层逻辑上是不能允许趋同的产品出现  ,如果你和别人的产品一样  ,其实是没有办法在目前的市场上立足。因此你会发现,虽然产品形式都会比较相同 ,但是 B 端市场十分广阔 ,大家都在去寻找自己产品的差异化。

当然市场是瞬息万变的,这里也只是简单聊聊我自己的看法,希望对你有所帮助。

CE青年交互设计

探索

在 2020 年 ,从视疫情最为严峻的觉产计时候,B 端这一领域得到了前所未有的品两关注 ,而那时,面分析发展身为 B 端用户体验设计师的端设我,也曾总结过,趋势当时 B 端设计的从视诸多趋势 ,比如:

多端需求:即桌面端 、觉产计平板端 、品两移动端的面分析发展设计形式

设计中台:拥有更为统一的设计平台 ,与这两年讨论较多的端设设计资产相同 ,都是趋势起到快速协作的作用

随着 2022 年的到来,B 端行业又会迎来哪些新的从视机会 ?今天我们就从整个的 B 端入手,回顾一下 2021 年的觉产计设计形式 ,展望一下 2022 年的品两设计趋势。当然趋势完全是我自己个人主观理解,仅供参考 ,如有异议 ,以你为准~

完整的趋势,我们会分为视觉趋势与产品趋势:

  1. 视觉趋势:主要围绕设计当中的细节展开 ,比如图标  、色彩、字体 、插画等
  2. 产品趋势 :主要是了解不同的 B 端产品当中究竟有哪些发展形式,对于设计师又会产生何种影响?

视觉趋势

1. 3D 设计风格

虽然 3D 化的视觉风格早已到来 ,但是在 B 端市场上 ,3D 风格在此之前依旧表现的十分克制。随着 C4D 、Blender 这些 3D 建模软件的不断普及 ,再加上互联网上关于 3D 建模教程的增多  ,你会发现 3D 风格的视觉表现 ,是一个 B 端视觉设计师的基本要求 。

而 3D 风格用在 B 端软件当中 ,会有两个使用场景 :

图标

因为在 B 端产品当中,图标本身就是非常难以去表现,比如"物联网,大数据",许多抽象词汇很难通过一个具象的事物进行表达,而在企业官网当中,在视觉表现上的要求又十分的高 。因此你会发现,在视觉风格上的选择 ,往往只有 3D 图标 + 插画这一条路 。

从视觉产品两方面
,分析2022年B端设计的发展趋势

并且 3D 图标的使用场景不会太过于局限,也可以用于产品的工作台、运营营销工具箱等页面,因此 3D 图标的出现 ,它的应用场景也会相比之前要更加的广阔。

从视觉产品两方面
,分析2022年B端设计的发展趋势

可视化大屏

大屏设计也在不断的"内卷"  ,因为传统的 2D 可视化大屏所搭建出来的大屏已经满足不了企业的野心, 像 DataV 腾讯云图 ,大家都在朝着 3D 风格,炫酷的方向进行延展 ,因此也就会导致 3D 的视觉风格需求激增 ,而 3D 建模仿佛就是大势所趋 。

从视觉产品两方面,分析2022年B端设计的发展趋势

2. 新拟态

虽然新拟态是在前两年的产物 。这个设计风格背后,遭到了很多设计师的质疑与排挤。但是随着这个风格的不断成熟,感觉它在 B 端视觉领域(特指的是官网 ) ,是非常受欢迎的,因为整体的风格,与官网的设计形式趋同。

同时作为 B 端产品的官网,其实是更需要新拟态这种风格 。因为电脑场景下鼠标光标对页面进行 Hover 操作给出的真实反馈,而使用了新拟态的官网按钮 ,给你的反馈非常真实。

这里安利一下腾讯云的首页官网 ,大家就会发现在设计风格上大量的采取了新拟态元素,并且配合 3D 风格的图标 ,以及毛玻璃材质的设计 ,让它的设计瞬间加分不少。

从视觉产品两方面
,分析2022年B端设计的发展趋势

3. 开源的设计系统

在去年,设计系统迎来了一波发展的高峰期 ,随着字节、腾讯,三大设计系统(Arco Design 、TDesign、Semi Design)的开源 ,其实是给我们很多 B 端设计初学者,有了更加完整仔细的 B 端入门教程。

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

从视觉产品两方面,分析2022年B端设计的发展趋势

清晰的讲解了每一个组件的使用方式 ,以及注意事项 ,仔细阅读这里面的内容 ,其实就是 B 端设计的入门学习。而未来,国内的环境 ,开源的系统也会越来越多 ,大家可以针对这几大类不同的设计系统进行对比,或许会有一番收获 。

产品趋势

4. 超级 app

这里的超级 app 可能和大家潜意识里的支付宝、微信这些软件不太一样

在 B 端行业 ,随着疫情的不断扩散 、再加上两年时间的发展 ,很多 B 端产品的功能架构都出现了一个现象,产品的功能开始变得非常拥挤。因为 B 端软件的核心价值其实就是靠着一个又一个功能去累积 ,也就意味着随着 B 端产品的发展 ,功能模块在不断的累积 ,导致在设计层面,这样的现象变得更加严峻。

你会发现左侧的导航菜单已经完全没有办法装下这些导航内容 ,而这一现象也反映在很多产品当中 ,比如我了解的飞书管理后台  、薪人薪事 等等诸多 B 端产品 ,它们在整个导航内容上 ,已经增加到一级导航 15+ 、二级导航 40+  ,这无疑会开始对设计师的能力造成巨大考验。

从视觉产品两方面,分析2022年B端设计的发展趋势

面对这一情况 ,许多导航菜单都将会迎来前所未有的挑战 ,最近也在深入研究导航菜单过多时的解决办法 ,发现了一些新的导航菜单设计方法 ,有机会咱们重新梳理一下导航菜单的内容,将 B 端设计指南文章进行更新 。

从视觉产品两方面
,分析2022年B端设计的发展趋势

低代码定制化

低代码一直是我关注的一个领域 ,先给不明白低代码的同学简单科普一下。

低代码,一种快速开发应用的软件,将通用 、可重复利用的代码形成组件化的模块,通过图形化的界面来拖拽组件并形成应用。低代码能够实现只写少量代码或不写代码 ,类似用"乐高积木"的方式来开发。

在国外有很多著名的低代码成功案例 。Outsystems(国外非常出名的低代码平台)帮助施耐德电气在 20 个月内推出了 60 款应用程序 ,开发过程加速了两倍;在 2012 年即将推出 Model S 之际 ,特斯拉放弃了 SAP 的 ERP 产品(可以思考一下为什么),改用低代码开发平台 Mendix,用 25 个人四个月时间自建 ERP 系统。

去年  ,低代码平台 ,也有很多新产品面世 ,其中就包含 :

从视觉产品两方面,分析2022年B端设计的发展趋势

因此你会发现,其实低代码就是在解决一件事,围绕着某一个业务场景,通过平台的持续完善优化 。让所有的功能都能围绕这个业务展开 ,其中包括 :权限  、时间轴 、流程、表单 、公式等等 ,能够解决很多特殊的业务场景。而低代码会涉及到设计思路上的转变,以及低代码编辑器的出现 ,如何去设计如此复杂的配置流程 ,如何让用户能够快速上手 ,如果你能够有比较完整的思路 ,这些都会成为我们设计的新机会 。

行业细分

随着互联网市场的不断发展 ,用户会越来越关注产品在自己行业的应用 ,比如 CRM,其实只是一个笼统的称呼 ,现在 CRM 市场又会分为 SCRM、运营 CRM,等诸多产品 。

SaaS 类的平台也出现了负责从虚拟主机和数据库层面入手的 iPaaS 以及从应用和数据层面入手的 aPaaS 。

即使是大家经常使用的 钉钉  、企微、飞书,它们也在各自的领域有所擅长 。

从视觉产品两方面
,分析2022年B端设计的发展趋势

因为 B 端产品,在底层逻辑上是不能允许趋同的产品出现  ,如果你和别人的产品一样  ,其实是没有办法在目前的市场上立足。因此你会发现,虽然产品形式都会比较相同 ,但是 B 端市场十分广阔 ,大家都在去寻找自己产品的差异化。

当然市场是瞬息万变的,这里也只是简单聊聊我自己的看法,希望对你有所帮助。

CE青年交互设计


{dede:include filename="menu.htm"/}