网页设计规范

blank

网页设计规范

一.常用显示器分辨率

1.1366x768超过1024x768成最流行的屏幕分辨率,你的产品用户体验中有考虑到吗?

2.来自独立网络分析公司StatCounter的最新统计数据显示,从2012年3月开始,1366x768已经成为世界范围内最受欢迎的屏幕分辨率。在此之前的三年里一直都是1024x768这一尺寸,因此可将其视为一种标志性的改变。

3.由此可见,以1024x768为最佳分辨率的方屏显示器,在近三年正被快速淘汰。而被大多数14寸宽屏笔记本电脑采用为最佳分辨率的1366x768,也因硬件市场情况被广泛使用。

4.高度根据内容决定,没有规范

5.注意网页第一屏显示的高度:显示器的高度-浏览器工具栏

二.宽度规范

1.网页宽度=较宽显示器分辨率(比如1920px、1600px、1440px)

2.网页主体宽度=较小显示器分辨率(800px、1024px、1280px)-滚动条(IE滚动条=21px)

3.设计师通常新建画布宽度1920px,内容区域宽度1000-1280px

4.有些企业为了保证最小分辨率1024X768,内容区域宽度在1000像素左右

5.高度不限,分辨率:72像素/英寸。

三.颜色规范

色彩模式:RGB/8位

主色(75%左右),辅助色(20%左右) ,点睛色(5%左右)
背景色:设计时请使用使用web256安全色,活动专题页可以不按此规范执行

四.字体规范

标题:常用微软雅黑,字体样式选择“WINDOWS”,

18-48px。(大标题18-48,小标题14-18 )

正文:常用宋体,字体样式选择“无”,

12px-14px。

行距:常用1.5倍左右行距,行数越多距离越大

字号:尽量用双倍数字

(注意:LOGO,广告图,专题页除外)

五.字体规范

网页正文一律采用宋体12号字体,黑体(微软雅黑)用于标题

英文字体从9px开始能够清晰显示,字号10、11、12、13px,字体采用系统自带字体,如:TAHOMA、ARIAL、VERDANA等

blankblank

What do you think?

Written by marketer

blank

泛家居行业新零售和不同品牌商务谈判的能力模型分析

blank

优秀网页UI设计深度解析