至少有一点是截然不同的，目前移动设备的网络速度可比不上宽带，另外移动网页 呈现方式也是多样的，有触摸屏，有上网本，这些小屏幕却貌似巨人！

可能有些人会认为移动化其实根本没必要，但是几乎所有人都得承认这是一个不可避免的趋势。

如果你正在研究移动网页设计（或者正在将一个网站搬到移动设备上），这篇文章或许可以帮助你了解到目前移动设计的发展趋势。

呈现方式

在设计对移动设备友好的网站时，首先要考虑的元素之一就是呈现方式或者用户体验方式。

呈现方式的多样化

理想的情况就是你现在的网站适用于所有类型的移动设备。也许你的网站可以适用于iPhone等拥有内置浏览器的移动设备，不过却在其他的移动设备上，情况未必如此好，而跨设备移动设计却又难以获得成功。

如果你认为开发出在IE/Firefox/Chrome/Safari等浏览器的网站很艰难，其实可以不妨试试开发专门针对iPhone /BlackBerrys/Palm Pres/Androids/Motorola/Nokia的网站，不过你很快就会发现这些硬件设备真是太多了。

在桌面网络设计中，你只有一种语言：HTML，但是在移动网络上，可能是WML，平台也可能是苹果的iOS，或者是Android。

虽然WML曾一直限制着我们的设计创意，但是如今我们所拥有的方式变得更加灵活了！

NO1: 采用支持移动设备的网页设计

在移动网页设计上，一个简单的处理方法就是对现存的桌面网页代码和设计进行调整，以适用于移动设备，还有就是从草图做起，一步步的设计。例如，通过CSS3，你可以根据用户的移动设备来调整网页布局等等。

但你想想看，问题在于并不是所有移动设备都支持CSS3，所以你得求助于服务器设备侦查或者JavaScript（例如调整DOM来改变页面布局）。不过问题又来了，有些设备又不支持这些技术！（译者：纠结！）

依据窗口来决定布局大小，或许只需几行CSS3

NO2: 将移动用户转向手机版网站

移动设计 呈现的另一种方式就是专门针对手持设备而优化的布局，你可以利用Mobify 等网络服务来做到这点。

与第一种方法相比（采用支持移动设备的网页设计 ），这种呈现格式更加优秀，因为体验设计是专门针对移动用户的，不考虑桌面用户。

这种情况下，你的流量取决于用户的浏览器代理。例如，如果一个移动设备用户访问你的网站（yousitename.com）,然后他们会比自动转向至mobile.yoursitename.com或者m.yoursitesname.com等之类的。

独立的手机网站会获得那些喜欢更快的速度的用户所带来的流量。

NO3: 用户引导要点:

无论你使用何种方式，下面两点是很重要的：

访问者知道你的手机版网站是可以登录的

访问者可以选择是登陆手机版网站还是普通版网站（译者：就是PC版网站）

虽然强行为用户转向或者改变布局听起来似乎是个好主意，但是结果往往会令人沮丧，所以最好还是让用户可以选择。

简单的技巧就是有这两个版本的网站的链接。例如，Six Revisions，你会发现在该网站的地段会有手机版网站的链接（m.sixrevisions.com），这样无论是手机用户还是电脑用户都有了选择。

结构和代码

另外一件需要考虑的事情就是结构代码（markup和styles）：

你知道WML或者XHTML mobile profiles？(百科：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语 言写出的文件则是专门用来在手机等的一些无线终端显示屏上显示，供人们阅读的，并且同样也可以向使用者提供人机交互界面，接受使用者输入的查询等信息，然 后向使用者返回他所想要获得的最终信息。XHTML Mobile Profile –2001年发布，基于XHTML，针对移动电话的语言，被认为是目前最优秀的语言)

你所设计的app是应用于iPhone还是Android？

你在设计时有没有考虑到移动设备浏览器的成本和速度？

什么是HTML5和CSS3？（百科：HTML5提供了一些新的元素和属性，例如<nav>（网站导航块） 和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的 功能，如<audio>和<video>标记。些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记， 如<font>和<center>，它们已经被CSS取代。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展 的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。CSS就是一种叫做样式表 （stylesheet）的技术。也有的人称之为层叠样式表（CascadingStylesheet）。CSS3提供了非常多新途径去改善你的设计工 作，且做了不少重要的变化。）

这些问题还不够全面，有些问题也正处于研发阶段。

新设备所支持的代码可能不同于旧的移动设备。

选择

设计一个对移动用户友好的网站，最重要的事情就是选对语言。在智能手机出现之前，旧的手机只支持WML（最基本的语言），随后W3C推出了更加友好的XHTML（XHTML Mobile Profiles档案）。

幸运的是，移动设备产生的更新速度是的网页体验更加完整和健全，如果你不懂mobile profiles或者WML，你可以使用正常的HTML或者XHTML。

不过，仍要强调的一点是，WML仍是要考虑的，你的用户也许使用的是普通手机（非智能手机）。当然现在我们要处理更多的web zombies（网页劫持）。