《HTML5移动Web开发实战》—— 第1章 移动Web设计趋势

本节书摘来异步社区《众妙之门——移动Web设计精髓》一书中的第1章，作者：【德】Smashing Magazine，更多章节内容可以访问云栖社区“异步社区”公众号查看。

第1章　移动Web设计趋势

众妙之门——移动Web设计精髓
Steven Snell

Web设计师都深知这个行业包含了大量的变化和创新，为了始终保持在业内的领先地位，需要不断地适应和学习新的技术。在过去的几年中，该行业中变化最大的领域之一就是越来越多的网民通过手机和移动终端设备来进行网络浏览。因此，Web设计师必须不断学习和掌握更多、更新的专业知识，从而开发出更多、更好的移动网络应用以满足这一受众群体的需求。

因为设计应用于移动设备的网页存在一些特有的问题和挑战，所以这需要设计者和开发者用具有战略性的方法来对待。在本书中，我们将把移动Web开发作为一个整体来研究，包括移动网络的当前发展趋势，存在的挑战，以及开发小技巧和经典案例分析。本书中还包含了大量相关的文章和专业资料，学习资源丰富，如果你有兴趣学习更多的移动应用开发，在这里，你触手可及。

简化选项
如今的移动互联网出现了一个不得不让人注意的现象，那就是为网站访客提供的有效选项是按比例缩小的，但可用性是在增加的。例如向用户推荐的移动网站主页，页面上仅仅只有17项简单的标题和内容链接、一个登录链接按钮和一些最基本的导航选项。对于移动设备上Web设计，我认为简易直观非常关键。由于移动设备自身的因素，使得设备的屏幕较小，再加上移动网络浏览速度相对较慢，所以尽量减少页面中不必要的选项从而让访客能够直接浏览最关键、最重要的信息才是重中之重，而其他可有可无的链接则越少越好。

在这个Web页面异常拥挤的时代，简洁直观的移动Web页面能使访客眼前一亮。另外还有一点非常重要，显示的内容越多，被删减的可能性就越大。只要访客想进行的操作是被允许的，我们就要想办法简化页面，从而能使用户更加便捷、容易地操作和浏览。

smashing-ebook-mobile-design_%e9%a1%b5%e9%9d%a2_006_%e5%9b%be%e5%83%8f_0001.jpg

页面留白
页面留白对于任何设计来说都是非常重要的组成部分。如何做好页面留白对于总是想呈现给访客更多信息的Web设计者来说的确是一件难事，因为这看起来很矛盾。由于移动设备屏幕的大小限制，页面留白也成为Web设计中不可或缺的重要组成。杂乱无章的网站和页面设计会大大降低用户体验，同样也很难让用户在移动环境中完成他们所想进行的操作。

正如你所看到的本书中所展示的页面图片，或者拿出你自己的手机看看上面的网页，你会发现很多页面设计中都包含了大量的留白设计，特别是那些我们经常使用和浏览的网页。

少量的图片
近年来随着高速网络的普及，Web设计者能够在宽带视频和图片等方面有更自由的发挥。由于电脑前的访客总是希望看到具有良好视觉效果的页面，所以导致Web设计者在Web设计中使用大量的图片。无论如何，对于移动Web设计来说，在页面上过度地使用图片往往会降低用户体验。

随着越来越多的手机用户使用高速轻便的智能手机，图片在网页中应用的机会已经显现。但是，目前仍然有大量手机用户并没有使用智能手机，所以很多移动网页依然选择尽量避免在网页设计中使用图片。

子域将取代.mobi域名和单独域名
当移动顶级域名（TLD）最初得到应用的时候，在市场上得到了热烈的反响。当时有很多网站在移动设备网站中运用.mobi域名，而时下更普遍的做法是，公司在他们主域中创建单独的文件夹或者创建一个新的子域。在决定使用该技术时，公司必然要有多方面的考虑，与发散性的域名容易混淆浏览者的特点相比，使用子域的主要优点是，所有的网站内容都在一个独立域名中，这样用户就不大可能晕头转向了。

仔细观察，我们会发现移动设备上的网站地址都是例如mobile.xxx.com、m.xxx.com、xxx.com/mobile，xxx.com/m等类似的形式。当然，我们对这种趋势抱有很大的期望，但是当你打开一些知名网站的手机版本时，你会发现子域名比.mobi TLDs运用得更加广泛。

内容优先
由于Web页面的高度简洁和普遍偏少的选项，使得人们总是优先关注网页内容。当你在浏览移动网页时，你会惊奇地发现，网页内容总是被优先呈现给访客。网站“聚焦用户”是理所当然的，因为大部分的网站都依靠其商业用途来维持运营，所以网页中会有一些对访客来说并不是必需的组成成分，例如页面上方的横幅广告栏。虽然广告已经成为互联网公认的一部分，但是大多数移动网站仍然是没有广告的。尽管公司的利润来源是拥有更多有用的网站，但是移动Web所呈现的丰富实用的内容始终针对的是广大的移动用户，而非公司。