
B端设计服务企业和组织中的工作任务,例如采购、财务、客户管理与设备监控。观察设计趋势时,既要看到3D图标、新拟态等视觉变化,也要判断设计系统、导航整合和行业细分如何改变实际操作。某种风格能带来新鲜感,不代表它适合每一张后台表格。
以下七个方向可以作为方案研究的起点。选择时先写清“哪个角色需要完成什么任务”,再看视觉和结构能否帮助理解信息、减少误操作,以及便于后续维护。
1. 3D图标设计:给辅助信息一个清楚的入口
3D图标在扁平造型中增加光影、材质和空间关系,可以用于工作台入口、引导页或空状态,为严谨的业务界面增加亲和力。它更适合需要被快速辨认的少量对象,不宜让每个表格单元和操作按钮都变成立体装饰。

这张在 Pixso 中打开的学习平台设计,把3D对象放在课程入口,统计曲线和日期仍使用较简洁的形式。它提供的是视觉分工参考:重点入口有表现力,日常数据保持清楚。设计后台工作台时,也可以用类似方法区分模块入口与连续处理的业务区。
选用素材后应检查轮廓、光源和留白是否一致,缩到实际卡片尺寸后是否还能识别。资源可从Pixso 资源社区寻找,进入具体文件再确认授权与可编辑内容,不把装饰图标当作唯一的状态提示。
2. 3D可视化大屏:先保证指标和异常能被看见
数据可视化把复杂数字转换为便于比较的图形,大屏常用于监控中心、展厅和园区管理。三维场景可以表达空间位置或设备分布,但如果用户只是比较几项指标,二维图表往往更容易读取。

图中的建筑形态承担空间主视觉,周围图表承担指标展示。使用类似结构时,应先明确主指标、单位、更新时间与告警位置,再决定是否需要发光、透视和动画。颜色很多、图表很多,并不等于提供了更多有效信息。
Pixso 可以用于整理大屏的界面布局、图形与交互原型;真实三维建模、实时数据接入和渲染需要相应的技术实现。不要把一张大屏设计稿理解为监控系统已经运行。交付时应说明数据刷新、断网、告警升级以及查看详情的路径。
3. 新拟态:保留质感,也保留可辨认的控件
新拟态通过高光和阴影让元素呈现柔和的凹凸感,常用于温度、播放、设备控制等相对集中的界面。与密集报表相比,这类页面的控件数量较少,更容易控制光源与层级。

这张控制界面把温度、开关和状态集中呈现,适合观察立体质感如何围绕少数主要操作展开。要检查用户能否分辨可点击与不可点击、打开与关闭、数值与单位,不能只靠一道轻微阴影表达全部状态。

暗色组件中的文字、开关和输入框仍需要独立可读。设计时先完成对比度、焦点与禁用状态,再调整阴影;如果控件与背景融在一起,就应增加轮廓、文字或状态标记。一般文字和界面控件的要求不同,可结合WCAG 2.2逐类核对,不用同一个数值概括所有元素。
4. 开源设计系统:从借用组件到管理规则
Ant Design、Arco Design、TDesign 等设计体系提供了组件和规范参考,能帮助设计师与研发使用更一致的语言。借用资源可以减少从零起步的工作,但团队仍需要决定采用哪些组件、如何命名、由谁维护,以及代码与设计资源如何同步。
在 Pixso 中整理颜色、文本样式与组件时,可先选择一张高频业务页面作为样板。以订单列表为例,表头、筛选器、状态标签和批量操作栏应能组成完整任务,而不是分别从几套资源里拼出视觉接近但规则不同的控件。
后续新增一个状态,就同时检查组件变体、页面应用与开发说明。需要了解现成资源时,可参考TDesign 设计资源;需要比较 React 实现时,可继续查看React UI 组件库的选择要点。
5. 综合业务平台:功能变多以后重组导航
这里的“超级APP”更接近整合多个业务模块的工作平台。随着通讯录、审批、权限和数据管理不断加入,左侧导航容易变成越来越长的目录。解决方法不只是再增加一级菜单,而是按角色和高频任务安排入口。

图中的应用入口把多个业务分类集中到展开面板中,主工作区仍保留当前位置。这种方式适合模块多、又需要快速切换的系统。用户返回时应保留已选筛选、当前记录和编辑状态,避免每切换一次模块就重新寻找上下文。
先列出高频路径,再决定哪些入口固定、哪些收进“全部应用”。不同岗位可以有不同的常用入口,但同一模块的名称和位置规则应稳定。导航评审可以请一位不熟悉方案的同事找出“待我审批”和“团队成员管理”,观察他从哪里开始找。
6. 低代码定制化:分清界面交付和业务运行
低代码通过可视化配置减少部分应用开发工作,适合规则相对明确、可复用的业务场景。设计交付则是把尺寸、样式、组件状态与交互要求传给研发,两者有关联,但不是同一件事。
Pixso 的设计协作与交付能力可以帮助团队查看设计参数、资源和相关样式信息;这些信息不能直接代替权限校验、数据库、审批规则或生产接口。采购项目若需要低代码平台,应单独评估它对数据、权限、部署与扩展的支持。
例如采购审批中,“提交后按钮进入等待状态”属于界面要求,“金额超过阈值增加审批节点”属于业务规则。设计稿要同时说明两者的关系,开发才能判断哪些部分可复用、哪些需要实现。通过Pixso 原型与交付能力可以先把页面和操作过程讨论清楚。
7. 行业细分:让业务差异进入页面状态
采购、医疗、财务和客服后台可能都有列表与详情页,但字段含义、操作风险和审批条件不同。行业设计的价值在于把这些差异表达出来,不能只换行业配色、插图和几列字段。
以采购审批为例,提交人关心当前进度,审批人关心金额变化和风险,财务关心批准金额与付款是否一致。三类角色可以共用订单信息,却需要不同的操作区和解释。状态至少应区分草稿、待审批、驳回、撤回、已批准和已关闭,并写清每种状态允许谁操作。
| 审批情形 | 页面需要表达 | 评审时确认 |
|---|---|---|
| 金额修改后再提交 | 新旧金额、变化原因、当前审批进度 | 是否需要重新审批,旧记录如何保留 |
| 用户无审批权限 | 只读信息与权限说明 | 用户知道下一步该联系谁 |
| 批量处理部分失败 | 成功数量、失败记录和具体原因 | 只重试失败项,避免重复处理 |
| 接口响应结果未知 | 等待或查询状态 | 不把超时直接解释为未执行 |
在 Pixso 中把这组状态并排整理,再连接“提交—审批—驳回修改”的原型路径,就能让业务、设计和研发讨论同一个具体问题。可以进入 Pixso 整理后台页面与状态,先从团队最常处理的一条流程开始。
一个方向是否值得采用,看任务完成得怎样
视觉探索完成后,为主要任务选一个直接指标,例如查到异常订单的时间或审批误操作数,再保留必要的保护指标。用相同角色、接近的业务数据与网络条件比较方案,记录培训和熟练度差异,不把所有变化都归因于界面。
如果3D元素帮助用户识别入口,就保留;如果阴影影响状态辨认,就调整;如果新导航增加了高频任务的往返,就重新组织。业务判断清楚以后,趋势才能成为可以持续维护的设计选择。