随着液晶面板行业技术的快速发展,现在显示设备可以支持更高分辨率,如此多的分辨率标准给网页设计和制作人员来说无疑是个 严峻的考验。对于设计人员来说需要兼顾到各种分辨率标准下完美的体现网站的视觉效果,而对于制作人员来说则需要将设计稿呈 现到浏览器中,鉴于各种分辨率标准呈现的显示区域不同、用户所使用的浏览器软件的不同等等因素会导致最终的网页未能百分百 还原设计稿的效果而使客户对我们的工作造成误解。通过以下示例也许您应该明白这是为什么…
本案例客户要求1920*1080分辩率以内页面中大Banner图片与屏幕左侧边缘不能有空隙,基于此要求我们将Banner图片区 域采用了背景与图片拼结的方式完美的实现此效果。页面根据客户端用户所用分辩率的不同使其页面内容保持屏幕居中, Banner图片区域会进行适当隐藏而不会使页面出现横向滚动条。
本案例中客户要求设计要大气、简约,所以我们采用大图片突出产品的设计,由此产生的问题是图片下面的分流导航由 于分辩率的差异,使其在低于1920*1080分辩率下在第一屏是无法显示的,为了保持图片清晰度的情况下此Banner图文件 大小超过300K,网速较差的情况下图片打开较慢。各分辩率下页面显示内容有所不同,仔细看上面三张图的区别哦!
同一个页面,不同分辩率的情况下,呈现出的视觉效果是有所不同的,更多标准则不一一列举了。
看到这儿我相信您已经明白了,对吧?