移动界面设计正越来越流行，几乎每个主流网站或者网络服务提供商或者web app都会有手机应用版。因此从业人员迫切需要学习移动网页设计的相关知识。本文不仅会介绍移动网页设计的趋势，还提供一些优秀的设计案例，从中让读者得到一些启发。

什么是移动网页（mobile web）设计？

在开始设计移动网页之前，你应该先对手机网络非常熟悉。你会高兴地发现这里不需要学习 一些新技术，不过由于屏幕小以及操作系统繁多，你需要改变自己的设计风格。

按照Cameron Chapman的调查，目前最流行的操作系统是：

·Windows Mobile

·The iPhone platform

·Palm OS

·Mobile Linux

·Symbian OS

·The BlackBerry platform

·Android

而手机网络上最受欢迎的浏览器是：

·Safari for the iPhone

·Android browser

·Opera Mobile

·WebOS browser (on Palm devices)

·BlackBerry browser

·Internet Explorer Mobile (on Windows Mobile devices)

移动网页（mobile web）设计简史

下面的图片简单地展示了移动网站设计语言的发展，也许你对有些词汇不了解，下面我们给出了专门的解释：

Standard Generalized Markup Language -简称SGML，1986年出版发 布的一个信息管理方面的国际标准，主要用于印刷出版行业。该标准定义独立于平台和应用的文本文档的格式、索引和链接信息，为用户提供一种类似于语法的机 制，用来定义文档的结构和指示文档结构的标签。其中Markup的含义是指插入到文档中的标记。标记分为两种：一种称为procedardmarkup， 用来描述文档显示的样式；另一种称为descriptive markup，用来描述文档中的文字的用途。制定SGML的基本思想是把文档的内容与样式分开。

Handheld Device Markup Language - HDML（手持装置标示语言），通常与WML（无线标示语言）进行对比。是一种能够让手机或PDA可以上网浏览信息的一种语言。Unwired Planet（无线星球）公司设计了这种语言，并将其定位为免费的开源语言。任何具备HTML，CGI以及SQL编程经验的程序员都可以利用HDML语言 来编写代码。HDML与WML的一个主要区别在于WML是基于XML的，而HDML不是。另外，HDML不支持脚本，而WML拥有自己的 JavaScript脚本语言，称为WMLScript。

Wireless Markup Language - WML(Wireless Markup Language - 无线标记语言)。它是一种从 HTML 继承而来的标记语言，但是 WML 基于 XML，因此它较 HTML 更严格。WML 被用来创建可显示在 WAP 浏览器中的页面。用WML编写的页面被称为 DECKS。DECKS 是作为一套 CARDS 被构造的。这种描述语言同我们常听说的HTML语言同出一家，都属于XML语言这一大家族。WML的语法跟XML一样，WML是XML的子集。HTML语 言写出的内容，我们可以在我们的PC机上用IE或是Netscape等浏览器进行阅读，而WML语言写出的文件则是专门用来在手机等的一些无线终端显示屏 上显示，供人们阅读的，并且同样也可以向使用者提供人机交互界面，接受使用者输入的查询等信息，然后向使用者返回他所想要获得的最终信息。

Compact HTML –紧缩 HTML ，压缩（形式）的 HTML 。面向移动电话的页面记述语言，是在对 HTML 4.0 的功能压缩后得到的子集。日本 NTT DoCoMo 的i-mode 采用这种语言。

XHTML Mobile Profile –2001年发布，基于XHTML，针对移动电话的语言，被认为是目前最优秀的语言。

移动网页设计的优势与劣势

任何事物都有好有坏，移动网页设计也不例外：

优点：

优点就在于移动性。在家里用电脑上网的时间是很长的，不过任何人都可以通过手机来上网，其状态可以是在做公交车、火车或者在一个百货店里，用户可以随时查找在其周围的相关信息、：所以你的移动网页必须保证在“走”的状态。

劣势：

主要体现在2个方面：屏幕小，装载时间长。基于这2点，你需要思考如何在一个小空间设计一个能吸引人注意力的网页，同时还能提供受众需要的信息。

为什么你不能忽视移动网页设计？

随着手机的不断增加，移动网页设计正渐趋重要。RipRoad的调查显示：

·2.34+亿美国人拥有手机（占美国总人口的85%）