现在企业网站建设都会选择当下流行的响应式布局,响应式网站设计应根据用户使用的设备的分辨率大小进行相应的响应与调整,最大限度满足不同设备用户体验需求。
什么是响应式布局?
早在2010年Ethan Marcotte就提出响应式布局的概念,简单来说,就是一个网站能够兼容多个终端,即手机、PC和pad,而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。
响应式布局的优点
1、用户体验良好,之前网站普遍使用固定的宽度逐渐满足不了现在不同设备与不同分辨率需求,在电脑上两边留白太多,在手机上内容太小,用户为了看清需要不断的拖动界面缩放。而响应式设计根据不同分辨率自动调整布局,提供非常良好的展示效果。
2、节约设计开发成本,相对于每个终端都要专门设计一个版本来说,响应式设计最节约开发成本。
3、便于优化,响应式网站手机、pc、pad端都是统一的url链接,通过单一的URL地址手机所有的社交分享链接最佳化搜索引擎。
4、方便后期维护,响应式设计再不用分别为PC界面、pad界面、手机界面维护,制药维护一次内容即可。
响应式布局的缺点
1、对老版本IE兼容较差,对于IE6、7、8来说,响应式布局可能就不能正常显示了,当然现在电脑技术进步飞速,这类用户应该是越来越少了。
2、兼容各种设备工作量大,本来我们在设计式就要考虑不同浏览器的兼容问题,现在又来个不同尺寸的设备,想象就头大了。
3、灵活性欠缺,基于不同设备的属性不同,对用户体验的要求也不同。比如在手机端我们更喜欢手势操作,例如滑动,拖动等,而电脑端则是点击,对于更能性较强的网站可能不适用。
4、访问速度可能会慢,响应式同时加载多套css样式代码已响应不同设备,同时可能隐藏大量不同终端无用的元素,导致影响网页加载速度。
总结来说,虽然响应式布局解决了不同终端的显示问题,优点多多,但事物总有利弊,它也并不能使用所有网站,设计还是要看用户的需求,最终都是为用户服务的。