为什么需要网站的响应式Web设计

　　似乎人们多年来一直在预测台式计算机的丧钟：首先是笔记本电脑的出现，然后是掌上电脑，智能手机，最后是平板电脑。

　　响应式Web设计是由作者和Web设计师Ethan Marcotte于2010年开发的。即使在那时，Ethan仍在墙上看到文字。尽管智能手机的开发还处于起步阶段，但企业已经开始委托要求“仅iPhone网站设计”的项目。

　　而不是一味取悦这些要求，而是为台式机，笔记本电脑，移动设备和平板电脑用户创建单独的网站。伊桑(Ethan)决定从建筑世界中汲取一些灵感，其中“ 互动式建筑”刚开始流行，基本上的想法是物理空间可以根据通过它们的人们的需求进行弯曲，移动和变换。

　　现在，在将基础用砖和灰浆铺设的建筑中，随着开发的不断进行，变更变得越来越困难，这绝非易事。在网站开发中，灵活性和适应性的思想是软件包的一部分，其设计和内容旨在进行更新和完善。Ethan决定通过在他的设计中实现流体网格，灵活的图像和可调整的媒体提示，将这一概念进一步向前发展。

　　因此，网站可以直观地适应任何设备，屏幕尺寸或屏幕方向的要求;无论客户如何选择访问其数字媒体，他们都将获得一致的体验。

　　断点

　　断点基本上定义了网站上设计元素的范围限制。为了考虑更大的桌面屏幕的宽度，内容通常分为三列，而智能手机通常只有一列。通常，根据用于不同设备上的浏览器的最常用尺寸来设置断点。对于台式机，标准宽度为1200/960 px，在纵向模式下平板电脑的标准宽度为768 px，在横向模式下手机的标准宽度为480 px，在纵向模式下手机的标准宽度为320 px。但是，随着视网膜显示器在移动设备上变得越来越普遍，断点变得越来越容易移植，就像在设备之间一样。请记住，有时您不希望自己的内容占据整个屏幕，例如在电视显示器上;

　　流动性

　　当元素排列为适合特定设备时，设计人员指定比例。此比例将确定内容之间的恒定间距，以及容器应占用的容器宽度的多少。随着浏览器的增加或减少，这些元素将相应缩放。当无法根据浏览器的宽度缩放对象时，设计将自然实现一个断点，以保持内容的干净和可读性。在较小的屏幕上，这将创建更长的垂直内容，因为有限的宽度迫使越来越多的元素经过断点。

　　导航

　　响应式网页设计还必须考虑在鼠标和基于触摸的交互之间进行调整的挑战。尽管台式机和笔记本电脑上的触摸屏越来越流行，但是大多数用户仍然喜欢在日常浏览中使用鼠标。用鼠标选择的区域设置并不总是转换为触摸界面。

　　浏览速度

　　客户不想等待永恒的图像和媒体内容加载到他们的屏幕上。在数字世界中，任何超过几秒钟的时间似乎都是永恒的。对于较小的移动屏幕，较少的图形和较小的广告有助于快速浏览

　　响应式Web设计为您的企业带来的7大好处

　　尽管所有这些关于移动媒体在您面前日益占主导地位的统计数据，在所有开发都不便宜之后，您可能仍会警惕采用自适应Web设计策略。实际上，您不会是第一个想到这一点的企业主。在目前估计用于营销的500亿美元中，只有130亿美元用于优化移动设备，其中不成比例的金额仍花费在很少使用的印刷媒体上。对于精明的企业来说，其他企业缺乏响应是一个重要的机会，可以更有效地花费营销预算，以吸引消费者，他们渴望设计精良，可导航的多平台网站。响应式网页设计可以为您的业务带来一些好处。

　　更好的搜索引擎排名

　　Google会不断更新其搜索算法，以更好地反映互联网用户如何搜索消费者内容。2015年，Google确认移动设备处于其议程的最前端，并指出：“ 在移动设备上进行的Google搜索比在美国和日本等10个国家/地区的计算机上进行的搜索更多”。甚至早在2012年，Google代表皮埃尔·法尔(Pierre Farr)都在谈论Google如何选择响应式设计而不是非响应式设计，因为响应式网站对于Google进行爬网和分类非常容易。确保您的业务在移动搜索中的排名很高，对于通过您的网站增加潜在客户和转化至关重要。据估计，受移动搜索影响的线下销售数量为1.6万亿美元，而仅在线转化的收入为830亿美元，这实在太大了，不容忽视。

　　更好的用户体验

　　每10位成年人中有近9位认为移动浏览体验应与台式机浏览体验相似或更好。根据Google Insights的说法，如果客户登陆您的网页并且体验令人沮丧，那么他们有71%的机会会简单地关闭您的网站并转向竞争对手。Google建议移动网站总共加载两秒钟，尝试在此时间范围内在移动设备上加载桌面网站几乎是不可能的。响应型网站的加载速度远远快于桌面优化型网站，使其非常适合旅途中的客户。如前所述，它们还适用于设备的所有方式和尺寸。确保客户从您的移动产品中获得期望的一致体验。52%的客户表示不良的移动网站体验会阻止他们与公司进一步互动;您不希望由于设计不良而失去潜在客户。

　　移动购物正在兴起

　　我们之前已经谈到过这一点，但重要的是要重申移动电话对购物体验的重要性。80%的购物者将持续使用他们的手机在线购物。另外有70%的人会在实体店购物时检查手机。每个本地移动搜索的结果是5转换中有4转换。如果您的企业网站加载速度慢，难以查找并且设计不当，则可能增加潜在客户选择竞争对手的机会。

　　与社交媒体策略保持一致

　　如果您的公司在社交网络上有很强的影响力，并且您正在利用这种影响力来引导客户访问您的网站和在线产品，那么55%的社交媒体使用将通过手机进行。然后，您可能会有笨拙，不直观的界面完全关闭辛苦赚来的钱。响应式网站也更易于共享。当用户在您的网站上找到他们喜欢的内容并将其发布到他们的Twitter，Facebook或LinkedIn页面上时，您想要确保网络中的每个人都可以轻松访问它，无论使用哪种设备。

　　通过买方的旅程跟随客户

　　这是一个熟悉的场景，客户在工作时会通过智能手机上的社交媒体找到您的公司。他们访问您的网站并找到他们想要购买的产品;他们给它加了书签，以备回家后购买。在家里，他们像大多数客户一样，转而使用笔记本电脑或台式机完成交易，只是受到了完全不同的界面和网站的欢迎。通过强迫用户使用不同的界面和设计来搜索您的产品，您可能会失去容易转换的风险。不同的网站也使得整合重要的用户分析数据变得更加困难，这些数据可以跟踪流量，跳出率，人口统计和其他关键营销信息。单个响应站点可以解决这两个问题。

　　易于管理

　　用于台式机和移动设备的独立网站意味着两种设计可以更新和管理，以提高效率，可靠性和吸引力。它还意味着两个单独的接口，它们对内容和媒体有不同的要求。响应式网页设计使您可以整合营销和SEO策略，从而节省数字管理上的重要时间和费用。

　　应对未来技术不断变化的需求

　　我们不知道技术在未来将引领数字媒体的方向。新的可穿戴技术和其他具有浏览功能的设备不断涌现。一个旨在做出响应的网站可以防止您的数字产品在任何屏幕上显得笨拙和过时。