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

如题所述

百度统计流量研究院对于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本回答被网友采纳
相似回答