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

网页设计稿宽度

发布时间:2021-02-16 16:56:57

1、设计网页,常见的宽度是多少像素

主体部分一般为1000px左右,其他部分做成可自行调整的,也就是自动伸展;
就比如百度提问这个页面,主体部分我查了一下是1100px,记得以前是980px;上面导航上面的都是根据分辨率大小来自动伸展的,很多网站的基本架构都是差不多的,
做成1000左右的原因是为了1024x768分辨率下不出现横向滚动条,而800x600分辨率现在应该基本没人用了

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、网页设计中如何设置版面宽度

&

4、网页设计 如何设定打开之后网页的宽度?

是初始宽度,是还就是打开的时候让他宽
初始用window.open
打开的时候让他宽就直接把打开的第一个页面变大(注意:是手动啦网页的篮筐)拉到你认为合适的地方,然后关底网页,再打开,看看。

5、PS中网页设计的宽度一般是多大?

网页设计电脑端UI都是1920宽,1080像素高的尺寸设计

6、网页设计一般页面尺寸怎么设置呢?

长是不用设置的
宽度为930~960看起来会舒服一些

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、HTML5移动网页的设计稿尺寸应该是多少

HTML5的移动端网页设计稿,通常情况下,内容区为750px或960px或者1080px的,一般不小于750px像素大小(宽度)
设计稿可以比750px大,但是绝对不能比750px小,这个主要是由于当前手机的分辨率相对较高(iPhone 6是375物理像素,但实际像素为其两倍,也就是750,这个750就是这么来的)
如果设计图稿过小,前端在实现图稿的时候里面的图片大小在高分辨率的情况下会显得模糊不清,所以这也是为何要“大”分辨率
此外需要注意的是,要保证页面的基准字体大小,在320px的设计稿当中,最小字体不宜小于12像素,其他像素的设计稿当中,等比例换算即可(12/320px*设计稿像素值)

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

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

与网页设计稿宽度相关的知识