兰亭妙微原创作品 | 智能制造驾驶舱UI设计

近期兰亭妙微团队完成了一个智能制造领域的B端设计项目，今天就来和大家分享一下设计思路和优化过程。

B端产品的设计核心，往往在于如何在复杂的业务逻辑中，理清头绪，让关键信息高效、直观地呈现给用户。这次的优化正是围绕“高效”二字展开。

在确定整体风格时，我们主要遵循了三个原则：

1、品牌感：采用与客户品牌一致的色调和设计语言，确保产品系列的统一性，强化品牌认知。

2、简洁性：页面设计的核心是“化繁为简”。我们将重要的数据和预警信息突出展示，减少不必要的视觉干扰，提升信息的可访问性和可用性。

3、高效性 ：通过精简的界面布局、扁平的层级结构和直观的信息展示方式，力求让用户在短时间内找到所需信息，从而提高工作效率。

核心设计思考与优化

1、导航重塑：聚焦核心内容

【弱化导航】我们弱化了导航栏的背景，打造沉浸式的浏览体验，让用户能将更多注意力聚焦在页面核心内容上。

【横向折叠】侧边导航采用了可横向折叠的设计，在需要时可以收起，为数据展示区释放出更多横向空间，承载更多内容。

2、布局重构：信息分区更清晰

我们将整个驾驶舱页面重新规划为三个核心区域，让信息架构一目了然：

【左侧导航区】相比顶部导航，左侧导航能展示更多条目，且符合用户从上到下的自然浏览习惯。我们增加了收起功能，方便用户在专注处理信息时大化内容区域。同时，菜单背景叠加工厂的作业场景图， subtly 突出了软件的行业主题。

【中间信息展示区】这是页面的“C位”。顶部是主题卡片和可自定义的快捷入口；中部和下部则是核心数据图表展示区，图表颜色严格遵循品牌规范，在传递信息的同时也强化了品牌感。

【右侧个人信息区】将个人信息、待办事项和报警信息整合为卡片形式。

【待办任务】这是新增的模块，根据不同角色的业务人员展示不同的待办内容，非常实用。

【报警信息】将原有的列表形式进行了优化，重点突出报警等级和标题，让异常情况更加清晰明了，便于快速响应。

3、数据可视化：提升管理效率

借助图形化手段，将复杂、抽象的数据条理清晰地传达出去。我们根据每个模块的业务性质，为其选择了合适的图表类型，让数据“自己说话”，有效提升了线上管理的效率。

这次设计优化，不仅是一次视觉上的升级，更是对业务流程和用户体验的深度思考。

希望这个案例能给同样在做B端设计的你带来一些灵感！