响应式网页设计的好处。

什么是响应式网页设计？响应式网页设计的好处是什么？

参考专业UI/UX设计平台InVision旗下网站Inside Design的博文(Fanguy 2018)，介绍了什么是响应式网页设计及其好处，并解释了为什么需要RWD。

以前人们只使用台式电脑或笔记本电脑浏览网页，设计网页很容易，因为显示器(Mon)大约是16:9或4:3，但现在是智能手机时代。每个人手里都有一部智能手机，网页也会进化，让所有手机都能正常浏览网页。曾几何时，网页设计专家之间有一场大辩论:是否应该有桌面和移动网页(两个独立的网站，如www.rthk.hk和m.rthk.hk)或可以适应不同设备的网页。因为独立手机版的网页往往存在内容不足的问题，最终胜出的是响应式的网站。

阅读:2019年现代网页设计七大趋势

目录

什么是适应性网页设计AWD？什么是响应式网页设计RWD？RWD是总趋势的总结。

响应式网页设计与适应性网页设计

早在大约十年前，网页专家就讨论过网页设计应该是固定的布局还是流动的设计。举一个非常简单的例子，在固定布局中，图片有一个固定的像素。如果放大和缩小浏览器，图片将保持不变。如果是在更薄的Mon上，就无法完全显示。流体设计的好处是可以自动调整大小，无论边缘设备大小，都可以显示出来。这两种方法各有利弊。比如流体设计在特别大的Mon上会走样，设计时固定的布局只能在Mon预置上正常显示，这对于其他设备上的用户来说会非常不方便。不得不提的是，时至今日，很多人仍然认为网页设计等同于平面设计，只适合固定的网页设计。下面也将解释为什么平面设计技术不能应用于网页设计。

网页设计的性质需因应科技发展而改变

谢谢史蒂夫·乔布斯。随着智能手机的兴起，固定桌面版本的网站已经不能满足手机的需求，网页设计者不得不寻找新的方法来应对。有两个流派，一个是响应式网页设计，RWD)，另一个是适应性网页设计，AWD)。AWD为不同的设备(如台式机、平板电脑和手机)做出不同的设计。当用户使用相关设备查看网页时，他们会检测显示器的大小，然后对相应的网页布局做出响应。因为尺寸是预先设定的，所以每个布局必须独立设计。好处是所有尺寸都是预设好的，所以不需要任何响应式的设计。但是，从长远来看，这就像管理几个网站，久而久之，不同版本的网站很难保持一致。

响应式网页设计

另一方面，响应式网页设计(RWD)并不像AWD那样完全控制布局。RWD应用了流体布局的原理，它会在任何设备上按照一定的比例显示网页元素。这种方式的好处是可以大大减少网页开发的时间和成本，以后只需要管理一个版本的网站，这样网站维护成本比AWD低很多。Web程序员在编写响应式网站时使用CSS Media queries技术，响应各种大小的设备，使网页能够在不同的手机、平板电脑甚至台式电脑上正确显示。

RWD会自动把内容恰当地放到浏览器上，背后有一定的视觉框架。有时候，崇威私塾会遇到很多客人，问客人能不能设计网页，然后由崇威私塾开发。然而，一旦打开设计图纸，它们实际上是一些看起来像PowerPoint的海报设计，完全无视RWD视觉层次的要求。一个很简单的类比就是，建筑制图需要考虑物理力学和建筑建筑学。如果只有一个建筑的平面图，建筑公司是无法开工的。RWD完成后，我们要进行许多测试，并在不同的手机、平板电脑和台式电脑上查看网页。RWD对所有网页设计师来说都是挑战，经常有n种情况要考虑，但最后还是值得的。

Responsive网页设计

RWD是大势所趋。

你为什么选择响应式网页设计？首先，更方便读者。无论他们使用什么设备，他们都能正确阅读。AWD网站可能会使一些读者阅读较少的信息，并不保证所有阅读工具都能正常显示。另外，RWD网页的下载速度比较快，响应式网页的程序都有相应的结构。比如手机版只会下载相应的JavaScript和CSS，图片会是文件大小更薄的手机版。最重要的是RWD支持未来的设备。因为RWD原理应对不同的设备尺寸，即使有新的三星或苹果iPhone，RWD也能正确显示网页，不会受到尺寸的影响。

响应式网页设计
(顺便提一下，本文的参考来源是InVision，这是一个支持RWD的UI/UX平台。网页设计公司崇威保留也使用InVision为客户设计响应式网站)。

摘要

说了这么多，大家应该都明白什么是响应式网页设计，为什么响应式网页设计是最好的选择。原因是用户体验、UX、开发和维护成本以及对未来设备的支持。连谷歌都说:为什么要用响应式设计？

更多关于网页设计费用和详情，请联系网页设计公司崇威私地。