欢迎光临

桑三博客

标题: 网页设计中页面宽度要多少最合适？

作者: 桑三

日期: 2010-11-02 12:26 AM

分类: 电脑技术

内容: 在给许多客户做网站的过程总，经常碰到客户说页面不满屏，或者要拖动滚动条才可以看完页面的内容。其实就是对于网页设计人员来说，就是分辨率兼容性的问题。对于设计者来说，那么页面要设计多宽才合适呢？固定宽度还是适应宽度好呢？这个问题可能并没有一个标准，也没有对错之分。可能我们在使用网页尺寸的时候更多想到的并不应该是用多大的宽度，而是我们的访问者更适合多大的网页宽度！
国外一些网站主要采用920。
国内的新浪是950 ，阿里巴巴 960 ，也有980的。
一些博客模板什么的使用的是1002的。
当前潮流网页设计标准尺寸:
网页设计标准尺寸:
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按800*600分辨率制作，实际尺寸为778*434px
页面长度原则上不超过3屏，宽度不超过1屏
每个标准页面为A4幅面大小，即8.5X11英寸
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px
另外120*90，120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K
结合实际企业网站建设经验和互联网关于这个问题的回答，得出几点意见，供读者参考。
1.希望用户认真阅读的网站，主要内容区域的宽度必须固定，不能过长，否则会伤害到阅读者的眼睛，而且不适合阅读的流畅性。固定宽度在650左右最合适。有兴趣的人可以去搜索相关报告，为什么是650左右。
2.宽度问题其实是一个蛮值得讨论的问题。在屏幕越来越大，尺寸越来越多样的时候，这个问题会越来越凸显。但如果纠结于“不要有空白”、“功能和内容不能分开”，没有任何意义。有些可用性原则，没有挑战余地。就好像公共场所的门必须向外打开一样。
3.虽然屏幕越来越大，对于一些网站来说1024的宽度不一定会是主流，但至少需要向下兼容这个宽度，把他们作为一个很重要的人群考虑。
4.对于这个问题，设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为：大多数嗓门大的用户，并不知道什么样的方式对自己最有益。对于这个问题，设计者应该为用户考虑更有益的方式。而不是听用户说他们想要什么样的方式。因为：大多数嗓门大的用户，并不知道什么样的方式对自己最有益。
5.一个页面只有一个主要内容区域，其他所有都是辅助内容，能隐藏就隐藏，能忽视就忽视。在用户浏览的时候，辅助内容不要紧挨着主要内容。那样会干扰阅读，侧面影响内容摄取的质量。特别是当辅助内容不能很少的时候。曾经在800*600为主流时，页面宽度大都以770或780px为标准；在1024*768为主流时，页面宽度大都以950或960px为标准。当时准则很简单，首页固定宽度，因为版面容易控制；内文页自适应宽度，因为可以让更大屏幕（主要是1024*768）用户单屏看到更多内容。但现在的大屏幕通常得超过17′才算，在这种情况下，全屏自适应的排版模式并不易读。因此我个人认为，在显示器越来越宽、越来越大的发展趋势下，页面宽度还是固定为好，并且应该以适应1024*768为基准，950或960px几乎是用户不扭脖子、双眼扫视的宽度极限。
至于大屏幕应用，主要是为了能放更多窗口，或者特殊的查看、处理超大图片场景。其目地都是为了提高工作效率，使用双屏意义也如此。全屏模式下，自适应页面中间必然大量留白，固定页面旁边必然大量留白。所以回到开篇所述结论，大屏幕浏览页面的良好体验，本就应该用户自己调整窗口，否则无论如何都有鼠标“长征”的弊端。
宽屏幕的意义主要在于让用户看宽幅电影时的体验更好，绝对不是阅读体验。用普通4:3屏幕看宽幅电影必然造成上下留有黑边，本身就是种浪费，与用宽屏浏览网页两边会有留白是同样道理。比如我很少在笔记本上看电影，用笔记本主要是工作和学习，因此我还是喜欢12′普通比例，虽然宽屏笔记本越来越成为主流。

+ 查看当前日志评论 (0)

登录

────────────

桑三博客

PJBlog3 v3.2.9.518 Inside.

Processed In 0.301 ms

返回

标题: 网页设计中页面宽度要多少最合适？

发表评论:

昵称:
密码:
评论内容:

发表 返回

────────────

桑三博客

PJBlog3 v3.2.9.518 Inside.

Processed In 0.301 ms

返回

暂无评论

返回

────────────

桑三博客

PJBlog3 v3.2.9.518 Inside.

Processed In 0.316 ms

返回