导航:首页 > 万维百科 > 网页设计宽

网页设计宽

发布时间:2020-08-01 15:33:47

1、网页宽度一般是多少

 网页的尺寸受限于两个因素:一个是显示器屏幕。
现在显示器现在种类很多,以21寸为主流, 正在朝23寸及宽屏的方向发展。但目前也有为数不少的19寸显示器,甚至是17寸的。
另一个是浏览器软件,就是我们常用的IE,Friefox,360浏览器等。
基本上网页宽带是屏幕大小减去22px就是页面的宽度,比如对于800*600分辨率的屏幕,页面的宽度要低于778像素,1024的宽度的页面要设置成不大于1002px(一般就是950或者960),等等。当然还有些人觉得设置成fixed比较好,就是满屏,100%宽度。
目前各大网站基本在960/950为主,促使各大网站改为宽屏的原因是,1024*768分辨率的浏览器早已成为主流,更宽的屏幕也越来越多,比如1280*1024。而这些网站的宽度,大都是950px/960px而非1002px(腾讯网的是1002px)。
我知道在这个问题上面每个人的观点是不一样的,我认为这里主要要考虑两个因素:
视觉效果和用户体验。
从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。
而从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4开的报纸,都会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还行,如有二十几行,谁能读下去?!
现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!
所以,我认为950-980的页面宽度是最合适的。

2、网页设计中网页到底该多宽?

这是个典型的UED问题,不久之前ucdchina特别讨论过,月光也讨论过这个问题,最终月光采用的是960px的固定宽度。
这个问题显然没有正确答案,我更偏向于固定宽度。
设想一下自己面对一个大屏幕(比如1440px),视线从屏幕左边转向右边,光凭眼球的转动已经不行了,头部也需要做一些旋转。我的笔记本是1200px,扫过整个屏幕也需要运动一下我的脖子了,可见对于1440px以上的人整日面对的都是宽度100%的网页该是多么的累。
不用为大家的脖子的担心,因为我看到的中文网页至少有八成属于固定宽度居中布局(各大门户、99%的博客、四大CMS默认主题),宽度值在900到1000像素之间,其中以960px最流行。据说960px只需要转动眼球就可以看全整个页面了,真是懒人绝配。
960px固然标准,对于内容少的网站完全可以用600到800px的宽度。
有个很著名的眼球理论,认为人们偏向于首先阅读左上角的内容。因为一般网站的标题、导航都在那个位置。将这个理论用于600px宽的网站了,右上角就是整个头部,然后视线直接向下。也就是说读者阅读是个从上到下的简单过程,我觉得这种阅读时最轻松的阅读。
small-snail 在 2009-11-8 1:21 的时候说:
blackli 在 2009-11-8 9:49 的时候说:
@small-snail
想法很好啊,值得考虑
附常见屏幕尺寸比例表:
800*600 0.75
1024*768 0.75

3、网页设计的尺寸大小是多少,宽度应该是多少???

其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。

4、网页设计的宽度一般为多少?应该怎么把握?

百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。

排名第一的是360×640,这是竖屏,一般在医院、学校中才能见到,暂且不谈。

排名第二的是1920×1080,占比13.07%。

1366×768排第三,占比6.32%。这说明现在主流的电脑分辨率是1920×1080。

排名第七的分辨率,1024×768,是最小的电脑尺寸了,仅占3.13%,很少有人使用。在做pc端的网页设计时,不用考虑这个尺寸,而应在做pad端和手机端的适配时,将其纳入考虑。

而更高级的响应式网站应该是在严格的栅格规范下,适应于不同宽度,确保各宽度下的展示效果。但这样的成本也会相应增加,在开发网站时,需综合考虑实际需求和开发成本。time(《时代周刊》官网)是个很好的响应式网页案例。

(4)网页设计宽扩展资料

网页设计中的注意事项:

1、网页设计的尺寸标准:

面向1024-768显示器分辨率开发的网页尺寸,宽910px;

面向800-600显示器分辨率开发的网页尺寸,宽778px;

2、网页设计中的画布设定:

尤其注意分辨率为72 像素/英寸。

3、设计中的网页字体问题

中文字体:尤其注意“设置消除锯齿的方法”选项要选择“无”。

宋体是最常用的网页字体,12px 是中文操作系统可以表现的最小的字体,内容。

文字大小一-般用两种,12px 或14px(现在的新的vista据说能表现10px的中文字,但现在使用并不多)。

英文字体:其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体,比起arial字体更美观和均衡。

效果图:

网页效果图中的网页字体,虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素,一定要认真使用,因为你不单要设计文字与整体网页的关系,还要设计字体的样式表颜色。

5、网页设计最合适的页面尺寸是多少?

网页设计标准尺寸:

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

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

3. 在ps里面做网页可以在800×600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740×560左右。

4. 在PS里做的图到了网上就不一样了,颜色等等方面,因为web上面只用到256web安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象。

6、一般做网页设计背景尺寸定多大?

网页的背景多大要看对网页的要求的,
网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
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

7、网页设计宽度多少是最好啊?

网页的尺寸受限于两个因素:一个是显示器屏幕。
现在显示器现在种类很多,以21寸为主流, 正在朝23寸及宽屏的方向发展。但目前也有为数不少的19寸显示器,甚至是17寸的。

另一个是浏览器软件,就是我们常用的IE,Friefox,360浏览器等。

基本上网页宽带是屏幕大小减去22px就是页面的宽度,比如对于800*600分辨率的屏幕,页面的宽度要低于778像素,1024的宽度的页
面要设置成不大于1002px(一般就是950或者960),等等。当然还有些人觉得设置成fixed比较好,就是满屏,100%宽度。

目前各大网站基本在960/950为主,促使各大网站改为宽屏的原因是,1024*768分辨率的浏览器早已成为主流,更宽的屏幕也越来越多,比如1280*1024。而这些网站的宽度,大都是950px/960px而非1002px(腾讯网的是1002px)。

这个问题上面每个人的观点是不一样的,我认为这里主要要考虑两个因素:

视觉效果和用户体验。

从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。

而从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4
开的报纸,都会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还
行,如有二十几行,谁能读下去?!

现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!

所以,我认为950-980的页面宽度是最合适的。
网页设计原则:http://www.wzyunying.com/post/74.html

8、网页设计的宽度是多少

整个宽度1920px,是为了防止大屏幕边缘全白的情况。中间的正文部分通常1000px,最多1200px

与网页设计宽相关的知识