广东移动应用系统设计规范说节明书.docVIP

 第一部分：移动VI设计 VIS是Visual Identity System的简称，即视觉识别系统，VIS是一个企业重要的文化识别符号，是企业理念、企业精神、企业价值观的视觉载体。导入VIS系统是企业在文化和视觉上的一种统一，是一个企业提升企业凝聚力、塑造强有力的竞争团队、最直接的方法和渠道。 1.1．门户识别标志 “广东移动”门户识别标志将取用中国移动的新识别标志，新识别包括：北京2008年奥运会标志、“中国移动”的企业符号和中英文字体。 a：北京2008年奥运会标志 b：“中国移动”企业识别标志 c：“中国移动”企业符号 d：“中国移动”的中文字体 e：“中国移动”英文字体 企业符号诠释： 一组回旋错落的线条组成了一个平面造型为六面体的网络结构，象征着移动通信的蜂窝网络。线条纵横交错，着尾相连，其中包含了“CHINA MOBILE”的缩写“C”和“M”两个字母，寓意中国移动通信四通八达，无处不在。两组线条犹如握在一起的两只手，象征着中国移动通信通过自己的服务，拉近了人与人之间的距离；线条组成的图案适合在圆形（地球）之中，取其意为“全球通”。 标志的尺寸与比例是固定的，应用时，各地不能自由更换，一切缩小与放大，必须是原标志的大小的百分比。 1.2．门户标准字、辅助字体 考虑到各用户的系统字体，“广东移动”门户所使用的标准字规定为： 中文标准字体为“宋体”； 辅助字体为“方正黑体简体”； 英文标准字体为Times New Roman; 辅助字体主要用于题头图或页面中其它图片中，以保证页面的视觉效果。 作为中文和英文字体字体对于文字大小及间距（字距和行距）将会在第二部分应用设计系统上详细说明。 1.3．门户标准色、辅助色彩 “广东移动”门户所使用的标准色为企业的标准蓝色，富有高科技感、现代感、亲和力强、大方、稳重。使用时，必须依据本页所提供的色彩值。 辅助色彩的设定是对标准色的补充和衬托，能丰富门户形象的表现力，使应用设计更具有选择性和针对性。本说明书将提供一套辅助色彩，使用时，必须依据本页所提供的色彩值。 1.4．标志的样式 “广东移动”特别对门户标志的样式作了严格的要求，使用时请严格遵守以下规范。 因标志色彩丰富，使用暗色调背景将影响标志的整体效果，要求背景色为明色调，样式如下，各地不能自由更换。有特殊情况需要变更标志的样式，必须提交由省移动审核通过后使用。  第二部分：移动UI规范 2.1．应用系统界面组成 ·我的工作台 ·列表页面 ·列表类型一 ·表单页面 2.2．界面元素详细介绍 2.2.1． ·规范说明： ID 设计要素 相关属性以及设计标准 ① 主体 宽度：规定为屏幕宽度的百分之百； 高度：规定为屏幕高度的百分之百； ② 背景线条 图例： 第一条线条： 1．颜色：#f3f3f3; 2．高度：35px 第二条线条： 1．颜色：# E9E9E9; 2．高度：55px 3．间距： 1）上下间距分别为： 5px 第三条线条： 1．颜色：#f3f3f3; 2．高度：35px ③ 主体外包框 顶部光面图例： 顶部高度：50px 顶部包框弧度：4px 顶部包框颜色：#B2B2B2 顶部背景： 1．渐变（#FFFFFD－#EAEAEA, 75%－#F1F1F1 ,90%－#D7D7D7） 底部背景图例： 底部高度：55px 底部背景： 1．渐变：（#D7D7D7－#EBEBEB, 40%—#FFFFFF） ④ 主体内背景 图例： 宽度：640px 高度：195px 背景颜色： 1．渐变：（#9DC0F9,20%－#F5FAFF, 80%） ⑤ 系统标识语 图例： 详见横幅设计规范中的“系统标识语”； ⑥ 公司LOGO 图例： 详见横幅设计规范中的“公司LOGO”； ⑦ 登录框 图例： 字体： 1．字体大小：11px 2．字体类型：宋体 3．字体颜色：#333333 文本框： 1．宽度：195px 2．高度：18px 3．边线框样式：1px solid #B2B2B2 4．间距： 1）上下间距各为：5px 按钮： 1．对齐：与文本框左边线平齐； 2．间距：右,10px； ·范例： 2.2.2．我的工作台(首页)页面设计规范（） ·图例说明： ·规范说明： ID 设计要素 相关属性以及设计标准 ① Webpart框架 Webpart头图例： Webpart弧度：10px Webpart头行高：1.黄金高度：25-28px；2.浮动范围：23px-30px Webpart头字体大小：9pt，加粗，左间距20px Webpart头字体颜色：#1C