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

7.3. 图片尺寸和大小

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

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

7.3.1.1.1 顶部搜索栏:

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

7.3.1.1.2 规格一:

用户个人头像:

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

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

其它页面个人头像尺寸保持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 图标大小:2K以内 图标背景:半圆角矩形

7.3.1.1.6

页面按钮:

按钮尺寸:auto x 50 按钮大小:2K以内 按钮文字大小:12px 按钮文字颜色:#B33E3E

8. 页面模版和结构说明

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

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

14

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

15