《HTML5移动Web开发实战》—— 1.3 Sitepoint（设计团队）的移动Web设计作品

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

1.3 Sitepoint（设计团队）的移动Web设计作品

众妙之门——移动Web设计精髓
Sitepoint出版了由布莱恩·苏塔撰写的《移动Web设计》，这篇文章对于学习移动Web设计的朋友来说很值得参考和学习。在文章中，布莱恩将移动Web设计分解为7个简要易懂的步骤。这篇文章的内容对于重申本人上述的Web设计要点非常有用。

1. 不要混淆标记
   大多数网站都会忽视WML，而是用大家更熟悉的XHTML语言来编辑标记，所以在进行设计时一定要使用适合的编辑语言，并建立简明的语义标记。
2. 了解你的手机
   我们不仅要满足手机不同屏幕尺寸和分辨率的需求，还要满足其变化多端的外观需求。从早期的时短时长的长方形到后来的“大哥大”，再从精密小个头发展到完美比例的方形，手机丰富多彩、日新月异的变化简直让人抓狂！
3. 找准目标客户
   传统的互联网用户大多是坐在电脑桌前面对着一台高分辨率大显示器。而移动Web用户的使用环境却大大不同。他们在浏览网页时可能正在等地铁、正在公交车或火车上，或是刚刚走出家门，又或是在深夜迷失在一个陌生的城市，任何情况都可能发生。
4. 谨慎发布
   虽然只有一个网站的概念，但是用户所使用的浏览介质很大程度上决定着网站的风格和形态，如今业内也流行着很多种不同的设计标准，但是一个独立的移动网页必须满足的一个条件，那就是要为用户提供优越的浏览体验。
5. 选定响亮的域名
   当你准备为一个移动选定一个域名的时候，我曾经工作过的公司和同事总是会选用子域名。创建一个子域名是设立一个网站时最简单的办法（前提是你拥有该域名），这意味着你不用把大把的时间花在改进和修改服务器上（而且还很有可能影响正常的Web设计进度）。
6. 验证你的标记
   移动Web浏览器的运行速度和容错性都大大低于电脑浏览器。在移动设备上运行的浏览器，并没有奢侈的电脑浏览器所拥有的2GHz处理器和高达200GB的存储空间。因此，你必须一次又一次地检查、验证、重复检查你的标记。
7. 除了测试，还是测试
   虽然在台式电脑上能够使用Web浏览器来测试你的移动网站，但是在其得到实际运用之前，它仍然只是一个模拟的移动体验。不容忽视的是，用这种方式还是无法精确地复制许多移动设备的使用感受。

布莱恩的文章对于移动Web设计与开发新手来说是一个非常好的开端。当你在检查、测试你的作品时能够正确运用文章中的知识点以确保你用正确的方式来完成工作，这是一个非常好的学习资源。