推荐: LOGO设计微信开发包装设计游戏开发接口开发手机网站开发VI设计文字设计Web前端开发网页设计客厅装修情人节表白Oracle数据库网站建设个人网站建设微信客户端

热门搜索: LOGO设计微信开发VI设计网站建设网站推广

当前位置: 威客百科 > 手机网页 > 手机网页案例
免费发布需求,接收报价与方案

手机网页案例

什么是手机网页?

相关提示: 【手机网页导航】【手机网页播放器】【手机网页网游】【手机网页开发】【好玩的手机网页游戏】

      在手机网页越来越普遍的今天,网页设计要考虑到因素会有很多。专门的开发手机应用自然是一个不错的方案,但毕竟耗费精力,况且还需要针对不同设备进行开发与维护。开发移动版网页是另外一个不错的选择。这件事情看起来是简单,但是也有许多细节和门道。Useit 网站最近一段时间的一篇文章对手机版网页设计的探讨值得参考。


     这篇文章是以报道韩国流行明星资讯的网站 allkpop.com 为例。Allkpop 的手机版网页是这样的:在内容上面内容,Useit 的调查认为手机上的杀手级应用是消耗时间。自动探测,服务器自动探测用户设备提供特定页面,然而不是为移动网页设置单独的地址。专门的移动版网页即使有 Opera 这样的浏览器能够为手机优化网页,也比不上专门的移动版网页体验更好。信息可点击区域较大。标题中的关键字在前端,因为标题比较长,这样做能够突出重点。AllKpop 做对了好几件事情。那么,这个网页设计有没有问题呢?以我一个外行人的眼光看,也能发现一些小问题。首先是对空间的利用不好,日期挤占了大部分空间而且是重复出现;其次就是标题下面的分类和标签,字很小,而且对读者意义不大。

     然后Useit对网页进行了重新的设计,首先要突出的一点是图片,读图比读文字更加直观,特别是对于一个报道明星新闻的网站。其次就是信息量加大:删除了无用的分类与标签,以关键语句为读者展现文章的要点,浏览更高效。Useit 对网页做出的其它的改进还包括:更大的触控空间:原先的文章区块可触控部分比较多,例如标题右上角的下拉三角,触控范围较小,可用性低。改进之后整个文章色块都是触控区域,更加适合手持设备。完整标题:这样能够展现更多信息以供读者选择突出内容:标题中每个明星的姓名都加重突出更大的触控空间:原来的文章区块可触控部分比较多,比如标题右上角的下拉三角,触控范围较小,可用性低。改进后整个文章色块都是触控区域,更加适合手持设备。改进顶部导航栏:原来的导航栏中,分类和搜索都在右上角,容易误触,改进后的页面里分类与搜索拉开了距离,而且分类加上了文字描述,更易发现。日期做为分界线:节省屏幕空间,更有条理的展示内容。移动设备由于屏幕较小,对于设计的要求往往更高,所谓细微之处见技巧,这个案例足以证明。设计上的受限越多,你越需要改进用户界面,以提供最优的可用性。移动设备是一个极为受限的设计问题。

     在设计手机网页的时候还需要注意与HTML 编写的内容相比,WML消耗的内存与CPU时间更少,因此,WML更加适合移动电话等手持移动设备。HTML的语言写出的内容,在电脑上用浏览器进行阅读而WML语言写出的文件则是专门用在手机上的,就需要使用手机中的WAP浏览器来阅读。WML也向使用者提供人机交互的界面,接受使用者输入的查询等等信息,然后就向使用者返回他所想要获得的最终信息。手机的操作系统。wap网站,把会员系统极大的精简了,有的干脆放弃了会员系统。同时我们在手机上面浏览视频,听歌,购物,通常都是在手机APP(手机应用)上面实现的,很少登陆手机浏览器。wap网站可能会遇到兼容问题。手机网站在安卓2.2和安卓4.1,或3.8寸屏幕和5.0寸屏幕上面,展现的效果也不一样。