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

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

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

ScreenShot_2026-06-24_115720_594.png

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

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

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

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

ScreenShot_2026-06-24_115730_304.png

核心设计思考与优化

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

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

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

 

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

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

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

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

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

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

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

ScreenShot_2026-06-24_120505_180.png

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

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

 

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

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

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档