走出移动互联网的迷宫：网站移动化的方法策略

眼下，移动互联网正扮演着越来越重要的角色，无论开发者还是普通用户，几乎所有人都在谈论它。传统互联网用户所习惯的那些访问内容、使用服务的交互方式正在被智能手机、平板电脑等设备迅猛的改变。作为线上内容及服务的提供者，我们必须尽快进入这个新兴市场，学习新的游戏规则。

愿望是好的，“移动化”的方式却会时常让人找不着北。究竟应该怎么做？开发一款iPhone或Android应用吗？还是为网站专门搞一套或N套适用于不同移动设备的设计方案？最重要的莫过于首先对自己产品的内容及功能进行正确定位，对移动化需求的程度进行合理的评估；在此基础上，尝试最适合自己的移动化方式。目前，有一些比较常见的思路可以供我们参考选择：

什么也不做…

这确实是一种选择，而且没有听上去那么让人沮丧。

使网站在桌面浏览器与移动设备中的渲染方式保持一致——这种处理方式并非不可行，尤其是在缺乏各方面开发资源的情况下。对于iPhone或iPad一类拥有多点触摸等功能的相对高端的设备来说，用户多数已经习惯了、甚至乐于进行转屏及双指放大操作。何苦为了移动而移动的去为这些用户提供一个缩水版本的网站呢？

这自然是再廉价不过的方案了。不过，平板电脑毕竟不是小型PC，智能手机也并非小型平板电脑，在很多方面，它们自身的特点都决定了独特的交互方式。如果想切实提升网站内容或功能在不同设备上的适应能力，单独开发移动版本显然是一条必经之路。

响应式页面设计

响应式页面设计的主要思路是，页面对浏览环境的尺寸所处的规格范围进行判断，并加载对应的预设样式方案，从而响应式的调整布局结构、内容元素的尺寸等。

如果页面的内容结构与样式分离的足够好，那么这种方式是具有长远保证的，我们不需要为任何现有或将来的、拥有不同屏幕分辨率的设备面面俱到的进行单独设计开发。这种方式无论从交互设计还是UI视觉等方面，其实仍属于相对传统的页面设计开发模式，并不会增加太多的成本，可以说是一种性价比很高的选择。

关于响应式Web设计的概念、组成要素、基本实现思路和开发方式等，可以参考之前的两篇文章：“什么是响应式Web设计？怎样进行？” 以及 “通过CSS3 Media Query实现响应式Web设计”。

Web应用（Web App）

通过对HTML5、CSS3、JavaScript或相关前端开发框架（Sencha、jQuery Mobile等）的配合使用，我们可以创建出一种独特的页面内容呈现及功能使用模式，无论是视觉风格还是交互方式，它都更像应用程序，而非我们习惯于在桌面浏览器中看到的页面。

任何安装了现代浏览器的设备都可以浏览使用Web应用，从这个角度讲，它具有一定的跨平台性。根据资源条件，你可以只做一款Web应用，也可以使用不同的UI元素风格为iOS、Android或是Windows打造不同的皮肤及相应的行为触发方式。

然而，Web应用的本质仍然是页面，它依赖于浏览器环境。所以，虽然在外观和行为方面可以做到与原生客户端应用很相似，但从功能和用户体验的角度来说，它仍然是一种局限很大的方式。

标签： 移动互联网 网站移动化 响应式Web设计 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。