移动网页设计概要、案例和技巧

《移动网页设计概要、案例和技巧》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、移动网页设计概要、案例和技巧本文由SocialBeta内容贡献者wisp译自MobileWebDesign:Overview,ExamplesandTips，由于专业所限，翻译中难免有一些错误，请广大读者指正，谢谢。移动界面设计正越来越流行，几乎每个主流网站或者网络服务提供商或者webapp都会有手机应用版。因此从业人员迫切需要学习移动网页设计的相关知识。本文不仅会介绍移动网页设计的趋势，还提供一些优秀的设计案例，从中让读者得到一些启发。什么是移动网页（mobileweb）设计？在开始设计移动网页之前，你应该先对手机网

2、络非常熟悉。你会高兴地发现这里不需要学习一些新技术，不过由于屏幕小以及操作系统繁多，你需要改变自己的设计风格。按照CameronChapman的调查，目前最流行的操作系统是：WindowsMobileTheiPhoneplatformPalmOSMobileLinuxSymbianOSTheBlackBerryplatformAndroid而手机网络上最受欢迎的浏览器是：SafarifortheiPhoneAndroidbrowserOperaMobileWebOSbrowser(onPalmdevices)Black

3、BerrybrowserInternetExplorerMobile(onWindowsMobiledevices)移动网页（mobileweb）设计简史下面的图片简单地展示了移动网站设计语言的发展，也许你对有些词汇不了解，下面我们给出了专门的解释：StandardGeneralizedMarkupLanguage-简称SGML，1986年出版发布的一个信息管理方面的国际标准，主要用于印刷出版行业。该标准定义独立于平台和应用的文本文档的格式、索引和链接信息，为用户提供一种类似于语法的机制，用来定义文档的结构和指示文档结

4、构的标签。其中Markup的含义是指插入到文档中的标记。标记分为两种：一种称为procedardmarkup，用来描述文档显示的样式；另一种称为descriptivemarkup，用来描述文档中的文字的用途。制定SGML的基本思想是把文档的内容与样式分开。HandheldDeviceMarkupLanguage–HDML（手持装置标示语言），通常与WML（无线标示语言）进行对比。是一种能够让手机或PDA可以上网浏览信息的一种语言。UnwiredPlanet（无线星球）公司设计了这种语言，并将其定位为免费的开源语言。任何

5、具备HTML，CGI以及SQL编程经验的程序员都可以利用HDML语言来编写代码。HDML与WML的一个主要区别在于WML是基于XML的，而HDML不是。另外，HDML不支持脚本，而WML拥有自己的JavaScript脚本语言，称为WMLScript。WirelessMarkupLanguage–WML(WirelessMarkupLanguage–无线标记语言)。它是一种从HTML继承而来的标记语言，但是WML基于XML，因此它较HTML更严格。WML被用来创建可显示在WAP浏览器中的页面。用WML编写的页面被称为DE

6、CKS。DECKS是作为一套CARDS被构造的。这种描述语言同我们常听说的HTML语言同出一家，都属于XML语言这一大家族。WML的语法跟XML一样，WML是XML的子集。HTML语言写出的内容，我们可以在我们的PC机上用IE或是Netscape等浏览器进行阅读，而WML语言写出的文件则是专门用来在手机等的一些无线终端显示屏上显示，供人们阅读的，并且同样也可以向使用者提供人机交互界面，接受使用者输入的查询等信息，然后向使用者返回他所想要获得的最终信息。CompactHTML–紧缩HTML，压缩（形式）的HTML。面向移

7、动电话的页面记述语言，是在对HTML4.0的功能压缩后得到的子集。日本NTTDoCoMo的i-mode采用这种语言。XHTMLMobileProfile–2001年发布，基于XHTML，针对移动电话的语言，被认为是目前最优秀的语言。移动网页设计的优势与劣势任何事物都有好有坏，移动网页设计也不例外：优点：优点就在于移动性。在家里用电脑上网的时间是很长的，不过任何人都可以通过手机来上网，其状态可以是在做公交车、火车或者在一个百货店里，用户可以随时查找在其周围的相关信息、：所以你的移动网页必须保证在“走”的状态。劣势：主要体

8、现在2个方面：屏幕小，装载时间长。基于这2点，你需要思考如何在一个小空间设计一个能吸引人注意力的网页，同时还能提供受众需要的信息。为什么你不能忽视移动网页设计？随着手机的不断增加，移动网页设计正渐趋重要。RipRoad的调查显示：2.34+亿美国人拥有手机（占美国总人口的85%）2009年11月至2010年1月期间，4270万美国