响应式web应用程序_Web设计师的最佳做法：响应式布局还是本机应用程序？ [操作编辑]

不可否认，移动就是未来。 Google确认在移动设备上进行的搜索比在桌面设备上进行的搜索更多 ，因此很显然，所有网站如果尚未进行移动搜索 ，都应该真正实现移动性。

但是，通过响应式布局的浏览器内内容与通过本机应用程序的应用内内容之间存在有趣的二分法。

我想探索这两个领域并挖掘每种选择的根源。 网站何时应通过响应式布局与本机应用程序一起使用？ 一个网站可以同时运行吗？ 这些是当今每个新的创意项目都应该问的至关重要的问题。

本机应用程序的价值

大多数智能手机用户都依赖本机应用来编写他们喜欢的程序。 Facebook，Twitter，Instagram和其他所有人都运行自己的本机应用程序。

由于本机应用程序在本地操作系统上运行，因此在动画，UI设计和内容组织方面 ，它们整体上更加流畅且易于操作 。 本机应用程序遵循UI准则，以使它们保持一致并自然假定。 用户通常只固有地知道如何使用滑动菜单和标签栏。

许多主要发行商都在iOS商店和Google Play商店中提供了涵盖博客，Web应用程序和社交网络的应用程序。 可以说，像Facebook和Twitter这样的大型网站 从本地应用程序中获得的价值要大于小型网站 。

这场辩论有专家意见和主要发表 意见的 出版物 。 对于设计师和创意机构来说，这都是一个热门话题。

但是事实仍然是，本机应用程序既有用又受最终用户欢迎。 唯一的变量是确定您的网站是否可以更好地用作移动应用程序 ，或者用户是否愿意使用它 。

全面响应的网站：利弊

在一般情况下，响应式网页设计始终是一件好事。 Web设计师不会使布局完全响应并可以在任何屏幕上显示，因此不会损失任何内容。

但是在本机应用程序的上下文中，有一些注意事项。 首先， 响应式网站仅限于浏览器的呈现引擎 。 在智能手机上，这意味着动画有限，没有Flash，并且依赖于浏览器的渲染引擎。

本机应用程序可以使用智能手机或平板电脑的核心功能。 动画库本身比浏览器中呈现CSS或JS 功能强大 。

形式上的输入元素， 数据传输和安全问题也是如此 。 许多人更喜欢在Pinterest的网站上使用Pinterest应用程序。 Flipboard，Dropbox，Feedly，Gmail或任何其他主要网络服务也是如此。

但是，那些网站不应该提供响应式布局吗？ 有三种选择：

1. 强制移动网络用户下载本机应用程序
2. 提供移动Web布局以及到本机应用程序的可选链接
3. 只需将移动网络布局与本机应用程序分开运行

Flipboard与第二选项一起在每个页面的顶部放置一个横幅。 您可以直接在Mobile Safari浏览器中注册Flipboard帐户。 但是使用该应用程序更加容易，快捷和直观。

新闻网站ZDNet在访问Mobile Safari时甚至没有提及他们的移动应用程序 。 它的运行方式类似于具有新闻报道和特色文章的典型响应式布局。

不同之处在于用户体验 。 确定最适合用户的方式，并确定大部分流量来自何处。

请记住， 移动应用程序需要时间进行设计和编程 。 他们通常需要比建立网站更多的工作 。 如果您想为自己的网站开发一个应用程序，请确保该应用程序足以补充您的响应式布局，以提供真正的价值。

桌面优先还是移动优先？

在设计幅材时，应该从最宽的宽度还是最小的宽度开始？ 自由职业者和大型创意机构都经常问这个问题。

卢克·沃布洛夫斯基 （ Luke Wroblewski）的书流行了一种移动优先的方法 ，这是一种非常流行的观点。 此方法考虑了渐进式增强 ，它从基础开始，并增加了可以处理它的环境的功能。

另外，其他设计师倾向于从“移动优先”转换为“移动也”的桌面优先方法 。

该策略通过首先在全尺寸台式机显示器上计划所需的所有功能来起作用。 然后从这个想法开始，您逐渐缩小功能，定义断点，并最终获得智能手机的最小布局。

这里有正确的答案吗？ 响应式布局应该从最小的屏幕开始，还是移动优先是过时的概念 ？

选择另一个的唯一缺点是可能缺少功能 。 从移动设备开始，您可能会忽略功能或忘记以较大的分辨率添加它们 。 从台式机开始，您可能会设计在移动设备上感觉过于拥挤的布局。

但是，没有人是对还是错。 选择最适合您的工作流程。 如果他们可以改进设计，那就不要害怕做出大的改变。

两全其美的

建立一个可以在任何屏幕上运行的完全响应式网站可能会使大多数读者满意。 因此，如果您已经有了响应式布局， 那么您是否还要打扰移动应用程序 ？

正如Modo Labs在这篇出色的文章中发现的那样，答案取决于用户体验 。 没有绝对确定的答案。 关于哪种方法可以为您的移动设备上的特定项目提供最佳的消耗形式。 您的用户想要移动应用程序吗？ 还是网站绰绰有余？

科技新闻博客TechCrunch具有响应式布局和免费的移动应用程序 ，这都是有充分理由的。 他们的网站最近报道了一个故事，证实了美国民众在应用程序上花费的时间比看电视要多。

但是，如果有人在Twitter上链接到TechCrunch怎么办？ 如果有人在iPhone上单击该链接，则将打开Mobile Safari，因为它是HTTP链接。 这是响应式布局派上用场的地方，因为不是每个人都想要您的应用程序 。

当然，有些用户仍然希望访问您的网站，并且可能希望在不被迫免费或其他方式下载应用程序的情况下进行访问。

基于每个项目的工作

对于响应式应用程序与本机应用程序之争的最佳答案是评估每个项目，并根据具体情况确定最佳方案。

根据我的经验，我认为社交网络和交互式网站从本机应用程序中受益最大 。 Android和iOS均具有大型框架，可用于构建可连接到API，发送数据库查询并比网页更干净的应用程序。

而且本机应用程序UI就像软件一样呈现，因此您不必担心CSS属性或浏览器限制。 对于需要用户登录并执行详细交互的平台而言，这是巨大的 。

但是，一般的商业网站（如餐馆网站）通常仅采用响应式布局才能发挥最佳效果，尤其是考虑到构建本机应用程序所需的工作量。

博客和数字杂志有些灰色。 本机应用程序对某些应用程序运行良好，而其他应用程序则不需要。 通常取决于您的市场规模和受众 （即精通技术的人）。

在发布新的Internet出版物时，有很多考虑事项。 如果您刚刚入门，建议您先建立一个网站。 从那里可以更轻松地得出一个本地应用程序是否值得付出的努力。

结语

不用说， 每个现代网站都可以从响应中受益。 无论您是否要构建本机应用程序，您网站的布局都应具有响应能力，并且可以适应任何屏幕尺寸。 没有缺点，它为正在增长的 移动用户提供了一个稳定的登录页面 。

一些网站可能会向移动访问者提供应用下载链接。 这些对于营销您网站的移动平台可能是有效的和有用的。 但是有时值得将此作为替代方案而不是强制性条款 。

尽可能收集用户反馈并评估移动应用程序上的意见。 尝试了解访问者对本地移动应用的实际看法，并根据进一步的研究做出决定。

翻译自: https://www.hongkiat.com/blog/responsive-vs-native-apps/