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

发布时间:2026/6/26 7:27:17
兰亭妙微原创作品 | 智能制造驾驶舱UI设计 近期兰亭妙微团队完成了一个智能制造领域的B端设计项目今天就来和大家分享一下设计思路和优化过程。B端产品的设计核心往往在于如何在复杂的业务逻辑中理清头绪让关键信息高效、直观地呈现给用户。这次的优化正是围绕“高效”二字展开。在确定整体风格时我们主要遵循了三个原则1、品牌感采用与客户品牌一致的色调和设计语言确保产品系列的统一性强化品牌认知。2、简洁性页面设计的核心是“化繁为简”。我们将重要的数据和预警信息突出展示减少不必要的视觉干扰提升信息的可访问性和可用性。3、高效性 通过精简的界面布局、扁平的层级结构和直观的信息展示方式力求让用户在短时间内找到所需信息从而提高工作效率。核心设计思考与优化1、导航重塑聚焦核心内容【弱化导航】我们弱化了导航栏的背景打造沉浸式的浏览体验让用户能将更多注意力聚焦在页面核心内容上。【横向折叠】侧边导航采用了可横向折叠的设计在需要时可以收起为数据展示区释放出更多横向空间承载更多内容。2、布局重构信息分区更清晰我们将整个驾驶舱页面重新规划为三个核心区域让信息架构一目了然【左侧导航区】相比顶部导航左侧导航能展示更多条目且符合用户从上到下的自然浏览习惯。我们增加了收起功能方便用户在专注处理信息时大化内容区域。同时菜单背景叠加工厂的作业场景图 subtly 突出了软件的行业主题。【中间信息展示区】这是页面的“C位”。顶部是主题卡片和可自定义的快捷入口中部和下部则是核心数据图表展示区图表颜色严格遵循品牌规范在传递信息的同时也强化了品牌感。【右侧个人信息区】将个人信息、待办事项和报警信息整合为卡片形式。【待办任务】这是新增的模块根据不同角色的业务人员展示不同的待办内容非常实用。【报警信息】将原有的列表形式进行了优化重点突出报警等级和标题让异常情况更加清晰明了便于快速响应。3、数据可视化提升管理效率借助图形化手段将复杂、抽象的数据条理清晰地传达出去。我们根据每个模块的业务性质为其选择了合适的图表类型让数据“自己说话”有效提升了线上管理的效率。这次设计优化不仅是一次视觉上的升级更是对业务流程和用户体验的深度思考。希望这个案例能给同样在做B端设计的你带来一些灵感