过去,网页设计中经常遇到不同设备、不同分辨率、不同阅读宽度的情况下需要区别定制设计的问题。为了解决这个问题,响应式设计的概念被提出。响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改变窗口大小等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用pc、平板电脑,或者手机,无论是全屏显示还是非全屏的情况,无论屏幕是横向还是竖向,页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备。
响应式设计概念一提出,各大w88及平台都希望能够采用这秉一应万的模式,可以更灵活地去适配更多设备,尤其是现在移动设备大爆棚的时代。但是,只有当你的w88需要适应不同的场景,或者对未来新的设备进行布局时响应式设计才显得恰到好处。
响应式设计模式分为基于设备和内容优先两种形式。随着设备的更新,人们无法预测未来新的设备运行环境,基于网页设计的核心目的,内容本身才是真正需要考虑重视的。
尽管响应式设计有诸多优势,有一些难题还是等待解决的:
1、响应式图片:目前弹性图片的做法主要是:缩放、剪裁、分条件加载等实现方法本质上都只是一个技巧,只是治标不治本地掩盖了问题,并未真正完美地实现图片的弹性。
2、跨端的交互:在响应式设计中,我们不仅要需要考虑桌面用户的使用习惯,还必须兼顾不同尺寸的手持设备。比如在桌面端无尽优雅的Hover,在移动端却是无比糟糕的体验,如何“求同存异”,让各端体验均能最佳,还是需要继续深入探究的。
3、性能:性能估计是在响应式开发中最大的痛,按条件加载、隐藏或显示什么内容,都会比单一条件判断的代码结构来的繁琐,并影响体验及维护。尤其是移动性能上,更多样的设备具有更加复杂的使用环境,如何识别设备,并让设备在不同环境均能良好体验,也是一根硬骨头。
4、合作流程:响应式设计远远不止是一种简单的设计策略,它为Web项目带来的是一整套全新的、完整的方法,还应该包括一种新的、可以更好地利用这一模式的工作流程。
综上,正如之前的许多设计趋势一样,响应式体现的是一种高度适应性的设计思维模式。在网页设计不断探索研究的道路上,响应式设计最终会被适应性更强、更完美的设计策略所替代,这才是不变的设计趋势。