壹品网络 > 新闻中心 > 潍坊网站建设 > 网站改版趋势 响应式网站建设

发表时间:2015-06-23 返回首页

网站改版趋势 响应式网站建设

响应式网站建设
作为全球领先的科技巨头,Google一向推重响应式页面规划,并在本年的4月21日发布了重大的更新,意图是进步响应式在移动终端上的运转功率。

尽管在更新中没有明确标明你有必要运用响应式规划。仅仅简略的提示响应式规划具有不错的UX和优胜的功用,是移动规划方面的一个不错的挑选。

思考到这一点,让咱们一起来测验一下“响应式规划”与“自习惯规划”在功用和用户体会上各自的利害。

自移动终端设备全部普及后,争辩最为剧烈的是咱们在响应式规划,自习惯规划和独立的手机网站(具有独自的M.URL)该做何挑选。依据本文章的评论要点,咱们先避开独立的手机网站不谈,由于它好像不太受规划师和公司的期待,也许是由于它有必要得独自创立的缘由吧。(前期的开发和后期的保护本钱都很大)

两者的差异?

首要,响应式和自习惯最为要害的差异是啥呢?

简而言之,响应式就适当于液体,它能够主动习惯不一样尺度的屏幕,不论你的设备尺度多么奇葩。响应式运用CSS media queries的办法,依据目标设备主动改动个性如显现类型,宽度、高度等,这能极好处理不一样屏幕尺度的显现疑问。

而自习惯规划是依据断点运用静态规划,一旦页面被加载就无法再进行主动习惯,自习惯会主动检测屏幕的巨细来加载恰当的作业规划,也即是说,当你要选用自习惯规划网站时,你得一个一个规划6种多见的屏幕规划。

1.320
2.480
3.760
4.960
5.1200
6.1600.

显着,自习惯规划需求做更多的作业,你有必要最少规划6种多见的规划。而响应式规划能够非常好地习惯杂乱的媒体设备请求,能极好地处理显现和功用疑问。

特别是后者,这几年有着诸多的争议。由于许多网站供给的是完好的桌面模型,即使没有在移动端加载,但也会显着拖慢网站的速度。为了处理这一疑问,咱们能够用CSS3 的media queries处理方案,但会有一些折衷,由于响应式网站无法到达专门的移动网站那样快。

为何运用自习惯规划?

自习惯可用于改造现有的网站使其非常好地习惯移动端。这使你的规划可操控和开发多个特定的视图。你开发视图的数量彻底取决于你,你的公司和全部的核算。但是,它也供给了一定量的控件(例如在内容和规划上),如此你便无须运用响应式规划。

一般,你首要会规划一个低分辨率视图,拟定你自个的办法保证规划不会被内容所限制。

正如前面所说到的,它那六个标准的规划规划。但是,你能够经过检查你网站,剖析最为常用的设备,然后决定这些视图该怎么规划。

假如你想在scratch上从头规划一个自习惯网站也行。从最低的分辨率开端规划,拟定你自个的办法。接着你能够用CSS3 的media queries拓展更高分辨率的规划视图。当你规划多种分辨率时你会发现,在改动窗口巨细的时分将会“跳出”规划。

自习惯网站能够用于规划和开发一个具有多个自习惯视图的网站。所以这种规划一般用于改造网站。

为何运用响应式规划?

如今绝大多数网站都运用响应式规划,它合适缺乏经验的规划师和开发人员运用。可用的主题能够直接从CMS体系(如Wordpress,Joomla和Durpal)获取。

比较自习惯网站,响应式网站省去了许多的控件,一起也省去了不少建立和保护的功夫。响应式规划即是一种流体,在按百分比缩放时也能适当的流通。这也也许再次导致“跳出”当你在调整窗口巨细时。如下图,下图实际的是一个流体规划,规划师运用百分比缩放时,视图将会被主动地调整。


运用响应式规划,你要记住所以的规划。这当然也许会使过程紊乱,而且使规划愈加杂乱。这就意味着你应当专心于中等分辨率的视图,然后再用media querie调整为更低或更高的分辨率。
所以一般的做法是,在一个新的项目中运用响应式规划,在后期的改造中运用自习惯规划。

再三思考

正如前面所评论的,呼应网站会在网站速度有所坏处(假如他们没有准确地完成)。

响应式在编码时请求也比较严厉,以保证习惯每块访它的屏幕。但是额定的作业也是值得商讨的,由于自习惯规划请求为每一个规划独自开发和保护HTML和CSS代码。修改自习惯网站也适当费事。由于当它完成的时分你得保证每一个功用(如SEO,内容和连接)能正常运转。

当然,你应当也要思考用户体会。由于响应式基本上打乱了周围的内容以保证流通契合设备窗口,你需求特别注意的是视觉层次结构规划,由于它周围的内容已被打乱。

依据Amy Schade的观念,响应式规划往往会形成别的一个难题,那即是怎么重组大页面的元素以习惯既小有长的页面,反之亦然。但是,单是保证元素习惯页面是远远不够的。为了响应式规划愈加成功,规划也有必要保证屏幕的分辨率和尺度能够习惯。

所以,不论你选用哪种技能都没有捷径可言,都需求保证所创立的网站能习惯一切的屏幕。响应式稍占优势,你无须花很多的时刻在网站的保护上。

哪种技能更优胜?

归根结底,最主要的是要思考你用户归于哪类群体,不论你选用哪种规划方法,一旦你知道他们的习惯,知道他们更倾向于用啥设备拜访该网站,你在规划你的网站时该选用哪种方法,哪种规划,主意自然会呈现出来。

很大程度上还取决你是现有的网站仍是一个新项目。响应式规划已成为首选的规划技能和思维,如今有1/8的网站选用响应式规划(虽然这数字不及自习惯规划)。响应式规划增长迅猛,简直现已到达作为独立移动网站的相同水平。

记住这点,假如仅仅是思考屏幕的兼容疑问,能够有把握的说,那响应式规划一般是首选技能。
但是,假如客户和公司存在核算,自习惯规划也许是非常好的挑选。依据Catchpoint进行的一个测验,他们在Wordpress创立两个网站,一个运用标准的WP TwentyFourteen响应式主题,另一个运用一个名为Wiziapp的插件。

插件依据他们拜访该网站的设备向用户供给了移动主题,还供给了高级的装备选项,这么就能够进一步简化全部流程。

成果加载所用的时刻如下表:

还应当着重一点,这没有进行任何优化。但这的确标明,响应式网站需求下载桌面所需的东西。如此标明,主题并不能供给极好的功用。

再次着重一下,media queries能够克服这个疑问。至于为何运用响应式规划,上面即是一个极好的比如。但是盛行并不代表是最佳的。在最佳的东西呈现之前,咱们很难知道咱们能做啥,除了学习怎么准确的代码标准和完成一个极好网站。


本文连接:https://www.d1ye.com/web/289.html

上一篇:潍坊网站建设 企业网站不同设备间的兼容性 |下一篇:潍坊网站设计如果规划一个优秀的网站页面
  • 微信扫一扫,联系壹品网络