网页设计的宽度一般为多少?应该怎么把握?
百度统计流量研究院对于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字体更美观和均衡。
效果图:
网页效果图中的网页字体,虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素,一定要认真使用,因为你不单要设计文字与整体网页的关系,还要设计字体的样式表颜色。