网页设计规范
一.常用显示器分辨率
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等