EasyTwin UI2，给好锅配一个好盖

EasyV数字孪生 2025-03-04

147

作者/丹丹

易知微体验设计中心 UX设计师

都说好锅得配好盖，同样，在数字孪生技术领域，一款优秀的仿真渲染引擎也需要一个完美的“盖子”来提升其表现力和用户体验。

EasyTwin（易知微旗下的数字孪生仿真渲染引擎）这次终于等来了它的最佳搭档！全新升级的UI2系列，不仅优化了界面设计与视觉效果，还改进了工作流程。新版本的UI2注重细节打磨，从色彩搭配到交互逻辑，每一处改动都致力于为用户提供更高效、直观的工具以实现数字与现实的深度融合。

点击👆🏻立即试用

EasyTwin采用B/S架构，拥有强大的场景高保真构建能力，能够将数字化信息直观地融入三维场景，并利用蓝图交互技术实现场景联动。通过低代码/零代码的开发方式，简化了三维场景的构建和项目交付流程，以产品化的形式提供数字孪生可视化应用，为中小型数字孪生项目提供了SaaS化的解决方案，大幅降低了开发成本和时间，使其成为企业快速上手的数字孪生开发平台。

🆙👉🏻点此查看站酷分享

更成熟的数字孪生渲染引擎

EasyTwin 数字孪生仿真渲染引擎是易知微推出的低代码数字孪生应用开发平台，具备专业三维编辑器、高质量动态渲染、多元化数据融合、便捷蓝图开发和丰富的模型资产等强大功能。

随着产品的不断深化与商业化推进，EasyTwin 在年底进行了全面改造，解决了历史功能设计的使用痛点，提升了引擎的整体能力。随着产品复杂度和专业度提高的同时，UI设计也面临着更高的标准化和简洁化要求，因此有了这次 UI2 的升级。

EasyTwin UI2 不仅仅是界面和视觉的优化，更涉及工作流程和行为逻辑的全面提升，旨在解决实际使用中的痛点，增强用户体验，为产品这口 “好锅” 配上一个 “好盖” 。

场景项目管理页（工作台）

集成与引导，提升产品相关资源利用率

在 UI2 版本中，右侧面板新增了关联产品连接入口、素材广场入口和产品更新公告等功能模块；

这一改进使得用户能够便捷地访问产品相关核心资源，减少了在不同模块和产品间的频繁切换，从而提升了操作效率；

同时右侧面板也增强了动态和资源的推送能力，确保用户能及时获取更新和资源信息。

压缩 Banner，拓展后期运营位置

原本占比大的 Banner 区域实际更新频率较低，因此在此次改版中，我们对其高度进行了优化，以打造“简洁运营”模式，便于后期传递新功能和动态信息。

Tabs 剥离至顶栏，提升功能独立性

为了优化界面设计并减少运营侧设计Banner中适配的难度，不局限于 “避让”tabs 和只能应用深色背景突出产品和用户信息的漩涡中，将 Tabs 上移至顶栏，提高层级做独立展示，增强各功能的可扩展性与灵活性。

全局搜索，提升精准目标定位

搜索功能进行了全面升级，改为全局搜索，不仅支持对项目（分组）及其下应用的搜索，还提供了项目更新时间和所属项目路径的展示，提升搜索的精确度和信息全面性；

交互上，新增的悬浮行展示应用封面预览，支持上下键切换聚焦行，回车快速定位至项目页或进入应用编辑页，用户可以实现更高效的“全键盘”操作，提升了整体的工作流体验。

场景编辑器（编辑页）

迁移与整合，提升世界大纲操作效率

模型内部结构展示由数据面板迁移至世界大纲

原先模型的内部结构在场景开发中仅作为模型的数据使用可实现内部结构的姿态调整、材质变化或聚焦等交互；

为了拓展产品对模型的编辑能力以及降低模型使用的门槛，将内部结构迁移从数据面板迁移至世界大纲，支持对模型内部结构进行移动、旋转、缩放和聚焦等操作，提升了模型编辑的直观性和效率。

同时，选中内部结构后，配置面板中点击「模型节点」可快速切换选中模型并修改相关配置参数，实现更流畅的编辑流程。

子要素展示由数据面板迁移至世界大纲

改造前的功能设计沿用了 EasyV 组件的数据编辑模式，但 EasyTwin 的三维场景编辑与 EasyV 的图表和地图编辑有本质区别，这种功能继承导致了子要素编辑效率低、用户体验差。此次调整中，我们将数字要素（如围栏、路径、水域和区域热力等）的展示功能整合至世界大纲，提升了编辑的直观性和效率，优化了用户体验；

用户选中子要素后，可通过快捷键 Enter 或双击下钻进入点位编辑模式，改版后子要素的编辑操作也更加的便捷高效。

增强「行」元素交互体验

