移动web设计：要点和实践

发布：2021-11-06 15:44:24 浏览：2204

     相关数据显示，20009年美国有超过6 300万人通过移动终端没备访问互联园，而到2013年,全世界范围内的移动网络用户人数将超过17亿。比起这些为字，如今的当务之急是Web设计师和Web开发者要学习最先进的方法，来进行移动Web的设计与开发。在通常情况下，你不需要去学习任何移动设计与开发的最新专业知识，但是你要去摸索一种全 新的网站设计方式，一-种比标准 浏览器的设计更具有限制性的新方法。. 通过围绕移动设计所出现的问题展开工作，你需要有一种具有创造性的解决问题的方法，你会发现注重用户友好度在你建立标准网站时是非常有用的。

1. 尽快使自己熟悉硬件设施相关的操作软件

涉及操作系统的时候，手机和移动终端设备的差别还是很大的，比如屏幕尺寸屏幕分辨率还有用户界面。为了能够更好地了解哪些平台能帮你把网站优化到最好，深入了解不同的硬件和操作软件对你来说非常必要。在平时使用中最常见的操作系统有WindowsMobile系统、iPhone的ioS系统、Palm 0s、linux 移动操作系统、Symbian 系统、黑莓操作系统和安卓系统(该系统的发展很大程度上得益于近期威瑞森和谷歌的交易)。当然市场上还存在许多为特定的手机而制作的专有操作系统，例如我们知道的部分威森瑞的手机和其他特定品牌的手机。根据你要建立的网站所瞄准的目标用户类型，你能大致地估计、确定哪个操作系统才是用户最有可能使用的。如果你的目标用户大多数都是商务人士,你最需要做的就是为那些使用Windows Mobile系统和黑莓系统的手机用户优化改良你的网站。如果你的目标用户是更年轻、更时尚、更青睐成熟技术的用户，那么你就要优化你的网站以使其能够更适用于安卓系统和苹果IOS系统。总之无论如何，你要确保你的移动互联网网站能够适用于市场份额最大或者市场场景广阔的那个操作平台。
另一个需要着重考虑的因素是移动Web浏览器。-些较为常见的手机浏览器包括用于iPhone的Safari浏览器、安卓系统浏览器、Opera 移动浏览器、Webos浏览器(用于Palm设备)、黑莓系统浏览器和IE移动浏览器(运用于Windows系统手机设备)。当然还有很多其他的运用于诺基亚手机或其他品牌手机的浏览器。其中有一些浏览器是基于专有代码编写而成的，其他的浏览器有的基于开源搜索引擎WebKit(安卓浏览器、iPhone的Safari浏览器)， 有的基于Gecko代码(例如Firefox浏览器针对移动电话和非个人计算机设备推出的Fennec版本浏览器)或其他的公用平台。.
最后你需要考虑的是，网站的目标用户最常用的屏幕尺寸和屏幕分辨率。你的网站最好能够最大范围地显示在目标用户所使用的移动设备上。

2. 简明很重要

一般情况下， 你所设计的移动互联网网站应该比你预想的方案更加简明。只有一种情况你可以不用再简化你的网站一那就是你所设计的方案已经是最简化的。通常去掉网站中的图形元素是优化移动设备网页显示效果的有效方法。不仅要从网站设计上寻找简化方法，网站功能的设置也是同样的道理。这可能意味着你将要重做网站菜单、去掉多余的图片、打乱多个页面文本或者用其他的方法给你的网站进行功能设置和页面布局。

3. 使用有效标记

考虑到网站用户可能通过各种不同的操作系统和浏览器来访问你的网站，标准页面的设计变得格外重要。通常情况下，标准浏览器对一些不良源代码有很好的兼容性，但是对于移动浏览器来说，情况并没有说的这么乐观。在建立移动网站时，-定要确保代码有效,并尽可能使其清晰简明。

4. 为用户提供访问标准网站的选项

由于网站访客所使用的设备不尽相同，部分用户可能只想访问无差异的标准化网站。尤其是市场上出现越来越多的iPhone和性能更卓越的智能手机，而且iPhone的完美运行也证实了标准网站的应用是完全没有问题，的。即使你把标准页面链接放在网页页脚(这也是我们经常习惯性去寻找的标准页面链接的地方),我们仍然要为移动用户提供浏览标准页面的选项。另外，你也可以为用户设置不用他们使用“后退键"就能返回移动网站页面的选项。

5. 使用单独的手机主题

优化主网站对于手机使用来说有时候是可以的，- -般情况下移动终端设备可用通过修改CSS来完成CMS,这样还能更简单地使用独立的手机主题。一个专有的手机主题意味着你能够真切地考虑和体会用户会如何看待和理解你的网站，从而你可以根据这些见解为他们进行细致的功能优化。有的网站会为所有的常规手机用户设计-套优化方案，再专门为iPhone手机用户设计另-套优化方案。

6. 优化网站导航

现在许多移动终端设备都采用触屏操作界面，这点在进行网页开发的时候要时刻牢记。这意味着在设计时指尖触动链接的可点击区域要大-点，点击按钮要大一点，链接指尖的空隙要留得开一点。总是点击又小又不明显的链接是很难受的，而且每次点击某链接都要通过放大页面来完成操作也不是一-个好的解决办法。为了改善这些页面导航所存在的问题，许多网站都使用了一-种专门为触屏手机或没有鼠标接入的移动设备开发的完全独立的移动设备导航。

7. 不要依赖Flash和Javascript

首先你要明白，并不是所有的手机和移动终端设备都支持Flash 和Java-Script。即使设备支持这些插件，也不能保证它们都是最新版本。如果你的用户使用的是iPhone,那么你就不用考虑Flash了。同时你要确定你所创建的移动网站所有重要的信息和功能都能在(X)HTML/CSS上运行和读取。否则你将要面临大部分用户无法访问网站主要内容的巨大风险。.

8. 让你的标准网站拥有更多实用内容

回想一下，过去有多少次在你通过手机访问你最喜欢的网站时，发现不能浏览你最想看的内容?其实这样的事情一直在发生。 还包括移动互联网上那些没有经过任何优化和改良的、总是充斥着大量内容的原始网站。除了要让其. 能够顺利被用户访问，还要确保它的导航和链接保持相对不变的位置。

9. 确保重定向工作顺利进行

不要只是简单地把手机用户链接到网站的主页上。在使用移动设备时，没有什么比通过点击某链接、从搜索引擎中自己找或者从别的网站重新返回主页更烦人了。如果你所设计的网站能够自动识别该用户是否使用移动浏览器访问网站，并且为用户罗列出他可能会浏览的链接，他们才会乐于使用，否则他们可能会不耐烦地离开而且再也不会来访问你的网站了。