网站邮箱视觉设计规范.pdf

《网站邮箱视觉设计规范.pdf》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、139邮箱视觉设计规范2010年5月目录•目的•适用范围•视觉设计规范–Logo运用与品牉形象–邮箱标准色制定–皮肤主色调及相关配色–邮箱的排版布局–导航–Tab样式–TIPS提示样式–按钮–字体–图片与广告–Icon–表单与表格–邮箱模板•其它目的•在设计和维护的过程中遵循视觉统一标准，强调网站界面视觉的统一性，提高视觉设计的工作效率，以及用户更清晰的体验网站功能适用范围•仅限于139邮箱整体网站的视觉设计优化（基与现有的视觉规范进行逐步优化）•Logo运用与品牉形象–LOGO的尺寸，颜色，输出文件格式规范制定139邮箱Logo图形与标准色

2、R:0G:102B:153C:93M:61Y:22K:4LOGO邮箱运用尺寸139邮箱登录面和内页左上角的LOGO尺寸为(W：120pxH：28px)，W：120pxH：28px其它运用尺寸139邮箱提供了宽度从40px,48px,64px,96px.128px,192px六种不同尺寸的Gif（或PNG－8）格式Logo，可以根据实际情况，选择合适的尺寸使用。Logo的链接指向http://mail.139.com邮箱默认皮肤用户进入邮箱的默认颜色邮箱主色系为蓝色，皮肤分红、黄、蓝、绿四色系进行区分，设计师可在四色系里自行搭配颜色设计皮肤

3、，需注意设计风格保持简单、干净，内容与皮肤视觉效果完整。邮箱的排版与布局规范基本规则获得最佳分辩率为1024X768网站整体靠左显示，向右自适应，其左侧导航宽度170px，TOP高度70px，邮箱版块的间距行宽统一调整为5的倍数邮箱结构布局统一规则邮箱定位调整和统一规则导航左侧导航的区块定位规则Tab样式除1类主标签和2类广告标签为独立设计样式，其余内页标签全部统一成3类样式设计按钮登录按钮的尺寸为h:30px向导按钮和突出功能按钮样式尺寸为h:30px邮箱模板按钮样式尺寸为h:32px邮箱嵌入页所以有提交，表单，弹出窗口按钮样式尺寸为

4、h:24px向导按钮文字大小使用14px（加粗）其它功能提交按钮文字12px，重点突出为12px(加粗)文字颜色为深灰色(#333333)。新按钮图形和触发状态（下图）字体尺寸单位（px)最小字体：12px文字样式适用于：普通信息描述常规字体：12px（粗体）文字样式适用于：重点标题和普通信息重点标题字体：14px（粗体）文字样式适用于：区块标题最大字体：18px（粗体）文字样式适用于：用户信息重点和广告标题字体使用：所有页面文字全部采用font-family:Verdana,Arial,Helvetica,sans-serif,宋体;行间距

5、：12px字体大间距：15px小间距：10px14px字体间距：15px超链接：#333333正常链接：文字样式重点链接：文字样式其它链接：文字样式（随皮肤转变字体颜色）文字颜色：常规文字#333333注释文字普通信息描述#999999重要标题文字#0040c5（随皮肤转变字体颜色）标注和突出信息文字#ff5907提示错误文字#ff0000TIPS提示样式TIPS分三种提示状态系统提示窗口弹出提示错误提示样式h:27px(宽度随指定页面统一对齐方式)图片和广告登录页形象图W:600pxH:234px，大小控制在50k以内；JPG格式为主，

6、GIF和PNG-8格式为辅登录页广告W:337pxH:95px，大小控制在10k以内；JPG格式为主，GIF和PNG-8格式为辅运营活动图片W:170pxH:70px，大小控制在10k以内；JPG格式为主，GIF和PNG-8格式为辅ICON常用ICON及含图片说明成功正确等图片说明操作失败，或者对错误的操作或信息做判断；对于已出现的错误作出警告；图片说明对操作者进行有用信息的指示；图片说明针对正确的操作进行的提示，例如：填写注册信息时进行的提示。图片说明针对错误的操作进行的提示ICON常用尺寸（用列表展示）图片说明80PX图片说明48PX图片说

7、明32PX图片说明24PX图片说明12PX表单与表格表单的统一间距15px输入框高度25px文本编辑器高度300px所有表单样式统一规则邮箱模板统一139邮箱对外宣传的格式模板和引导用户使用邮箱的格式模板模板宽不得超过760px；邮件的头：包含139邮箱LOGO和模板指定主标题都不得进行任何修改、删除和添加；除模板指定主标题文字内容可修改外，其他邮件外框的样式和色彩都不得进行任何修改、删除和添加；邮件的css不得进行任何修改、删除和添加。THEEND