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







































![ZAOV|各[苹]本事](https://img.zcool.cn/community/68d247ffa534901h5u6ly05445.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)



























