对网站响应式设计的重新思考

所属分类: 网站运营 / 网站策划 阅读数: 123
收藏 0 赞 0 分享

  最近在知乎上回答过响应式的问题,也重新对网页响应式设计做了一个新的思考,我给整理总结了一下。

QQ截图20170504150150

  就目前来说(我就把时间划分到2015年以后吧,之前的网页就不拿来批判是否考虑响应式了),对于一个web,响应式是最基本的要求,说简单也简单,但是要处理好每一个细节不是那么容易的,响应式也是必修课,必然导致前端要提升自己的能力。

  网站如果不支持响应式或者响应式很粗糙,谁会买单?

  或许国内的大部分网站并不刻意要求响应式,就算要求响应式,大部分适配后的网站效果也是非常粗糙的,总体来说国内的网页对响应式有比较高的需求的都属于一些要求高的或者专业性很强的网站,就算你不做响应式,直接让网页按照PC端显示的效果一样(使用类似 的代码,虽然不建议这样做,但这能有效确保具有固定尺寸的网页能按预期显示),直接适配手机,客户也会买单。境外大部分客户的网站,最基本的要求,不满足响应式不会买单。

  该不该做两套版本?

  对于大多数网站,做两套版本不是明智的选择,因为后期维护成本,制作成本,调试成本,开发成本等都会增加很多,而且互联网发展迅速,网页过时的很快,一般情况,不值得花大量时间做两套随时会过时的页面。并且大多数网站有常用的开源程序的约束,做两套对后端的扩展也会有更高的要求,可能会增加后端和服务器端的工作量。一般做两套,适用于一些拥有自己的源程序的大平台或者大型网站或者一些知名的网站。大部分网站,无需做两套。(当然如果你钱多,团队杠杠的,时间精力也多,就忽略此段落)

  响应式技术的发展怎样?

  我们不用纠结于什么fluid流布局还是其它什么布局的,我们只要考虑首先把具体的项目按照预期设计表现出来即可,然后再深入考虑其它复杂的知识点。很多细节有单独学习的必要,但是不一定都能折腾进实际项目中。实际项目还是要尽量精简代码,减少开发和后期维护成本,只要能够满足多种设备,并且利用响应式有效控制不同尺寸图片的加载,在现在的不断提升的互联网网速环境下,一样访问速度会很快。

  对于网页的响应式设计,我不会存在正面还是负面的评价,因为它是基础啊,你得适应互联网发展适应发展需要啊,适应客户需要啊,做一套网页,做好这个基础,是理所当然的。对于一项基本功,没有必要说它好还是不好。

  一个真正好的响应式,是能够处理不同尺寸的图片的,如果CSS不能满足需求,现在有很多成熟的结合JS的技术手段,可以配合CSS做到更优秀的相应,不会大幅度影响加载速度,它完全可以达到两套web的效果。毕竟你不是做APP,是做网页。如果你要拿APP的原生交互效果和流畅程度和web相比,我觉得偏题了,没有必要,本身它们就是互补的东西,你不要他要,没有谁排斥谁的必要。

  如果还没见过优秀的响应式网站,可以去看看FWA上面的很多获奖的移动端网站。

  总结

  现在的响应式技术,已经很发达了,不但能满足不同设备的适配,还能够从交互,从体验,从加载速度等方面进行匹配。现在的响应式技术,不能和响应式才开始流入的那几年相提并论,什么代码冗余等等的负面东西可以忽略了。其实对于响应式这个东西,剩下的,只是愿不愿意学更加先进的技术,愿不愿意研究和发现,愿不愿意使用到实际项目中的问题而已。

  我自己并不做独立的前端工作,也不是什么大牛公司的前端开发,我只是为了服务自己设计的东西而已。只不过我也经过了几年的折腾,兼容性,响应式各种,用过很多开发框架,学过研究过不少进口知识,做过一些被认可的东东。我现在对于响应式设计,只有一个方向:

  尽可能精简代码

  尽可能以最少的Responsive Breakpoints兼容更多的设备

  尽可能优化加载速度

  尽可能避免使用JS(Retina图片适配我一般使用JS,相对来说和响应式分开,会更加灵活,避免Retina的图片适配也使用CSS)

  尽可能做到和PC端一样流畅的交互效果

  小工具

  检测网页的性能,包含基本的响应式性能:Google Insights

更多精彩内容其他人还在看

网站关键词有名次之后的营销战术

网站关键词有排名之后这是值得高兴的一件事情,但是有排名并不意味着网站有高额的收入,相反有很多辛辛苦苦将网站关键词做到首页的站长却没有获得丰富的盈利,这是什么原因导致的呢
收藏 0 赞 0 分享

根据用户视觉感官解决用户体验问题

想要真正意义上的提高用户体验,就必须从人体视觉感官分析人物心理。这才是从根本上提高用户体验
收藏 0 赞 0 分享

站长从最火爆的娱乐节目中国好声音中领悟到的网络营销方法

今夏最火的娱乐节目非中国好声音莫属了.作为网站站长.也需要从中领悟到一些营销方法了
收藏 0 赞 0 分享

运用SEO四四二法则,成功把营销大局攥在手心

在电商的经营上,有一个四四二法则。即40%的成功取决于营销对象,40%取决于报价或产品,20%取决于营销创
收藏 0 赞 0 分享

其实网络营销才是SEOer们以后的出路

其实有很多人会认为网络营销就是seo,或者seo就是网络营销。这是很多新手跟老板的误区,seo只是网络营销的一个很小的细节,还有网络营销是思维跟策略的产物。那什么是网络营销呢?网络营销又涉及到到什么呢?如果做SEO比较长得人肯定了解到网络营销是什么
收藏 0 赞 0 分享

谈谈网站究竟是应该主动营销还是被动营销?

网站的建立是非常简单的,而网站的运营和营销却是站长朋友们最头痛的问题。而对于传统站长朋友们来说,大家喜欢使用SEO快速让自己的网站排名,随之得到流量。也有一些站长朋友们已经慢慢从搜索引擎看向了用户,打造自己的品牌形成口碑营销。笔者想谈起的话题是网站到底
收藏 0 赞 0 分享

网站建设要素之制定一份网站策划方案需要哪些因素

要建立一个网站,需要从网站定位,到设计、网站结构、内容准备、内外链的建设等等,是一个复杂繁琐的过程,需要准备一份网站的策划方案。本文将简要描述,从网站的定位到最终的网站建成,整个过程
收藏 0 赞 0 分享

探讨:京东“店庆”好日子如何变成电商的普天同庆

价格战依然是电商弹药库里最核心的武器,而在短期内可能是电商唯一能让消费者实实在在体验到的武器。在京东大庆的日子里,几家不甘寂寞的电商纷纷跳下场子助兴,最终把京东的好日子变成了普天同庆
收藏 0 赞 0 分享

想做生鲜电商?你必须先解决这五个难关!

生鲜电商是今年比较热的一个话题。记得一个月前,参加过一个投资论坛,其中就涉及到农产品行业的投资。我当时有一个非常明显的感受
收藏 0 赞 0 分享

究竟该如何从竞争对手网站中挖掘“思路与做法”

学习先进的思路与做法已经成为了如今不少站长的头疼大事,部分站长在运营网站的过程中由于不注重去分析竞争对手的思路与做法最终惨败而归。作为一名普通的站长,我们没有太多的资源去聘请专业性人才,那么从竞争对手中挖掘思路与做法就势在必行了
收藏 0 赞 0 分享
查看更多