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

139 邮箱视觉设计规范
2010 年 5 月
目 录

• 目的
• 适用范围
• 视觉设计规范
– Logo 运用与品牉形象
– 邮箱标准色制定
– 皮肤主色调及相关配色
– 邮箱的排版布局
– 导航
– Tab 样式
– TIPS 提示样式
– 按钮
– 字体
– 图片与广告
– Icon
– 表单与表格
– 邮箱模板
• 其它
目的
• 在设计和维护的过程中遵循视觉统一标准，强调网站界面视觉的统一性，
提高视觉设计的工作效率，以及用户更清晰的体验网站功能

适用范围
• 仅限于 139 邮箱整体网站的视觉设计优化（基与现有的视觉规范进行逐
步优化）
•
Logo 运用与品牉形象
– LOGO 的尺寸，颜色，输出文件格式规范制定
 139 邮箱 Logo 图形与标准色

R: 0 G: 102 B: 153
C:93 M:61 Y:22 K:4

 LOGO 邮箱运用尺寸
139 邮箱登录面和内页左上角的 LOGO 尺寸为(W：120px H：28px)，

W：120px H：28px

 其它运用尺寸
139 邮箱提供了宽度从 40px,48px,64px,,192px 六种不同尺寸的 Gif
（或 PNG－8）格式 Logo，可以根据实际情况，选择合适的尺寸使用。Logo 的
链接指向
邮箱默认皮肤
 用户进入邮箱的默认颜色
邮箱主色系为蓝色，皮肤分红、黄、蓝、绿四色系进行区分，设计师可在四色系里
自行搭配颜色设计皮肤，需注意设计风格保持简单、干净，内容与皮肤视觉效果完
整。
邮箱的排版与布局规范
 基本规则
获得最佳分辩率为 1024X768
网站整体靠左显示，向右自适应，其左侧导航宽度 170px，TOP 高度 70px，
邮箱版块的间距行宽统一调整为 5 的倍数


 邮箱结构布局统一规则
 邮箱定位调整和统一规则
导航
 左侧导航的区块定位规则
Tab 样式
除 1 类主标签和 2 类广告标签为独立设计样式，其余内页标签全部统一成 3 类样式设计
按钮

登录按钮的尺寸为 h:30px
向导按钮和突出功能按钮样式尺寸为 h:30px
邮箱模板按钮样式尺寸为 h:32px
邮箱嵌入页所以有提交，表单，弹出窗口按钮样式尺寸为 h:24px
向导按钮文字大小使用 14px（加粗）