PDF《一级导航区 Navigation》

适用于:当右侧内容较多,而左侧导航占用面积过大时,可 选择收起模式 筛选或搜索状态: 二级导航的窄版模式,是前两种导航(B1/B2)的收起 状态;

适用于:右侧内容区域需要更多展示空间 B3 二级导航 Subnav 用于展示某个一级导航下的子功能切换. B C E D A F G H 导航 分类 导航 分类 导航 分类 导航 分类 导航 分类 导航 分类 B1 B2 B2 B1 常规导航形式,适用于单级菜 单的导航形式. B2 单级导航的扩展形式,适用于多级菜单或含有搜索或筛选等其他元素 的复合型导航,可根据自身情况自由配置.分为折叠和非折叠两种: 一级导航 导航分类1 导航分类2 我的项目 一级导航(Selected) 一级导航 一级导航(hover) 一级导航 一级导航(展开) 二级导航(normal) 二级导航(展开) 三级(hover) 三级(normal) 导航分类1 导航分类2 我的项目 一级导航 一级导航(Selected) 一级导航(hover) 一级导航 一级导航 一级导航(展开) 二级(normal) 二级(展开) 三级导航 导航名称3 导航分类1 导航分类2 我的项目 导航名称 导航名称 导航名称 导航名称 导航名称 导航名称 导航名称2 导航名称3 导航分类1 导航分类2 我的项目 一级导航(Selected) 一级导航(hover) 一级导航(normal) 一级导航 一级导航 一级导航 一级导航 一级导航 一级导航 导航分类1 我的项目 一级导航 一级导航 一级导航 一级导航 导航分类1 我的项目 一级导航 一级导航 一级导航 一级导航 导航分类1 我的项目 导航名称 导航名称 导航名称 导航名称 导航分类1 导航分类2 我的项目 一级导航(Selected) 一级导航 一级导航(hover) 一级导航 一级导航 一级导航 一级导航(展开) 二级导航(normal) 二级导航(展开) 三级导航 导航分类1 导航分类2 我的项目 导航名称 导航名称 导航名称2 导航名称3 导航名称 导航名称 导航名称 导航名称 功能图标:16x16, 1像素描边图标. 默认状态 默认状态 默认状态 鼠标hover 鼠标点击 展开状态 收起状态,点击可切换至展开状态 导航分类名称(可选) 导航搜索或下拉筛选 (可选) 鼠标hover时, 浮窗提示 点击右三角形再次展开该分类下的内容;

鼠标hover时,浮窗提示 当前选择导航 同一类导航下的分类 可用分割线区隔 无分类导航 不可用状态 不可用状态 不可用状态 默认状态 当前选中状态 当前选中状态 当前选中状态 当前选中状态 hover状态 hover状态 hover状态 导航分类前加入三角符号做展开或收起 个人项目名称 个人项目名称 个人项目名称 个人项目名称 个人项目名称 个人项目名称 个人项目名称 个人项目名称 个人项目名称 个人项目名称 导航名称 导航名称 导航名称 导航名称 导航名称 导航名称 一级导航 一级导航(Selected) 一级导航(hover) 导航名称 导航 导航 名称 导航 导航 导航 导航 名称 收起状态1 收起状态2 收起状态 收起状态 收起状态 非折叠: 适用于导航类目不多时 可折叠: 适用于导航类目过多时,需要折叠不太重要的导航分类 默认状态 收起状态 不可用状态 当前选中状态 hover状态 鼠标hover 鼠标点击

2、图标极简模式

1、图标+名称模式 收起状态有2种展示方式:

1、图标+名称模式 建议导航名称少于4个字时,且导航类目少于6个使用)

2、极简模式 仅显示图标,鼠标hover提示功能名称) 默认状态 鼠标点击收起分类 鼠标hover 当前选中状态 hover状态 有下级导航 无下级导航 二级导航(normal) 二级导航(hover) 二级导航(展开) 三级导航 一级列表 一级列表 二级list 二级list 二级list 二级list 二级list 二级list 预操作区 Pre-operation 用户生成内容的集合,或者是主操作区用到的对象 用户在此的进一步选择,决定了在主操作区所编辑的内容或者协助完成主操作区内容 在双击打开之前,主操作区域并不受到影响,依然保持之前的状态 B C E D A F G H 无需和画布区域协作,面板展开使用 浮出 的交互,对其他区域进行遮挡,可设置单次操作完成后自动收起 预操作区为 :低频单次操作