校园产品华为C5600机型UI规范文档

  • 格式:pdf
  • 大小:733.71 KB
  • 文档页数:20

校园产品终端UI文档-广东电信产品开发中心 1 校园产品终端华为C5600 UI文档 此文档用于指导产品中心项目界面开发文档,只限于产品中心相关项目及相关开发人员使用,不得以任何缘由复制、散布。

版权所有 不得复制 校园产品终端UI文档-广东电信产品开发中心

2 修改记录 姓名 日期 更改备注 郑红莉 2009-06-13 建立文档 郑红莉 2009-06-13 华为C5600桌面详细说明、拆分和尺寸标注 谭凯 2009-06-15 文档格式调整 校园产品终端UI文档-广东电信产品开发中心

3 目录 华为C5600机型手机桌面说明....................................................................................4 桌面通用界面规则....................................................................................................4 桌面预置墙纸背景图(集团UI规范)..........................................................................5 桌面其它效果图........................................................................................................5 手机桌面.......................................................................................................................6 手机桌面整体效果图(图A2-1)............................................................................6 手机桌面局部详细说明(图A2-2).........................................................................7 桌面拆分标注(图B2-1)........................................................................................8 桌面尺寸标注(图B2-2)........................................................................................9 手机主菜单.................................................................................................................10 手机主菜单图标动态效果(图C2-1)...................................................................10 手机主菜单拆分及尺寸标注(图C2-2)...............................................................11 天翼大厅.....................................................................................................................12 天翼大厅整体效果(图D3-1)..............................................................................12 天翼大厅拆分及尺寸标注(图D3-2)...................................................................13 天翼大厅设置界面拆分及尺寸标注(图D3-3)....................................................14 下载中心拆分及尺寸标注...........................................................................................15 (图E5-1).............................................................................................................16 (图E5-2).............................................................................................................17 (图E5-3).............................................................................................................18 (图E5-4).............................................................................................................19 (图E5-5).............................................................................................................20 校园产品终端UI文档-广东电信产品开发中心

4 华为C5600机型手机桌面说明 华为C5600机型手机桌面这里指手机桌面整体客户端应用。包含的内容有:应用快捷菜单、综合信息栏、时钟、系统工具条菜单等。应用快捷菜单是指:手机桌面里面运行的软件,例如:浏览器、QQ等;综合信息栏是为方便提醒用户及时得到需要的消息定制的窗口,例如:校内网、开心网、约会等提示;系统工具条菜单是指手机应用的功能菜单,例如:主菜单、显示应用快捷菜单。

桌面通用界面规则 1. 通用字体样式 Font- 宋体 14*14px #000000 font字体用在所有无特别标注字体样式的地方。

Font white-宋体 14*14px #ffffff 白色字体用在深色的底上,加黑色边框,使文字在深浅背景上都可应用。

Font bold-宋体 14*14px bold # ffffff 加粗字体: 用于快捷菜单文字说明及综合消息栏

2. 桌面图标 快捷菜单默认图标尺寸为:大小:52*46px

快捷菜单选中状态图标为:大小:52*46px 图标背景变暗加白边框 综合信息栏小图标尺寸为:大小:20*20px 系统工具栏功能菜单图标尺寸为:大小:32*32px 天翼大厅默认图标和选中图标尺寸为:大小:72*72px 校园产品终端UI文档-广东电信产品开发中心

5 桌面预置墙纸背景图(集团UI规范)

桌面其它效果图 校园产品终端UI文档-广东电信产品开发中心

6 手机桌面 

手机桌面整体效果图(图A2-1)

手机信息状态栏

应用快捷菜单文字说明 应用快捷菜单

综合信息栏

时间信息栏

系统工具菜单栏 校园产品终端UI文档-广东电信产品开发中心

7 手机桌面局部详细说明(图A2-2) 手机信号图标:以电信LOGO和信号组合成图标既实用也可以代表电信形象加深用户的印象

进入主菜单 显示/隐藏应用快捷菜单

应用快捷菜单:天翼大厅里面下载的应用软件。桌面显示的图标可设置移动位置及删除等,需要更多软件可以到下载中心下载更多软件。

综合信息栏:便于用户定制自己关注的信息,及约会提醒等 校园产品终端UI文档-广东电信产品开发中心

8 桌面拆分标注(图B2-1) 240px

320px 20*20px

33px32*32px

52*46px 52*46px 14*14px加粗 14*14px 校园产品终端UI文档-广东电信产品开发中心

9 桌面尺寸标注(图B2-2)

24px 22px

46px

80px

103px 33px 12px

16px 16px 文字间距8px

12px 12px

102px 校园产品终端UI文档-广东电信产品开发中心

10 手机主菜单 手机主菜单图标动态效果(图C2-1)

备注: 图标选中状态动作 校园产品终端UI文档-广东电信产品开发中心

11 手机主菜单拆分及尺寸标注(图C2-2) 12px

33px 52px 文字色值:#525252 83px

124px