EasyTwin UI2,给好锅配一个好盖

Recommanded by editor
杭州/三维设计师/240天前/3104浏览
EasyTwin UI2,给好锅配一个好盖Recommanded by editor
本文深入介绍了EasyTwin(易知微旗下的数字孪生仿真渲染引擎) UI2的重大升级,新版本优化了界面设计与视觉效果,改进工作流程和用户体验。致力于为用户提供更高效、直观的工具以实现数字与现实的深度融合。
00
 更成熟的数字孪生渲染引擎
EasyTwin 数字孪生仿真渲染引擎是易知微推出的低代码数字孪生应用开发平台,具备专业三维编辑器、高质量动态渲染、多元化数据融合、便捷蓝图开发和丰富的模型资产等强大功能。
随着产品的不断深化与商业化推进,EasyTwin 在年底进行了全面改造,解决了历史功能设计的使用痛点,提升了引擎的整体能力。随着产品复杂度和专业度提高的同时,UI设计也面临着更高的标准化和简洁化要求,因此有了这次 UI2 的升级。
EasyTwin UI2 不仅仅是界面和视觉的优化,更涉及工作流程和行为逻辑的全面提升,旨在解决实际使用中的痛点,增强用户体验,为产品这口 “好锅” 配上一个 “好盖” 。
01 场景项目管理页(工作台)
集成与引导,提升产品相关资源利用率
在 UI2 版本中,右侧面板新增了关联产品连接入口、素材广场入口和产品更新公告等功能模块;
这一改进使得用户能够便捷地访问产品相关核心资源,减少了在不同模块和产品间的频繁切换,从而提升了操作效率;
同时右侧面板也增强了动态和资源的推送能力,确保用户能及时获取更新和资源信息。
EasyTwin UI2,给好锅配一个好盖
Collect
压缩 Banner,拓展后期运营位置
原本占比大的 Banner 区域实际更新频率较低,因此在此次改版中,我们对其高度进行了优化,以打造“简洁运营”模式,便于后期传递新功能和动态信息。
EasyTwin UI2,给好锅配一个好盖
Collect
Tabs 剥离至顶栏,提升功能独立性
为了优化界面设计并减少运营侧设计Banner中适配的难度,不局限于 “避让”tabs 和 只能应用深色背景突出产品和用户信息的漩涡中,将 Tabs 上移至顶栏,提高层级做独立展示,增强各功能的可扩展性与灵活性。
EasyTwin UI2,给好锅配一个好盖
Collect
全局搜索,提升精准目标定位
搜索功能进行了全面升级,改为全局搜索,不仅支持对项目(分组)及其下应用的搜索,还提供了项目更新时间和所属项目路径的展示,提升搜索的精确度和信息全面性;
EasyTwin UI2,给好锅配一个好盖
Collect
交互上,新增的悬浮行展示应用封面预览,支持上下键切换聚焦行,回车快速定位至项目页或进入应用编辑页,用户可以实现更高效的“全键盘”操作,提升了整体的工作流体验。
EasyTwin UI2,给好锅配一个好盖
Collect
02 场景编辑器(编辑页)
迁移与整合,提升世界大纲操作效率
模型内部结构展示由数据面板迁移至世界大纲
原先模型的内部结构在场景开发中仅作为模型的数据使用 可实现内部结构的姿态调整、材质变化或聚焦等交互;
为了拓展产品对模型的编辑能力以及降低模型使用的门槛,将内部结构迁移从数据面板迁移至世界大纲,支持对模型内部结构进行 移动、旋转、缩放和聚焦 等操作,提升了模型编辑的直观性和效率。
EasyTwin UI2,给好锅配一个好盖
Collect
同时,选中内部结构后,配置面板中点击「模型节点」可快速切换选中模型并修改相关配置参数,实现更流畅的编辑流程。
EasyTwin UI2,给好锅配一个好盖
Collect
子要素展示由数据面板迁移至世界大纲
改造前的功能设计沿用了 EasyV 组件的数据编辑模式,但 EasyTwin 的三维场景编辑与 EasyV 的图表和地图编辑有本质区别,这种功能继承导致了子要素编辑效率低、用户体验差。此次调整中,我们将数字要素(如围栏、路径、水域和区域热力等)的展示功能整合至世界大纲,提升了编辑的直观性和效率,优化了用户体验;
用户选中子要素后,可通过快捷键  
Enter 或双击下钻
 进入点位编辑模式,改版后子要素的编辑操作也更加的便捷高效。
