网页设计最标准的尺寸是多少？

工具/材料

电脑

ps

01

当前最流行的分辨率是1920*1080的，在该分辨率下，页面中心区域为1200px以内都可以。建议1000-1200

02

其他分辨率情况下的尺寸如下：

800*600下，网页宽度保持在778以内；

1024*768下，网页宽度保持在1002以内；

03

（1920*1080分辨率下）顶部banner尺寸建议1920*500，最顶部信息栏与导航栏建议高度40、126

04

网页中字体也是有使用规范的，合适的字体大小才能展现出最完美的效果，网页尺寸标准字体不标准也不行（1920*1080分辨率下）

特别提示

如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率

一般做网页设计背景尺寸定多大？

网页的背景多大要看对网页的要求的。

网页设计标准尺寸：

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间，就不会出现水平滚动条和垂直滚动条。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

专业的网页设计，需要经历以下几个阶段：

需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

以业务目标为中心进行功能策划，制作出栏目结构关系图。

以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。

根据用户反馈，进行页面设计调整，以达到最优效果。

以上内容参考：百度百科-网页设计

网页设计常用尺寸大小

网页设计常用尺寸大小

网页的.宽度　

 现在比较流行的网页宽度是950px，网页两边留出少许白边，简洁又大方。 1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615

之间.就不会出现水平滚动条和垂直滚动条。 网页设计中常用的广告尺寸

 BUTTON

120*60

215*50

 通栏

760*100

430*50　

 超级通栏 760*100或者760*200 巨幅广告

336*280

585*120

 竖边广告 130*300 全屏广告 800*600 弹出窗口 400*300 BANNER 468*60 悬停按钮 80*80 流媒体

300*200

国际标准的网页BANNER大小规格  横幅广告(Banner)

文件大小：gif:14K/swf:16K

广告尺寸：468*60像素

广告位置：页面顶部

 按钮广告(Button)

文件大小：gif:6K/swf:8K

广告尺寸：170*60/120*60像素 广告位置：第一屏 第二屏

备注：触发式LOGO，弹出图片尺寸为160*160 文件大小gif:9K/swf:12K

弹出窗口广告(Pop up)

文件大小：gif:18K/swf:20K

广告尺寸：360*300像素

广告位置：第一屏

 通栏广告(Full collumn)

文件大小：gif:20K/swf:25K

广告尺寸：770*100像素

广告位置：第一屏 第二屏

 流媒体(Flash layer)

文件大小：swf:25K

广告尺寸：200*150像素

广告位置：第一屏

形式：浏览打开页面，该广告放映8秒后消失

 画中画(PIP)

文件大小：gif:20K/swf:25K

广告尺寸：360*300像素

广告位置：新闻最终页面

 浮动标识(Float box)

文件大小：gif/swf/flash8k

广告尺寸：80*80像素

广告位置：第一屏右侧

 全屏收缩广告 (Full screen)

文件大小：gif:20K

广告尺寸：750*550像素

广告位置：第一屏

形式：打开浏览页面前该广告以全屏形式出现3-5秒，随后消失  擎天柱(Sky-scraper)

文件大小：gif:15K/swf:17K

广告尺寸：130*200像素

广告位置：第一屏 第二屏

 视频广告

文件大小：gif/swf/flash8k

广告尺寸：300*250像素

广告位置：第一屏两侧

 文字链接(Text link)

规格：不超过10个汉字

广告位置：第一屏 第二屏

备注:文字链接长度以不折行为准

网页设计LOGO的标准尺寸

120×120 这种广告规格适用于产品或新闻照片展示。 120×60 这种广告规格主要用于做LOGO使用。 120×90 主要应用于产品演示或大型LOGO。 88×31

主要用于网页底部友情链接中的LOGO，或网站小型LOGO。 ;

最新网页设计尺寸规范是什么？

网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

如果是大屏幕设备，则向页面head部分中添加BASE标记，并将后续的图片、脚本和样式表加载请求定向到一个虚拟路径"/rwd-router"。

当这些请求到达服务器端，htacces文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片"，并进行相应的反馈输出。对于小屏幕的移动设备，原始尺寸的大图片永远不会被用到。

通过液态网格和液态图片技术，并且在正确的地方使用了正确的HTML标记。

响应式图片技术思想：不仅要同比的缩放图片，还要在小设备上降低图片自身的分辨率。这个技术的实现需要使用几个相关文件，我们可以在Github上获取。

包括一个JavaScript文件(rwd-images.js)，一个.htaccess文件，以及一些范例资源文件。大致的原理是，rwd-images.js会检测当前设备的屏幕分辨率。

一般网页的尺寸规范是多少？

网站 首页页面宽度 px

Yahoo! 950

淘宝 950

MySpace 960

新浪 950

网易 960

Live Search 958

搜狐 950

优酷 960

AOL 960

随着电脑的发展，显示器是越来越大，分辨率也是越来越高，为了照顾所有不同显示器的用户，把网站的制作尺寸规范就定在1024*768下，网页宽度保持在1002-1004以内，高度还是以根据需要制作的内容在定，如果只想网页只在一屏内显示，不要上下滚动条， 一般高度是600-635像素之间, 就不会出现垂直滚动条。

在ps里面做网页可以在1003*600状态下显示全屏，页面的下方也不会出现滑动条，尺寸为1003*650像素左右 。

1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005

3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001

网站页面大小其实并没有一个统一的标准，不过网站建设好之后要记得测试各浏览器的兼容性，很可能在IE没问题的情况下，其他浏览器出现错位的情况。