推荐设备MORE

自己建网站上线前—牡丹江爱

自己建网站上线前—牡丹江爱

行业知识

响应式设计方案不值得得搞的好多个原因

日期:2021-02-07
我要分享

到2017年,会出现大量的人用移动终端替代PC端浏览互连网,因此打造出易浏览的手机端变成Web开发设计者最关心的难题之一。因而响应式设计方案应用为之,但从我本人的视角看,它其实不非常值得全力青睐,为何?

 响应式设计方案并不是全能的。自己以往也是一个响应式设计方案的粉絲,发觉许多Web运用不可以非常好的在移动显示屏上显示信息,Google地形图便是一个非常好的事例。包括许多照片的网站也合适响应式设计方案,但以文字主导的网页页面和blog也不是了,乃至于我认为对这类Web网站执行响应式设计方案仅仅消耗時间。

1. “响应式设计方案”达不上客户期待

Usability 101 标准的第一条便是“考虑客户期待”。以blog为例子子,它被普遍接纳的设计方案方法是: 从上向下、內容和照片各放一边、出示边栏,这一已在数千万blog中被运用,由于它做到了客户的期待。

但如果你浏览历经响应式设计方案的移动网页页面,一般边栏会消退,或是会跳至最顶端或是最低部, 总之并不是你期待的地区。以Cats Who Code 为例子,下边是桌面上显示信息,有顶端的导航栏、边栏(包含近期Post),小广告宣传栏和检索框。下边是iPhone的页面:

可看得出导航栏和边栏消退了,再次向下拖的情况下我总算寻找了边栏,你可以能会感觉这仅仅个个案, 但客观事实是它是一个典型性的响应式设计方案,大家爱看到的是以不放弃桌面上原素为前提条件的移动页面显示信息,显而易见我觉得是。

2. 掏钱多 用时长

一般来讲,响应式设计方案比非响应式设计方案要花大量的钱。假如有些人Damn地争执响应式设计方案比创建一个附加的移动版块更划算,我愿意,但你了解比响应式设计方案更划算的是啥吗?全都无需!

另外你需要想一想这花了你是多少時间,从响应式设计方案里边你获得了是多少项目投资收益,得到了甚么?

3. 非响应式设计方案主要表现都不赖

看着我自身的blog在Mac上显示信息实际效果:

看它在我的iPhone上:

在iPhone4英寸的显示屏上,读起來觉得非常好。假如文本很小了,那么就双击鼠标变大吧,待会看了了又缩回家其实不是啥难题。 并且可笑的是,如今的手机上页面便是以便非响应式设计方案提前准备的, 且大部分提出分手机主要表现得非常好。假如你非得抓出一些出现意外得话,去看看看这些网页页面的桌面上版,设计方案也一样很差。

4. 对载入時间没益处

大家了解移动终端实际操作时是根据互连网子光纤宽带的连接网络速率,因此网页页面要保证至少的负载来降低载入時间,许多响应式设计方案仍未真实降低载入時间,由于很多设计方案师仅仅掩藏了这些原素, 对提升载入没什么益处。并非响应式设计方案能够挑选“延迟时间载入”,它是一个挑选先载入最聚集原素再到别的的方法。

5. 响应式设计方案实际上是种让步

能够说响应式设计方案是设计方案师的主观性决策,她们觉得桌面上显示信息页面已不可用移动页面,随后感觉一定要作出相对更改。而客户假如见到更不适感的页面之后提问,为何要弄个那么不一样又并不是非常好的显示信息方法?这违犯了usability 101第二条标准“不必让客户感觉她们没法操纵局势”。

因此我的见解是:这仅仅一种让步,是设计方案师的主观性决策,客户并沒有感觉多少的不适感,非常是当响应式设计方案不仅钱又要花時间的情况下。

最终,我写本文有2个缘故,我认为响应式设计方案在许多情况下是没必需的;在互连在网上显著缺乏对响应式设计方案的争执。我不会否认响应式设计方案基础理论自身,但客观事实就是我见过的很多情况下它确实没必需。许多人习惯性在他人拥戴时并觉得那就是理所应当的事,但你最好从一个开发设计者的视角看来看,这确实就是你必须的吗?

PS: 什么叫响应式设计方案?  网页页面的设计方案与开发设计理应依据客户个人行为及其机器设备自然环境(系统软件服务平台、显示屏规格、显示屏定项等)开展相对的响应该和调节。实际的实践活动方法由多方面面构成,包含延展性网格图和合理布局、照片、CSS media query的应用等。不管客户应用手记本還是iPad,网页页面都应当可以全自动转换辨别率、照片规格及有关脚本制作作用等,以适应不一样机器设备。