阿里·家装建模软件_造型列表

Recommand
上海/设计爱好者/1年前/183浏览
阿里·家装建模软件_造型列表Recommand
交互需求背景:
○ 在建模环境中创建多个造型,但未形成编组意识,退出到通用环境后,多个造型被视为一个造型体,用户茫然。
○ 在建模环境中无法对被组合的造型进行单独显示、隐藏控制(后台反馈占比超50%)
○ 材质无法精准识别对应造型组合:将错误的材质赋到错误成组的模型上;用户反馈DIY2.0中吊顶、地台、墙面最好单独区分,方便做材质替换;目前材质刷只针对相同的材质有用
交互目的:
易用性-更好的帮助用户理解、操作软件
交互目标:
1、提高用户精准选择、编辑造型面、造型组件的效率
2、引导用户建立造型组合的意识
3、方便用户管理已创建的造型组合
交互目标对象:
造型面、组件、组合体
交互设计:
1、造型列表位于界面右侧,辅助视图板块下方。默认吸附右侧,此列表仅展示在该环境中创作的造型面,用户通过此列表可对画布中的造型进行“编组、解组、拖拽进组、编辑,造型列表与画布编辑双向联动
2、板块顶部标识自由拖拽标识,鼠标焦点进入黄色区域,则鼠标样式变为自由拖拽,此时用户按住左键移动鼠标可将此板块在界面内随意拖动。释放鼠标左键,则该板块停留至当前鼠标释放位置
3、拖动板块在浏览器左右及下方移动,当鼠标样式与浏览器边缘发生碰撞,则该朝向无法继续拖动,板块上方移动不得超过通用功能区边缘
阿里·家装建模软件_造型列表
Collect
1、脱离浏览器固定位置的造型列表,鼠标hover其板块底部,光标样式变为双向箭头,可实现其板块再高度上的缩放,板块设定极限最小值,达到临界值时则板块不再响应
1.1、当拖动板块高度的双向光标箭头与浏览器底部发生碰撞,则无法继续拖动
2、再将脱离浏览器右侧的造型列表板块拖回浏览器右侧时,在板块距离浏览器右侧边缘20px范围内,视图板块与浏览器边缘产生吸附,此时释放鼠标,该板块会自动还原至初始位置及高度
阿里·家装建模软件_造型列表
Collect
1、点击收起空间切换板块,则下方造型列表板块高度自动响应撑满原先空间切换板块区域
1.1、收起后的空间切换板块在浏览器边缘常驻“展开”button,此button层级高于造型列表。用户选择点击后可展开并还原空间切换,同时造型列表恢复原先高度响应
阿里·家装建模软件_造型列表
Collect
1、造型列表采用树形目录结构,首次进入工具,默认透出“未组合造型”的组节点,用户在工具中创建的全部未组合的造型面均存放在该节点下面,成为其子节点
1.1、“未组合造型”组节点默认展开,该节点较为特殊,不可被选中、删除或隐藏,节点标题文字不可被修改
1.2、单击“收展箭头”icon区域可将组节点下方子节点收起或展开,调用设计家通用组件
1.3、光标单击或双击“未组合造型”节点标题区域,弹出全局提示“暂不支持该操作”调用设计家通用组件
1.4、“未组合造型”节点仅支持一项编辑功能,即“选择造型种类”,光标hover右侧对应功能区域,Dropdown菜单供用户选择其造型的种类,默认选中“其他造型”调用设计家通用组件,用户Check对应菜单,则该菜单对应logo更新至入口处
阿里·家装建模软件_造型列表
Collect
1、用户在工具中创建的全部未组合的造型面均存放在该节点下面,成为其子节点,子节点默认名称为“造型面+编号”按照创建时间先后顺序自上而下排列
1.1、子节点若为组件则默认名称为“组件名+编号”,子节点默认名称创建完毕即固定,除非用户双击修改名称,否则不变化
1.2、光标hover组内子节点,给到用户对应视觉反馈
1.3、check对应节点,则节点高亮,同时画布中对应造型面相应联动高亮反馈,点击画布空白区域可Uncheck节点
1.4、check画布区造型面,造型列表应滑动定位到对应节点并在当前目录可视范围中高亮显示
阿里·家装建模软件_造型列表
Collect
1、光标hover组件子节点,除给到用户对应视觉反馈外,节点右侧多出“隐藏”icon,hover icon弹出Tooltip名称提示
1.1、用户点击组件节点的“隐藏”icon,则该节点“隐藏”icon变“显示”icon,并常驻高亮显示,该节点除icon以外均置灰显示,同时画布中对应组件相应隐藏反馈
1.2、用户复选组件节点的“显示”icon,则该节点样式复原,切画布对应组件相应显示反馈
阿里·家装建模软件_造型列表
Collect
1、按住⌘键,可实现同一层级子节点间的相互跳选,同时画布中对应造型面相应联动高亮反馈,按住⌘键,复选已被选中的节点则取消当前选中态,点击画布空白区域可Uncheck节点
阿里·家装建模软件_造型列表
Collect
1、按住⌘键,可实现不同层级节点间的相互跳选,同时画布中对应造型面相应联动高亮反馈,按住⌘键,复选已被选中的节点则取消当前选中态,点击画布空白区域可Uncheck节点
阿里·家装建模软件_造型列表
Collect
1、按住⇧键,先选一个节点作为起点,再选一个节点作为终点,可实现同一层级子节点间的区间选择,同时画布中对应造型面相应联动高亮反馈
阿里·家装建模软件_造型列表
Collect
1、按住⇧键,可实现不同层级节点间的区间选择,同时画布中对应造型面相应联动高亮反馈
阿里·家装建模软件_造型列表
Collect
1、选择同一层级下的多个子节点,通过画布“左键”中的组合选项或快捷键⌘G,可将被选节点快速成组合
1.1、造型列表中,原先被组合的子节点变为组合节点样式,按照创建时间的先后顺序排列与“未组合造型”组节点的上方,新创建的组合节点默认高亮显示,画布中被组合造型联动高亮
1.2、选择组合节点,通过画布“左键”中的解组选项或快捷键⇧⌘G,可将组合节点解组,解组后的组合节点变为子节点还原至“未组合节点”下方排列
阿里·家装建模软件_造型列表
Collect
1、组合节点支持hover、check
2、双击组合节点名称区域,可对名称进行修改,调用设计家通用组件
3、光标hover“删除”icon区域,弹出tooltip提示功能名称,click该icon弹出全局对话框,提示用户二次确认,对话框调用设计家通用组件
4、用户click组合节点的“隐藏”icon,其交互逻辑同上述组件节点的隐藏功能
5、用户hover组合节点的“选择造型种类”icon。其交互逻辑同上述未组合造型节点的选择造型种类功能
阿里·家装建模软件_造型列表
Collect
1、“造型组合节点”箭头有别于“未组合造型节点”箭头,除样式差异外,功能也不同,hover造型组合节点,tooltip提示用户“双击进组”,click箭头icon,则进入组合编辑模式且造型列表仅显示该组合下的节点目录,同时画布联动进入组编辑模式
1.1、造型列表进入组合编辑模式后,其列表父级节点箭头变为返回样式,hover此icon,tooltip提示用户“双击退组”,click箭头icon,造型列表返回上一级目录,同时画布联动退出该层级组编辑模式
1.2、造型列表进入组合编辑模式后,其列表父级节点不显示编辑功能,但其子节点同样支持显示该组合节点下的子组合、子组件节点及其隐藏功能
1.3、组编辑模式下,子节点的hover、click、新建的交互逻辑与“未组合造型”下的子节点逻辑保持一致
阿里·家装建模软件_造型列表
Collect
1、组合编辑模式下的子组合节点同样可以双击其icon进组,进组后,造型列表再次切换为该组合下的节点显示,同时画布联动进入组中组编辑模式
1.1、进入组合编辑模式后,其列表父级节点箭头变为返回样式,hover此icon,tooltip提示用户“双击退组”,click箭头icon,造型列表返回上一级目录,同时画布联动退出该层级组编辑模式
阿里·家装建模软件_造型列表
Collect
0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
ZAOV|各[苹]本事
Homepage recommendation
相关收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in