从视觉产品两方面,分析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青年交互设计

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/232057.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2023年3月1日 12:07
下一篇 2023年3月1日 12:08

相关推荐

  • 大厂出品!写给UI设计师的交互自学指南。

    编者按:本文从启蒙、基础、强化、进阶4个方面,列举了UI设计师学习交互的路径和方法。一、为什么 UI 设计师要懂交互?近几年的互联网市场,有不少公司提出了"全链路设计师"、"用户体验设计师&quo...

    2023年3月7日 SEO操作
    04
  • 用一个实战案例,帮你快速掌握2.5D插画的设计流程。

    本文结合个人平时在画 2.5D 元素时的绘画过程经验,总结了这份 2.5D 设计的思路教程,希望可以帮助到大家,共同进步。如果有写得不是很到位的地方,希望大家可以理解,有自己想法的我们一起讨论寻找更好的、更便...

    2023年3月2日 SEO操作
    05
  • 中西方电商网站设计有哪些差异?以下3个尤为突出。

    作为一名交互设计师,我经历过国内零售电商产品,后又从进口转战出口。用户群从国内用户变成欧美用户,一开始固执地保留着很多"中式"设计方式,导致我屡屡碰壁。 其实中西方电商网站在体验设计上有很多...

    2023年3月7日 SEO操作
    01
  • 网页设计中视觉层次的五大支柱。

    一个"看起来不错"的网站他的视觉层次结构是可以直接影响用户的流量和决策的。从基本的角度来说,视觉层次结构描述了哪些元素在你的用户的注意力中占据了主导地位,并最吸引他们的眼球。但是,没有一种...

    2023年2月14日 SEO操作
    00
  • 如何让网页设计富有故事性?

      游戏 让网页设计突出故事性并不难,讲述故事很简单,但是要呈现故事并不那麽容易。不如设置一个比较简单易玩得小游戏,不仅吸睛同时也吸引用户去与之进行交互。要注意的是保持简单的提示以及及时的激励机...

    2022年6月25日
    0125
  • 让界面交互贴近用户的直觉  

    什麽是直觉交互形式?可以从以下的几点了解: 基於用户的现实以及经验:也就是所见即所得,用户看到某个交互功能就知道如何操作; 符合用户的预期:用户点击某个交互按钮後,给予用户所预期的操作结果; 低成本的...

    2022年6月25日
    0252
  • 从零基础到精通:B端项目设计规范整理实例。

    设计规范的应用逻辑很简单,但需要有非常娴熟的软件功能使用基础,所以之前花了很长的篇幅讲解了和规范相关的软件功能应用,就是为了现在做准备。一、项目规范的整理准备1. 项目规范的制作流程项目设计规范的制作...

    2023年3月2日 SEO操作
    09
  • 大厂高手出品!中台组件设计指南:系统布局。

    本篇文章将分享 Web 端系统布局,从基本布局初识、网格、布局模块到栅格进行完整链路内容整合,以简单易懂的案例与大家进行探讨。 在以往的学习过程中,我发现市面上大部分文章对于 Web 端系统布局内容讲的比较笼...

    2023年3月1日 SEO操作
    013

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息