ui自适应网页设计 第1篇
如前所述，响应式站点在站点速度方面可能会受到影响（如果未正确实施）。
响应式还需要更多的编码方式，以确保站点适合访问它的每个屏幕。但是，额外的工作是有争议的（与自适应设计相比），因为自适应设计要求您为每个布局开发和维护单独的 HTML 和 CSS 代码。修改自适应网站也更加复杂，因为您可能必须确保在实施时一切仍在网站范围内（例如 SEO、内容和链接）。
当然，您还应该考虑用户体验。因为响应式本质上是随机播放内容以流畅地适应设备窗口，所以您需要特别注意设计的视觉层次结构，因为它会四处移动。
根据 Nielsen Norman Group的说法，“响应式设计通常会变成解决一个难题——如何重新组织较大页面上的元素以适应更瘦、更长的页面，反之亦然。但是，确保元素适合页面是不够的。要使响应式设计成功，该设计还必须在所有屏幕分辨率和尺寸下都可用。”
因此，无论您决定使用哪种技术，都没有捷径可走——两者都需要创建一个基本上一刀切的网站所带来的工作。响应式有一点优势，因为您不会在未来需要花费大量时间进行站点维护。
ui自适应网页设计 第2篇
自适应对于改造现有网站以使其更适合移动电话很有用。这使您可以控制特定的多个视口的设计和 Web 开发。您选择设计的视口数量完全取决于您、您的公司和您的总体预算。但是，它确实为您提供了一定程度的控制（例如对内容和布局），而使用响应式设计则不一定具有这些控制权。
通常，您将从设计低分辨率视口开始，然后逐步确保 UI 设计不会受到内容的限制，并且不会丢失可用性。
如前所述，设计六种分辨率是标准的。但是，您可以通过查看最常用设备的 Web 分析然后针对这些视口进行设计来做出更明智的决定。
如果您想从头开始设计一个自适应网站，那也没关系。通过设计最低分辨率重新开始，然后逐步提高。然后，您可以使用媒体查询来扩展布局以获得更高分辨率的视口。但是，如果您为不同的屏幕尺寸进行 UI 设计，您可能会发现在将窗口调整为更小或更大的设备屏幕时，这会导致布局“跳跃”。
设计和开发可适应多个视口的站点可能是额外的工作，因此它通常用于改造。
ui自适应网页设计 第3篇
正如前面所讨论的,响应网站会在网站速度有所弊端(如果他们没有正确地实现)。
响应式在编码时要求也比较严格，以确保适应每块访它的屏幕。然而额外的工作也是值得商讨的，因为自适应设计要求为每一个布局单独开发和维护HTML和CSS代码。修改自适应网站也相当麻烦。因为当它实现的时候你得确保每一个功能（如SEO，内容和链接）能正常运行。
当然,你应该也要考虑用户体验。因为响应式基本上打乱了周围的内容以确保流畅符合设备窗口,你需要特别注意的是视觉层次结构设计,因为它周围的内容已被打乱。
根据Amy Schade的观点，响应式设计往往会造成另外一个难题，那就是如何重组大页面的元素以适应既小有长的页面，反之亦然。然而，单是确保元素适应页面是远远不够的。为了响应式设计更加成功，设计也必须确保屏幕的分辨率和尺寸能够适应。
所以，无论你采用哪种技术都没有捷径可言，都需要确保所创建的网站能适应所有的屏幕。响应式稍占优势，你无须花大量的时间在网站的维护上。
ui自适应网页设计 第4篇
现在绝大多数网站都使用响应式设计，它适合缺乏经验的设计师和开发人员使用。可用的主题可以直接从CMS系统（如Wordpress，Joomla和Durpal）获取。
相比自适应网站，响应式网站省去了很多的控件，同时也省去了不少建立和维护的功夫。响应式布局就是一种流体，在按百分比缩放时也能相当的流畅。这也可能再次导致“跳出”当你在调整窗口大小时。如下图，下图现实的是一个流体布局，设计师使用百分比缩放时，视图将会被自动地调整。
使用响应式设计，你要记住所以的布局。这当然可能会使过程混乱，并且使设计更加复杂。这就意味着你应该专注于中等分辨率的视图，然后再用media querie调整为更低或更高的分辨率。
所以通常的做法是，在一个新的项目中使用响应式设计，在后期的改造中使用自适应设计。