从视觉产品两方面,分析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

相关推荐

  • 按钮如何设计?从6个层面详细分析按钮设计的知识点。

    虽然直觉认为按钮是一种很简单的控件,但在梳理按钮相关知识点的过程中,发现小小控件其中包含了很多容易被忽略的细节。按钮几乎是每一个页面不可或缺的元素,对于按钮的认识基本停留在视觉层面,一个圆角矩形搭配…

    2023年3月1日 SEO操作
    04
  • 万字长文!超全面的行为设计指南。

    在实际的设计过程中,通过观察或共情用户行为可以反映出很多问题,可以帮助洞察出更多价值或新的机遇。此前我在试图寻找一款还不错的机械美感鼠标,但是没有一下子找到合适的,准备第二天摸鱼的时候再看看,结果第…

    2023年3月2日 SEO操作
    00
  • 超全总结!后台界面设计的5个关键要素和10点原则。

    大家在平时的工作中,越来越多地会接触到后台界面设计,与一般的 UI 设计一样,它也有它的设计要素和规范。今天这篇文章将会讲到后台界面的 5 个关键设计要素和 10 条设计原则,记得收藏阅读并用到自己的工作中吧。…

    2023年3月2日 SEO操作
    03
  • 动效适用於什麽时机和位置

    一般来说需要适用到动效的页面时需要时机的,出现得不妥当的话会直接影响用户体验,尤其是交互体验。因此,首先要即时性。动效式人机交互回馈过程中重要的表现方式,因此必须保证其是快速的,同时还需要明确地表达…

    2022年6月25日
    0113
  • 标签如何设计?6方面详解标签的设计方法和规范。

    标签可以帮助传达信息,进行产品分类,进行营销分流等。本文围绕标签规范设计方法进行分析,总结了一些方法论,希望对你有帮助。前言标签是我们最常用的设计组件之一,由于功能强大,使用场景多样化深受喜爱。好的…

    2023年3月2日 SEO操作
    011
  • 交互体验提升——实际环境

      什麽是交互设计的实际环境?一般来说,包含着两个方面:其一使用者打开页面时的时空状态,其二使用者的交互手势。其一主要指的是用户在现实生活当中流览页面时的交互体验是否便捷、有效、无干扰性等。其二则…

    2022年6月25日
    0114
  • 为什么不能在页面按钮上使用企业的品牌色。

    编者按:这篇文章出自 UX Movement ,文中详细分析了品牌色不适合运用到网页和 APP 的按钮背后的设计逻辑,并不复杂但是非常值得学习。 很多 APP 和 网页 喜欢在 CTA 按钮和关键功能按钮上使用品牌色,这样的设计看…

    2023年3月2日 SEO操作
    00
  • 过度使用扁平化设计是否影响网站实用性

    随着扁平化设计逐渐成为网站设计的主流趋势,似乎很少有人会提出它有什麽问题。在整个崇尚简约风格的时代,扁平化设计可说是非常符合潮流的审美。但它是否真的能够给用户体验带来价值,一味追求扁平化是否对可用性…

    2022年6月25日 建站资讯
    0119

联系我们

QQ:951076433

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