中国移动统一门户UI设计规范补充规范 - 图文 下载本文

中国移动统一门户UI补 中国移动充通规信范企 业标准

中国移动通信集团公司 发布

目 录

前 言 ......................................................................................................... III 1. 适用范围 ................................................................................................... 4 2. 引用标准 ................................................................................................... 4 3. 术语和定义 ................................................................................................ 4 4. 符号和缩略语 ............................................................................................. 5 5. 总体说明 ................................................................ 错误!未定义书签。

5.1.

5.2. 5.3. 5.4.

规范目标 ....................................................................................... 错误!未定义书签。 章节简介 ......................................................................................................................... 5 注意事项 ......................................................................................................................... 6 网站兼容性说明 ............................................................................................................. 7

6. VI规范 ...................................................................................................... 7

6.1. LOGO设置 ....................................................................................................................... 7

6.1.1. Logo设置规范 .................................................................................................. 7 6.1.2. 中国移动网站Logo .......................................................................................... 8 6.2. 文字 ................................................................................................................................. 8

6.2.1. 大小和字体: .................................................................................................... 8 6.2.2. 颜色 .................................................................................................................... 8 6.3. 页面尺寸 ......................................................................................................................... 9 6.4. 页面模板结构 ................................................................................................................. 9 7. 图片规范 ................................................................................................. 11

7.1. 图片使用基本要求 ....................................................................................................... 11

7.2. 图片文件格式 ............................................................................................................... 11

7.2.1. GIF文件 .......................................................................................................... 11 7.2.2. JPG文件 ......................................................................................................... 11 7.2.3. PNG文件 ........................................................................................................ 11 7.3. 图片尺寸和大小 ........................................................................................................... 12

7.3.1. 中国移动网站内容图片 .................................................................................. 12 8. 页面模版和结构说明 .................................................................................. 14

I

8.1. 省级门户网站登录后页面 ........................................................................................... 14

8.1.1. 页面标记1(页头) ....................................................................................... 16 8.1.2. 页面标记2(左侧导航) ............................................................................... 17 8.1.3. 页面标记3(客户个人信息) ....................................................................... 18 8.1.4. 页面标记4(我的业务话费信息) ............................................................... 19 8.1.5. 页面标记5(业务、活动推荐区) ............................................................... 20 8.1.6. 页面标记6(基地业务内容推荐区) ........................................................... 20 8.1.7. 页面标记7(省内业务聚合区) ................................................................... 21 8.1.8. 页面标记8(广告位) ................................................................................... 22 8.1.9. 页面标记9(充值) ....................................................................................... 22 8.1.10. 页面标记10(业务关注排行) ..................................................................... 23 8.1.11. 页面标记11(发短信) ................................................................................. 24 8.1.12. 页面标记12(其他广告位) ......................................................................... 24 8.1.13. 页面标记13(飞信聊天) ............................................................................. 25 8.1.14. 页面标记14(页尾版权说明) ..................................................................... 25 8.2. 省级登录后专区飞信模块 ........................................................................................... 25 8.3. 内页 ............................................................................................................................... 28 8.4. 顶部心情更换 ............................................................................................................... 29 8.5. 左侧导航管理应用展示详细效果。............................................................................ 29 8.6. 基地业务内容推荐各页签对应内容展示。................................................................ 32 8.7. 省内业务聚合区每个主分类对应内容展示。............................................................ 34 8.8. TITLE及收藏夹图标信息 ............................................................................................. 36

8.8.1. Title信息 ....................................................................................................... 36 8.8.2. 收藏夹图标信息 .............................................................................................. 36

II

前 言

本规范由中国移动通信集团公司提出并归纳。 本规范由中国移动通信集团公司负责解释。 本规范起草机构:中国移动通信集团公司 本规范解释机构:中国移动通信集团公司

III