网页设计中合理的宽度是多少
2020-11-11 | 阅读: | 文章来源:佛山网站建设
随着硬件设计的越来越完善,比如我们的PC,目前很多用户的PC中的显示器都是17寸,或者17寸以上的,很多都是19寸的宽屏浏览器,网页宽度的设计不仅仅要考虑到显示器还要考虑到浏览器的问题,如:在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003;在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005;在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001;Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以网页设计师在进行网页设计的时候是如何考虑到网页设计的宽度来满足不同用户的需求的呢?
常用浏览器的需求我们要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右。
在说一下网页设计师在网页设计宽度的时候要注意的一些事项什么情况下不会出现滚动条,A:当网页在800*600下,网页宽度保持在778以内。B:当网页在1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间。C:在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 。在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象。
不过对电商的页面为什么都在1200像数,我从用户体验的角度是这样分析的。1024×768的分辨率虽然有人说至今任然占据着大多数用户的浏览器,记得两三年前有一个看到一个统计1024×768的分辨率的用户占比约为40%左右,而如今1280×800及其以上分辨率的用户约占比为45%到50%左右。时至今日1024×768的分辨率的新数据用户占比到今年3月只剩下18.6%。,不过可以肯定的是确实仍有很多客户端是这个设置。1366×768的分辨率得益于笔记本的蓬勃发展,在其中占据绝对主流地位,一路高奏凯歌,从微不足道的0.41%攀升至今天的19.2%,荣登分辨率之王。位列第三的还是1280×800的分辨率,比例位12.95%,比三年前只少了5.87个百分点。这种变化对于Web开发人员来说尤其具有指导意义。现在我们可以考虑更多地为1366像素宽度进行页面优化了。我想这些数据也可能是电商改版的重要参考之一吧。
那么既然1024×768的分辨率仍有很多客户端,电商为什么就敢于放弃这部分客户的用户体验呢?而其他各类型的网站依旧保持不变呢?1024×768的分辨率从2006年左右流行至今已近8个年头了,这8年里PC技术跑步在发展。与之一起发展的便是互联网技术了,电商依附WEB及互联网技术的发展至今也已壮大了。可以说使用1024×768分辨率的机器也应该算是古董级的了,依旧使用这些机器的人,先可以断定他们对电子产品的更新是没有追求的(电子产品也是各电商主推的)。又或是子女淘汰的机器老人在使用,那在大多数老年人对网络还是比较陌生的,这部分人事绝对不可能有网络购物的存在。所以分析来分析去这部分人都不像是电商的潜在客户,既然不是客户,那电商不会顾及这部分网民的用户体验也理所当然了。