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

如题所述

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

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

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

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

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

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

扩展资料

网页设计中的注意事项:

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

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

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

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

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

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

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

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

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

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

效果图:

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-06-30

一般来说我们在给客户做网站的时候整体宽度会把握在2000px,因为现在市面主流显示器的宽度在1980以内,所以2000的像素足够让所有显示器显示比较全。

但是主主体的宽地我们会控制在1200范围以内,因为最小的分辨率为1240,即使在最小的浏览器上,我们设计的网页也会完整的显示出来。

辅助线内为主体宽度。

本回答被提问者采纳
第2个回答  2016-06-30
我现在的方法是直接让宽度等于100%,然后设一个最小的宽度,比如1200,如果不是跨平台的,这样基本能满足需求,还能保持较好的视觉效果
第3个回答  推荐于2018-03-09
现在都是宽屏设计了,1920PX就可以或者1440PX本回答被网友采纳

网页设计最标准的尺寸是多少?
1024*768下,网页宽度保持在1002以内;3、(1920*1080分辨率下)顶部banner尺寸建议1920*500,最顶部信息栏与导航栏建议高度40、126 4、网页中字体也是有使用规范的,合适的字体大小才能展现出最完美的效果,网页尺寸标准字体不标准也不行(1920*1080分辨率下)特别提示 如果没有指定的要求,以1920尺寸设计...

网页设计最标准的尺寸是多少
1. 针对800*600分辨率屏幕,设计网页时,将宽度限制在778像素以内,这样可以避免出现水平滚动条。网页的高度则根据版面设计和内容确定。2. 在1024*768分辨率的屏幕下,网页宽度应不超过1002像素。如果页面满屏显示,理想的高度应在612至615像素之间,这样可以防止水平滚动条和垂直滚动条的出现。在Dreamweaver...

网页设计合适的页面尺寸是多少
网页设计合适页面尺寸:1、800*600下,网页页面宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现...

网页页面尺寸一般设置多大才合适?
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值,1024*768页面的标准大小是955*600,照着它的尺寸做就行了)3、在...

网页尺寸一般是多少
网页设计合适尺寸,已经有了很大改变,不需要担心设备尺寸不同的问题,以目前主流形式来看,有以下:1、pc端网版页的设计稿尺寸是宽度1920px,高度最小是1080px,主体内容在权1200px内就行,比较规范。2、移动端网页的设计尺寸可以考虑680px和720px。网页(英语:webpage)是一个适用于万维网和网页浏览...

网页页面尺寸一般设置多大才合适·
网页页面尺寸并没有固定的标准,但常见的页面尺寸设置可以参考以下几种规格:常见网页页面尺寸设置建议:1. 宽度设计:常见的网页宽度设计一般设置为1280px或以上的宽度,以确保在各种屏幕和设备上都能良好显示。随着响应式设计的普及,许多网站采用流式布局或百分比布局,以适应不同尺寸的显示设备。2. 高度...

一般做网页设计背景尺寸定多大?
1. 网页设计的背景尺寸应根据网页的具体要求来确定。2. 在800*600分辨率下,网页宽度应保持在778像素以内,以避免水平滚动条的出现。高度则根据页面的内容和布局来决定。3. 在1024*768分辨率下,网页宽度应保持在1002像素以内。如果希望整个页面在屏幕上完整显示,高度应在612-615像素之间,这样就不会...

一般网页设计背景尺寸是多少?
1. 在800x600分辨率下,网页的宽度应保持在778像素以内,以避免出现水平滚动条。高度则根据版面设计和内容需要来决定。2. 在1024x768分辨率下,网页宽度应控制在1002像素以内,确保在满屏显示时,既不会出现水平滚动条也不会出现垂直滚动条。理想的高度大约在612至615像素之间。3. 在图像编辑软件如...

一般做网页设计背景尺寸定多大?
网页设计标准尺寸:1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。为了做到主题鲜明突出,要点明确,应该使配色和图片围绕预定的主题;调动一切...

网页设计合适的页面尺寸是多少
一、常见网页设计尺寸 1. 桌面端网页设计尺寸:一般为宽度1920像素,高度则视内容而定。这一尺寸是现代显示器的主流分辨率,保证了用户在桌面设备上浏览的舒适度。2. 移动端网页设计尺寸:随着移动设备的普及,响应式设计变得越来越重要。通常使用视口宽度为设备的实际屏幕宽度,设计时要考虑不同设备的屏幕...

相似回答