当前位置:主页 > 互联网知识 >

网站写响应式好还是手机和PC端分开来写好?

发表日期:2019-07-30 22:06文章编辑:狐灵科技浏览次数: 标签:网站,写,响应,式好,还是,手机,和,端,分,开来,

手机和PC端分开来写,为了方便,下面简称为PC和移动分离。这个问题我们之前在另外一篇文章中讨论过,但是感觉还是不够全面,所以从另外一个角度(伪前端?)再来深入探讨一下。
 
在《打造高可用性的移动产品》一文中,作者提到过:“移动和桌面设计的差别远不止是布局问题。只要有足够的编程量,这些差别是可以通过响应式设计来解决的。事实上,你可以认为如果一种设计不能兼顾两种平台的主要差别,就不能算是合格的响应式设计。但是,如果确实想要处理好平台间的所有差异,我们就回到了原点:进行两种不同的设计。”
 
可见响应式与移动开发不是硬币的正反面。它们是为了解决同一个技术问题而被创造出来,它们是同一种技术思想的分支延伸。
 
既然无情的回到了原点,我们先来看看我们当初想要解决的问题:“屏幕尺寸越来越多,不同设备的交互特质也有着巨大的差别,我们希望我们的网站能够在移动手机、平板、桌面电脑,在键鼠、触摸、无障碍设备上都有优秀的用户体验。所以,我们需要网站的用户界面在不同的平台上有所不同。”
 
响应式设计 (Responsive Web design)方案
 
目前普遍的认知是,把主要依靠 CSS (主要是 Media Query,网格与Typography系统),辅以少量的JS,来对各种屏幕尺寸进行响应的做法,称之为响应式布局。
 
这种主要依靠CSS和少量JS的方案有很多优点,比如:
  • 设计风格和细节能被复用,大大降低了设计成本 - 美工开心
  • 前端只需要维护一套CSS代码 - 前端开心
  • 桌面端与移动端的设计十分接近,令用户感到“熟悉” - 用户开心?
  • 不需要任何服务器端的支持 - 后端开心
  • 与业务耦合程度低,复用程度高 - 后端开心
看起来就是,大家都开心,所以很多著名的开源项目(例如:Bitwebcms、Bootstrap、Foundation)都进行了跟进。
 
但有些地方也并不是那么完美的:
  • 功能需求复杂时,光靠响应式无法支持复杂的需求
  • 前端代码执行效率低(我们测试过,大概低3-5%)
  • 桌面端的交互和移动端的交互很难针对平台作出差异
 
 
假如你的网站(或者系统)在桌面和移动上的功能和用户体验几乎一致,就像大部分的企业站网站、博客和信息展示网站,或者活动、专题页等偏重信息传达而轻交互的网站,那么响应式绝对是最佳解决方案。
但是(永远有个但是),如果我们很有钱,也很有时间,想要做更多的移动端设计,比如减少信息层级、增强手势操作、让网页更接近一个应用程序?于是,为了更复杂的需求,为了我们的网站能更牛逼的匹配各个屏幕,聪明又勤劳的工程人员们又提出了这些解决方案:
 
RESS (Responsive Web Design with Server Side Components)翻译过来就是通过服务器端组件的响应式网页设计,简单的说,就是让服务器后台掺乎进来。RESS的赞同者大都认为基于前端的响应式方案只是一种妥协和不彻底的行为。有大神总结到:“ UI 只是在很被动的进行「调整」,而不能真正达到各个平台的最优。好的设计应该达到「这个设备该有的体验」(Device Experiences)。 ”服务器端的好处是服务器端为同一个URL动态的生成不同的内容:包括HTML,JS,CSS,甚至是字体和图片等资源。这样可以规避前端响应带来的执行效率低下和页面打开速度慢的问题。(我个人并不觉得太慢~)
 
 
有些人还在在 JS 中实现两套逻辑,分别兼容桌面和移动设备。通过 UA、特性检测在前端做设备判断,对资源进行异步加载,渲染不同模版,使用不同的业务逻辑,针对不同的平台加载不同的UI和业务模块等等……
 
 
那么现在,我们的网站可以更牛逼的 “响应” 各个平台了。然后悲剧发生了。您会发现,不怎么在乎成本的老板,也会向你开始抱怨太慢。后端、前端和美工慢慢的开始抱怨多了起来。大家又有了新的想法,我们为什么不干脆把移动网站和桌面网站分开到两个系统中?如果你的需求真的都到这一步了,你的移动网站已经不是一个普通的网站了,也应该可以被称作 WebApp了。把移动设备网站彻底分开也许真的非常适合你。如果开发资源足够充足,咱们还可以让专门的团队来维护专门移动端的网站。(嗯,事实上,不差钱的BAT 就是这么干的)
 
