最受欢迎的主题之一网页设计自去年以来，讨论使用响应式Web设计与自适应网络设计。这两种方法之间的主要问题与它们在显示您的网站的方式方面的差异有关，并使其可以在不同的设备（例如传统台式计算机和越来越受欢迎的移动设备）上访问。
虽然这实际上是设计领域的一场古老辩论，但未来移动购物的意义越来越重要，这对于在线零售商来说是及时的主题现有网站。
自适应网页设计（AWD）
最能描述自适应网络设计的人，而不是创建该术语并在上面写书的人 - 网络退伍军人亚伦·古斯塔夫森（Aaron Gustafson）。根据古斯塔森在他的Easy Designs博客中的说法，自适应网页设计就是建立接口其形式和功能适应用户的功能。他还指出，AWD只是参考渐进增强的另一种方式，Wikipedia将其定义为一种网页设计策略，该策略以使网站在任何网络浏览器上访问。换句话说，它的最终目标是无论使用哪种浏览器或设备，都可以创建出色的用户体验。
自适应网页设计如何工作？AWD使用几种预定义的静态网站布局，每个网站都针对不同的屏幕尺寸（用于手机，平板电脑和台式机）创建。当客户访问您的在线商店时，它将显示一个特定的布局，并取决于所检测到的用户设备的屏幕尺寸。在AWD中，Web服务器根据设备的属性和功能对设备检测和加载适当的样式表。
响应式网页设计（RWD）
响应式网络设计术语的发起人网页设计师兼开发人员Ethan Marcotte在博客中描述了它，将其作为一种技术作为一种技术为各种移动设备设计最佳观看体验使用更灵活的方法，例如使用媒体查询，有条件的样式表和流体网格来创建灵活的布局以适合任何大小的屏幕。换句话说，响应式网站可以更改其布局以匹配用户的移动设备，以提供最佳的观看体验。
响应式网页设计如何工作？在RWD中，将网页发送到用户设备的浏览器，浏览器可以修改该页面如何与其屏幕尺寸相关的工作。响应式的Web设计能够通过根据其尺寸调整和重新排序元素来调整和重新排序元素，从而更改网页的组成。
AWD和RWD之间的比较
如上所述，自适应和响应式网络设计都将允许您在各种移动设备上以不同的屏幕尺寸查看的网站。两种方法都共享了为网站访问者提供最佳用户体验的相同目标。他们的差异在于他们如何实现这一目标。
If you look back at how each design approach works, you will see that an adaptive website uses predefined layouts and chooses the most suitable layout to display that will fit the user’s device whereas a responsive website uses a flexible layout that changes according to browser window size. Responsive web design focuses more on the layout of a website (including images, text styles, fonts and color) while adaptive web design can also enhance functionality for site users since it looks at the device’s capabilities so it can load a page that is optimized to match the device’s screen dimensions and also optimized to integrate other features the device has such as high resolution display or touch screen features.
哪个更好 - AWD或RWD？
两种网页设计策略都有其优点和坏处，因此不一定比另一个更好。正确的问题是，哪种方法对您的网站更好？考虑到您的电子商务网站设计策略，您需要确定两者中的哪个将起作用。
借助响应式Web设计，无论您在网站上查看哪种设备，您都可以提供最佳的用户体验，并且只需在各种环境中优化单个HTML文件即可。但是，如WebDesign.org中所述，使用流体图像在这种方法中，意味着您的网站图像按百分比缩放，您将放弃对网站上所有内容的看法。但是，媒体查询的使用带来了一系列布局可能性。
如果您选择响应迅速电子商务网站设计就像Shopify这样的著名网站提供的网站设计，重要的是，您必须意识到对移动计算的设计限制，并为此制定策略。通常，如果您拥有现有网站，响应迅速的网站设计更合适，并且您的目标是使其在传统台式机和移动设备上都可以正常运行。它最适合信息网站。
另一方面，如果您的网站获得了大量的移动流量，并且您想为您的移动用户提供最佳的浏览体验，那么自适应电子商务网站设计是理想的选择。使用自适应方法，您可以优化网页设计，以利用用于增强用户体验的设备的特殊功能。
对于预算较小的企业，自适应方法可能更合适，因为您只需要建立一些布局即可适应基本上三种类型的屏幕尺寸，用于手机，平板电脑和台式计算机，而不是开发一个需要的布局针对所有移动设备进行了优化。另外，由于响应式设计尺度元素，如果您的网站沉重在缩放时不会正确显示的图像上，则最好选择自适应网络设计。
同样，自适应和响应网络设计均旨在在台式机和移动设备上提供用户友好的浏览体验，尽管功能性方面会略有差异。电子商务软件为您提供两者之间的选择。为您的网站选择正确的方法应基于您的可用资源以及您的电子商务网站所获得的流量类型和数量。