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

7.3. 图片尺寸和大小

7.3.1. 中国移动网站内容图片

7.3.1.1. 中国移动网站登录后专区首页

7.3.1.1.1 顶部搜索栏：

搜索框部分尺寸：434x31 搜索框部分大小：1Ｋ以内 搜索框内初始文字颜色：#b2b2b2 搜索按钮尺寸: 77x31 搜索按钮大小：2KB以内 按钮上文字颜色：#555555

7.3.1.1.2 规格一：

用户个人头像：

首页个人信息尺寸：70x70 图片大小：5Ｋ以内 规格二：

动态信息个人头像尺寸：50x50 图片大小：5Ｋ以内 其他规格：

其它页面个人头像尺寸保持1：1比例，大小控制在20KB以内

7.3.1.1.3

页面功能模块标题栏：

12

规格一：

图片尺寸：560x30 图片大小：2KB以内 规格二：

优惠业务

图片尺寸：560x30 图片大小：2KN以内 选中状态：

选中状态图片尺寸：95x30 图片大小：2KB以内

7.3.1.1.4

话费信息按钮：

按钮尺寸：99x 27 按钮大小：2KB以内 按钮文字大小：12px 按钮背景图：

悬停状态：

按钮尺寸：99x 27 按钮大小：2KB以内 按钮文字大小：12px 悬停状态按钮背景图：

更多查询按钮：

按钮尺寸：99x 27 按钮大小：2KB以内 按钮文字大小：12px 更多查询按钮背景：

按钮文字颜色：#055093 按钮文字颜色：#055093 按钮文字颜色：# b33e3e 13

7.3.1.1.5

左侧导航图标：

图标尺寸：24x24 图标大小：2Ｋ以内 图标背景：半圆角矩形

7.3.1.1.6

页面按钮：

按钮尺寸：auto x 50 按钮大小：2Ｋ以内 按钮文字大小：12px 按钮文字颜色：＃B33E3E

8. 页面模版和结构说明

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

中国移动省级门户网站登录后设计图如下：

14

1 2 3 8 9 4 10 5 11 6 7 12 13 14

15