快速出击打造随“机”应变的响应式网站
响应式设计的概念从提出至今,一直不断蔓延扩散并得到各方认可,的主要原因:
1、外部环境:快速增长且日趋加剧的可联网设备的多样化,让现今已不再有标准的屏幕尺寸;
2、自身特色:严格定义的响应式一般是指响应式Web设计,而Web凭借其特有的灵活性和可塑性,可以适应各种尺寸和配置的设备,可以无处不在。
3、内部需求:响应式设计概念一提出,各大网站及平台都希望能够采用这秉一应万的模式,可以更灵活地去适配更多设备,尤其是现在移动设备大爆棚的时代。
那么什么情况下更适合采用响应式呢?
1、你想节约成本地去适应更多场景:资源都是有限的,但总是希望能利用有限的资源去获得更大的价值。虽然比起开发设计一个普通的网站来说,要打造一个响应式站点,所需要的人力和时间资源都会有所增加,但比起为不同设备分别打造多个版本的成本还是要低很多;从维护的角度来说,也会轻松很多。
2、你并不清楚要设计开发的全新产品更适合哪个场景:与其通过预测挑选核心设备再进行分别设计,倒不如先花些心思将网站打造得更具弹性,使其在各种设备中都拥有尽可能优秀体验。因为在各方面都未知都情况下,做预测会加剧过程风险,使得结果存在巨大的挑战性。
3、你希望网站可以兼容未来的新设备:新的设备层出不穷,与其被动地进行更新维护,不如主动应万变,成为响应式。
目前大多网站中选择成为响应式的设计模式主要有两种:
1、基于设备:通过主流设备的类型及尺寸来确定布局断点(break point),设计多套样式,再分别投射到响应的设备。
2、内容优先:在国内有大腕互联响站(www.dawaner.net)为代表,根据内容的可读性、易读性作为确定断点(break point)的标准,即在对内容进行布局设计的时候,可以无视设备,由内容决定何时需要采用不同的呈现方式。
内容优先的方式是真正符合响应式设计核心策略的模式,也是对未来最好的方式。 从过去基本上是基于PC的几个尺寸,选择最佳的标准尺寸去设计页面;到现在移动设备已经玲琅满目,同时电视、穿戴设备也慢慢开始起来,已经不再有固定的尺寸;未来,将是更加无法预知的设备环境;那么什么才是王道呢?——就是内容本身! 变化总是来得快且狠,我们要做的就是抓住那根可以贯通全局的线!