PDF《一级导航区 Navigation》

A1 A2 A3 A4 A5 + 一级导航区 Navigation 产品一级导航是将产品的一级产品功能展示给用户,包含3块内容: 1.

产品logo名称 2.产品功能导航 3.用户相关信息和连接 用户强化用户心目中的产品信息及产品版本信息透出. 包含以下3块内容:

1、logo

2、产品名称(必选)

3、产品版本信息 用户在使用产品过程中同时存在多个项目、业务、产品域 或区域,并且需要进行切换,产品主要操作界面基于某种 切换形式下使用. 产品具有1项或多项一级功能时,做铺开展示,便于用户切 换使用各个功能. 针对当前项目下进行的全局操作.如: 全局时间设置、全局搜索 此处区域包含2块区域内容:

1、辅助功能区:用于展示帮助文档、反馈收集、产品设 置、帮助、全局搜索等产品辅助功能,仅以图标展示,鼠标hover图标时提示该功能信息.

2、用户信息区域:用于展示用户强相关信息,如账号信 息、计费信息等. 产品具有多项一级功能时展示状态: 产品具有1项一级功能时展示状态(无click 状态背景): 项目1 建议项目过多的时候设置Fliter功能 ?多于7个项目时,项目列表区域定高度,出现滚动条 ?默认按照创建时间倒序排列,排序逻辑可根据产品实际情况自行决定 ?项目名称多于20个字符截断 ?selected-当前选中的项目 ?hover-鼠标滑过 ?在当前页面新建项目,弹窗完成设置 ?新建完成后切换到新建项目 点击跳转到项目聚合页面 搜索 项目1 项目1 Selected 项目2 项目3 Hover 项目4 项目5 项目6 项目7 新建项目 查看项目列表 默认状态: 淘宝 阿里云 支付宝 alibaba 菜鸟 ! 安庆 阿勒泰 安康 阿克苏安顺 包头 北海 北京 百色 保山 长治 长春 常州 昌都 朝阳 常德 长白山 成都 重庆 长沙 赤峰 潮州 大同 大连 达县 东营 大庆 丹东 大理 敦煌 稻城 德令哈 A B C D ABCD EFGH JKLM NPQR STWX YZ 华北 华南 西北 东北 中部 北京 上海 广州 陕西 山西 1. 有限个数的切换, 2. 如:多个城市的切换 3. 如:内容较多时,可以展开二级分类,帮助用户定位寻找到目标

1 logo Logo大小:36x36 px

2 字体:方正兰亭黑 字号:16号 描述信息最多7个字

3 显示版本icon(14x14px)+ 版本名称(最多3个字,字号:12px) 开始时间 - 结束时间 全局时间设置(正常/展开状态): 全局搜索: 开始时间 - 结束时间 头像大小:30x30px;

用户未设定头像时为默认头像;

默认头像 自定义头像 最多支持5个;

图标:18x18px;

鼠标滑过时,显示该功能名称 ! 阿里巴巴 高级版 我的 项目 创作区 订阅 全局搜索 QuickBI A1 A2 A3 A4 A5 + ! 阿里巴巴 高级版 QuickBI 标准版 高级版 定制版 ali-data****@aliyun.com… 未读消息 产品余额 消费记录 退出

98 ?0.00 字号:12px,最长显示12个字符,超出以省略号代替 此处可设定与账号相关的信息,如未读消息、账户金额等;

图标大小:16x16px;

当前click状态 正常状态 鼠标hover状态 导航名称 导航名称 导航名称 导航名称 导航名称 导航名称 导航 名称 导航 导航 导航 名称 导航 名称 导航 导航 导航 名称 常规导航形式,适用于单级菜单的导航形式. 单级导航的扩展形式;

适用于左侧导航含有多级菜单时,采用此版导航. 说明: 建议支持到二级导航,功能过多时可支持三级导航展示. 二级导航的窄版模式,前两种导航(B1/B2)的收起状态;