2016网页设计尺寸规范

发布者:深圳网站建设

来源:www.lonwin.net

时间: 2016-10-20 00:00

一.PC网页设计规范

固定的内容:

1.PS中设计分辨率为:72像素/英尺(图片质量的像素点)

2. 颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)

1-1610201F4243D.jpg

不固定的内容:

1.网页背景

a.纯色背景平铺(自适应浏览器)

b.渐变色或底纹平铺背景(自适应浏览器)

目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观

c.通栏大图

二.屏幕分辨率

1.标准分辨率:1024px*768px(目前10%-20%的用户在用)

主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px)

首屏高度大约在700px

2.常用分辨率:1280px*768px

主体设计内容宽度:1200px(常用宽度:1190px,1170px,1100px,1200px)

首屏高约:750px

3.系统分辨率统计

1-1610201F43Vc.jpg

三.设计文档大小

1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px)

2.设计到通栏大图片新建文档的宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

四.主流浏览器的界面参数与份额

主流浏览器的界面参数与份额

1-1610201F52b59.jpg

上一篇: 2015年下半年网页设计的9大趋势 下一篇: 网站HTML语言是指什么?