10个国内优秀的移动端网页设计案例分析

响应式设计

　　而说到移动端网站不得不提响应式设计。什么是响应式?简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。面对繁杂的移动设备分辨率，这听起来非常美好，我们接下来了通过一个案例来了解一下。

NEWTON RUNNING

　　通过案例我们能清晰了解到在各种移动终端层出不穷的今天，响应式设计的强大兼容性得到了巨大的体现。同时建立在强大的兼容性基础上，由于全终端共用一个网站，那么在开发、运营和维护上会更节省成本，而在网站建设前期会给设计以及重构加重任务;对于产品包装而言在不同终端会有更一致更完整的品牌形象。而在实际使用过程中发现，响应式设计在不同移动终端上能获得兼容度较高的视觉呈现同时会有部分功能性不够完善(如按钮点击区域过小);而在PC端部分浏览器会出现错位等不兼容情况;我们还发现在硬件性能较差的终端下，网站的流畅程度并不高(动态展示特效会出现卡顿);而在移动终端上网站的载入过程受到网速的很大影响。所以使用响应式设计的同时对设计师在交互设计、视觉设计，性能优化和重构方面会有更高的要求。

　　尽管此去任重道远，但是在国内外众多设计师的努力下依旧涌现许许多多的优秀案例。