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

发布时间 : 星期六 文章中国移动统一门户UI设计规范补充规范 - 图文更新完毕开始阅读

6.1.2. 中国移动网站Logo

注:Logo尺寸的度量单位是pixel(像素)。如上图所示,中国移动网站登录后专区Logo的宽度为138px,高度为56px。

6.2. 文字

文字是多数网页的主体内容,中国移动网站各网页的文字在大小、字体、行高、颜色几个方面需要遵循以下规范。 6.2.1. 大小和字体:

中国移动网站规范的文字大小和字体包含以下两种。其中,12px(宋体)用于正文及链接文字,而13px(宋体)则用于各模块标题文字。注:各省根据自身需求可对字体加粗。

12px(宋体)

13px(宋体)

6.2.2. 颜色

文字颜色规范规定了带链接文字以及导航菜单的文字可以使用的颜色。

链接文字:使用通用字色,鼠标悬停状态加下划线。通用字色包括以下四种颜色:

注:其中#404040色为左侧导航文字颜。 头部导航菜单链接文字,鼠标悬停状态加下划线:

8

正文字体颜色(注:#555555为主要内容字体颜色,#8F8F8F为辅助字体颜色, #BBBBBB为文本框内初始化字体颜色):

6.3. 页面尺寸

中国移动网站登录后所有页面的页宽设定为950px,用户在1024屏宽显示下能正常浏览。

6.4. 页面模板结构

页面结构是指页面主体区域的排版结构。在中国移动网站登录后页面模版设计中,主要是标题正文型设计。

9

10

7. 图片规范

图片规范是指对中国移动网站上图片使用做出基本要求,并对图片的格式、尺寸、大小等做出规定。

图片常常是网页上最引人注目的内容,图片规范有助于保证图片的精致和页面的齐整,进而提升网页乃至整个网站的品质。 7.1. 图片使用基本要求

? 图片的选用与反映的主题一致;

? 图片画面显示清晰,不采用改变显示尺寸的放大或缩小; ? 图片画面(尤其是人物图像)不允许变形; ? 图片文件大小控制在 30 KB内为宜;

? 图片按照“所属栏目名_图片描述名”的规则命名,图片名称均由小写字母、数字

和“_”组成,不能有空格或其它字符;

? 每张图片必须添加图片注释文字(alternative text); 7.2. 图片文件格式

GIF 、 JPG和PNG 的图片格式均可被采用。 7.2.1. GIF文件

图片中的颜色没有过渡渐变效果的时候用gif格式的图片。 7.2.2. JPG文件

图片中的颜色有复杂的过渡渐变效果的时候用jpg格式的图片。

7.2.3. PNG文件

图片中图形不规则,但又需要透明边缘时,一般使用png格式的图片。

11