EasyTwin UI2,给好锅配一个好盖
Collect
增强「行」元素交互体验
除对行元素进行 重命名和显隐 的基础操作外,对于已配置模型动画的组件,增加动画标签以便快速识别和区分;
EasyTwin UI2,给好锅配一个好盖
Collect
当行元素名称超出显示范围时,悬浮该行上可展示完整名称,避免因名称截断造成的信息缺失;
EasyTwin UI2,给好锅配一个好盖
Collect
资源可见,场景预设选项卡
新增场景预设选项卡,用于集中管理单个应用中的所有材质和贴图资源;
用户可快速浏览并高效管理资源,提升操作便利性和资源可见性。
EasyTwin UI2,给好锅配一个好盖
Collect
再升级,完善属性面板功能(
点此进入1.0文章
1.0后,支持拖拽自定义属性面板宽度,按需展示信息;
EasyTwin UI2,给好锅配一个好盖
Collect
自定义属性字段配置项在输入时调整对于前缀的占位展示,避免视觉盲区;
EasyTwin UI2,给好锅配一个好盖
Collect
Input 组件交互由原版本失焦生效优化为在输入过程中实时生效,直观传递修改结果;
EasyTwin UI2,给好锅配一个好盖
Collect
集结与拓展,动画组件配置
模型的自定义动画入口由模型属性面板迁移至场景的动画模块,便于用户更灵活的配置模型、数字要素的动画效果,同时易于后续扩展动画的编排管理;
EasyTwin UI2,给好锅配一个好盖
Collect
动态工具栏,聚焦当下操作
在原版本中,场景组件的 
旋转、移动、缩放
 功能以平铺形式展示在工具栏上。随着功能的不断扩展与累积,逐渐增加了工具栏的复杂度和使用负担;
在新版本中,我们将 
旋转、移动、缩放
 功能合并至一个入口,并引入快捷键操作,提升用户操作效率的同时减少鼠标点击频次,与主流建模软件(如 Blender)的交互方式一致,对于基础操作来说用户会更加的依赖快捷键。
EasyTwin UI2,给好锅配一个好盖
Collect
为了让用户更聚焦当下操作,针对当前操作场景(如参考点切换、屏幕分辨率配置、子要素编辑模式等),工具栏会动态呈现相应的功能按钮,操作完成后或主动退出后,自动切回默认样式;
EasyTwin UI2,给好锅配一个好盖
Collect
三角控制器,增加操作感知
改造后的控制器,以更轻量的默认样式呈现在场景当中,悬浮轴向时,
边框高亮
,以提供更强烈的视觉反馈,确保轴向之间的差异性清晰可见,增加用户的操作感知;
新版本中也增加了悬浮三角器区域显示轴向端点以及点击快速切换轴向的交互。
EasyTwin UI2,给好锅配一个好盖
Collect
04 应用编辑器(蓝图编辑器)
更精简的节点样式
旧版蓝图处理复杂逻辑时可读性较差,锚点与连接线、线与线、节点与背景之间存在视觉粘连、视觉扩散的问题,导致用户难以快速定位关键节点或理解蓝图的逻辑关系;
新版本重新设计节点样式,通过
简化视觉层级
强化边界对比
,区分节点与背景,调整节点锚点与连线的视觉权重,降低视觉干扰,避免因线条过多导致信息扩散。
EasyTwin UI2,给好锅配一个好盖
Collect
EasyTwin UI2,给好锅配一个好盖
Collect
更多样的连接交互
旧版连接交互仅支持拖拽锚点生成连接线,操作方式单一,距离较远的节点必须鼠标按住不释放同时触控板拖动视图至目标节点才能建立连接,效率有限;
新版本增加点击锚点唤出连线的功能,用户可通过
单击
快速生成连接操作,适配不同的使用场景和交互习惯。
新增一对多的批量连接操作,用户可拖拽一个锚点同时连接至多个目标(具有业务属性),提高操作效率;
EasyTwin UI2,给好锅配一个好盖
Collect
更明确的聚焦展示
聚焦机制使用户能快速理解当前蓝图操作的上下游关系,减少信息噪音,在复杂场景下操作更加专注高效;
例如当用户执行连接线唤出或选中操作时,自动将
无关连线变暗
,突出当前操作区域,减少视觉干扰。
EasyTwin UI2,给好锅配一个好盖
Collect
用户选择某个节点时,其
上下游节点及相关连线高亮显示
,其余部分变暗,同时前置连线层级以保证逻辑的可见性;
EasyTwin UI2,给好锅配一个好盖
Collect
增加单节点与锚点项的独显功能,用户可快速查看或调整节点属性;
EasyTwin UI2,给好锅配一个好盖
Collect
除支持通过右键菜单插入辅助节点外,新增直接拖拽节点到现有连线上的交互方式,释放鼠标后自动完成插入连接;
EasyTwin UI2,给好锅配一个好盖
Collect
05 强化品牌识别
本次改版在
场景加载 Loading
 、应用
默认封面图
以及
Banner 设计
等关键视觉节点中,融入品牌 Logo 元素,以强化品牌的整体识别度和用户心智记忆,也是为后续的品牌推广和生态扩展奠定基础。
EasyTwin UI2,给好锅配一个好盖
Collect
EasyTwin UI2,给好锅配一个好盖
Collect
06 写在最后
此次 EasyTwin(数字孪生仿真渲染引擎)的改版,标志着平台发展中的一个重要里程碑。改版不仅在引擎能力和产品体验上进行了全面提升,还扩展了基础场景编辑功能,并对现有功能模块进行了重新梳理。通过性能的全面升级,平台在响应速度、模型加载效率和渲染表现上都显著优于以往版本。正如一口好锅需要一个合适的盖子,产品设计也随产品的更新与变化而不断调整,以更好地匹配平台的能力提升。
这只是开始,未来平台会朝着更高的抽象层次迈进,随着技术的不断升级和边界的拓展,致力于成为用户实现数字与现实深度融合的首选工具,推动数字孪生技术向新的高度跃升。
28
Report
|
148
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Heal丨概念网页设计
Homepage recommendation
相关收藏夹
B端
B端
B端
B端
作品收藏夹
系统界面
系统界面
系统界面
系统界面
作品收藏夹
Blender
Blender
Blender
Blender
作品收藏夹
后台优化
后台优化
后台优化
后台优化
作品收藏夹
UI设计
UI设计
UI设计
UI设计
作品收藏夹
日常收集
日常收集
日常收集
日常收集
作品收藏夹
大家都在看
Log in