除对行元素进行重命名和显隐的基础操作外，对于已配置模型动画的组件，增加动画标签以便快速识别和区分；

当行元素名称超出显示范围时，悬浮该行上可展示完整名称，避免因名称截断造成的信息缺失；

资源可见，场景预设选项卡

新增场景预设选项卡，用于集中管理单个应用中的所有材质和贴图资源；

用户可快速浏览并高效管理资源，提升操作便利性和资源可见性。

再升级，完善属性面板功能（👉🏻点此查看1.0文章）

1.0后，支持拖拽自定义属性面板宽度，按需展示信息；

自定义属性字段配置项在输入时调整对于前缀的占位展示，避免视觉盲区；

Input 组件交互由原版本失焦生效优化为在输入过程中实时生效，直观传递修改结果；

集结与拓展，动画组件配置

模型的自定义动画入口由模型属性面板迁移至场景的动画模块，便于用户更灵活的配置模型、数字要素的动画效果，同时易于后续扩展动画的编排管理；

动态工具栏，聚焦当下操作

在原版本中，场景组件的旋转、移动、缩放功能以平铺形式展示在工具栏上。随着功能的不断扩展与累积，逐渐增加了工具栏的复杂度和使用负担；

在新版本中，我们将旋转、移动、缩放功能合并至一个入口，并引入快捷键操作，提升用户操作效率的同时减少鼠标点击频次，与主流建模软件（如 Blender）的交互方式一致，对于基础操作来说用户会更加的依赖快捷键。

为了让用户更聚焦当下操作，针对当前操作场景（如参考点切换、屏幕分辨率配置、子要素编辑模式等），工具栏会动态呈现相应的功能按钮，操作完成后或主动退出后，自动切回默认样式；

三角控制器，增加操作感知

改造后的控制器，以更轻量的默认样式呈现在场景当中，悬浮轴向时，边框高亮，以提供更强烈的视觉反馈，确保轴向之间的差异性清晰可见，增加用户的操作感知；

新版本中也增加了悬浮三角器区域显示轴向端点以及点击快速切换轴向的交互。

应用编辑器（蓝图编辑器）

更精简的节点样式

旧版蓝图处理复杂逻辑时可读性较差，锚点与连接线、线与线、节点与背景之间存在视觉粘连、视觉扩散的问题，导致用户难以快速定位关键节点或理解蓝图的逻辑关系；

新版本重新设计节点样式，通过简化视觉层级和强化边界对比，区分节点与背景，调整节点锚点与连线的视觉权重，降低视觉干扰，避免因线条过多导致信息扩散。

更多样的连接交互

旧版连接交互仅支持拖拽锚点生成连接线，操作方式单一，距离较远的节点必须鼠标按住不释放同时触控板拖动视图至目标节点才能建立连接，效率有限；

新版本增加点击锚点唤出连线的功能，用户可通过单击快速生成连接操作，适配不同的使用场景和交互习惯。

新增一对多的批量连接操作，用户可拖拽一个锚点同时连接至多个目标（具有业务属性），提高操作效率；

更明确的聚焦展示

聚焦机制使用户能快速理解当前蓝图操作的上下游关系，减少信息噪音，在复杂场景下操作更加专注高效；

例如当用户执行连接线唤出或选中操作时，自动将无关连线变暗，突出当前操作区域，减少视觉干扰。

用户选择某个节点时，其上下游节点及相关连线高亮显示，其余部分变暗，同时前置连线层级以保证逻辑的可见性；

增加单节点与锚点项的独显功能，用户可快速查看或调整节点属性；

除支持通过右键菜单插入辅助节点外，新增直接拖拽节点到现有连线上的交互方式，释放鼠标后自动完成插入连接；

强化品牌识别

本次改版在场景加载 Loading 、应用默认封面图以及Banner 设计等关键视觉节点中，融入品牌 Logo 元素，以强化品牌的整体识别度和用户心智记忆，也是为后续的品牌推广和生态扩展奠定基础。

写在最后

此次 EasyTwin（数字孪生仿真渲染引擎）的改版，标志着平台发展中的一个重要里程碑。改版不仅在引擎能力和产品体验上进行了全面提升，还扩展了基础场景编辑功能，并对现有功能模块进行了重新梳理。通过性能的全面升级，平台在响应速度、模型加载效率和渲染表现上都显著优于以往版本。正如一口好锅需要一个合适的盖子，产品设计也随产品的更新与变化而不断调整，以更好地匹配平台的能力提升。

这只是开始，未来平台会朝着更高的抽象层次迈进，随着技术的不断升级和边界的拓展，致力于成为用户实现数字与现实深度融合的首选工具，推动数字孪生技术向新的高度跃升。

更多产品使用问题及功能问题，欢迎微信扫描下方二维码进入EasyTwin产品交流群，和我们一起让数字孪生变得更简单！