于是又一个昂贵的概念诞生了,独立的移动版网站。不过,它真是那么独立么?至少,是和桌面版用的同一个根域名吧。多数情况下,这个时候会需要使用到独立的二级域名。那么问题来了,难道我们要让所有用户在计算机上自觉访问 http://taobao.com ,然后手机上都自觉访问 http://m.taobao.com?所以,我们还是要根据访问设备做一次 “响应”(设备检测),然后进行 URL 重定向,才能将不同设备的用户带到那个为他们准备精心的那个网站。所以从根本上说,手机和PC端分开来写,只是响应式设计的一种再次的发展和延伸罢了。他们的界限没有某些响应式技术的黑粉眼中那么清晰,其实也不需要那么清晰。
 
如果不能兼顾两种平台的主要差别,就不是好的办法,无论是响应式还是PC和移动分离。
 
这不是一个二选一的问题,而是一个平衡度选择
如没特殊注明,文章均为狐灵科技原创,转载请注明  http://www.hulingweb.cn/hulianwang/545.html
  • 更多 +狐灵业务单元

    营销型网站建设 品牌创意网站 企业官方网站 上市公司网站 B2C电子商务网站 大型门户网站 专题活动网站 定制化电子商务 产品商城网站 移动手机电商网站 微信会员电商

  • 更多 +我们的优势

  • 更多 +关于狐灵

    狐灵致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发, 与其他网站建设及系统开发公司不同,我们的整合解决方案结合了狐灵网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,且不断评估并优化我们的方案,为客户提供一体化全方位的互联网品牌整合方案!

更多 +联系我们

服务热线:15523356218大客户专线:023-68168040

业务 QQ传真:023-68168040

售后专线15082661954售后QQ:

渠道合作邮箱Foxl@hulingweb.cn

我们的认知

在我们的对手消耗大量的时间停留在碎片化的互联网设计或者程序实现的时候,我们已经开始把数字化品牌建设和网络传播进行了整合。只有通过整体的互联网品牌分析,帮助企业家们进行互联网品牌建设,并传播企业品牌,并围绕品牌树立品牌价值,提升企业与用户的互相交流,与用户品牌交互,让用户能找专业的方法去解决问题。传播品牌,激起消费者品牌意识,在这过程中创造价值,这是我们成功的秘诀,也是我们帮助用户成功的诀窍,更是成就一流品牌的一条直达线。

不能否认的是,建设网站,创造互联网品牌价值的过程,是一种在互联网上艺术的行为,但互联网跟涂鸦全然不同,企业的品牌价值并不体现在希望品牌成为某个这种艺术家的作品。互联网传播的对象是用户,用户拥有自己的文化体系,群落共性才是互联网传播根本,这种传播才是互联网创造价值的体现,这种价值的体现呈现多样。空洞的好看没有实质是网站建设的闹剧,网站如果不能激发品牌价值和网络营销和帮助用户,则是网站建设的悲哀,这样的网站没有灵魂!所以,网站建设运营,网络营销必须得得人心,有非常好的用户体验,能够解决问题和需求,能够为梦想者创造和传播品牌价值,最后创造价值,狐灵与你同行!


HI,Are you ready?

  • 公司名称*
  • 邮箱*
  • 姓名*电话*

您需要的服务*

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台
我需要做营销型网站
我需要优化推广

您最关注的地方*

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

预算*

5千以下 1万以下 1-2万 2-3万 3-5万 5-10万 10万以上 大型项目需要招标
验证码 看不清?点击更换 看不清? 点击更换

售前售前
售后售后
留言微信
Top