公告:123目录网为广大站长提供免费收录网站服务,我们将免费进行到底,如需快审服务(10元/站)请联系站长QQ,可自助充值发布。

点击这里在线咨询客服
新站提交
  • 网站:346
  • 待审:6
  • 小程序:12
  • 文章:35791
  • 会员:89

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

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

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

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

该不该做两套版本?

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

响应式技术的发展怎样?

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

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

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

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

总结

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

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

尽可能精简代码

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

尽可能优化加载速度

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

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

小工具

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

标签:[db:tags]

下一篇:网站建设需要考虑的因素有哪些

上一篇:最佳实践详细解析小程序首图如何抓住用户注意力

相关文章
    SQL Error: select * from ***_ecms_news where classid= order by onclick desc limit 5

  575

注册时间:

网站:1 个   小程序:3 个  文章:12 篇

  • 346

    网站

  • 12

    小程序

  • 35791

    文章

  • 89

    会员

赶快注册账号,推广您的网站吧!
最新入驻小程序

数独大挑战2018-06-03

数独一种数学游戏,玩家需要根据9

答题星2018-06-03

您可以通过答题星轻松地创建试卷

全阶人生考试2018-06-03

各种考试题,题库,初中,高中,大学四六

运动步数有氧达人2018-06-03

记录运动步数,积累氧气值。还可偷

每日养生app2018-06-03

每日养生,天天健康

体育训练成绩评定2018-06-03

通用课目体育训练成绩评定