WAP设计原则

摘自于:http://ued.taobao.com/blog/2010/12/24/wap-foundation-design-of-mobile-interaction-design/ 越来越多的公司将焦点从WEB转移到WAP上面, 我们在设计过程中,则需要按信息的重要度以降序的方式来组织,将最重要的信息在首屏呈现给用户。大部分情况下,logo和导航区块是必不可少的元素。如果你的站点是互动型的,还需要在header里体现出用户登陆状态和用户名。根据应用场景和任务的不同,少数页面可以省略header。 目前市面上低端机器的屏幕分辨率宽度基本都在176px以上,所以,针对最低端键盘机设计WAP站点时可采用176px的基准宽度来设计,页面高度不限,但最好不要超过7个屏高。同时还需考虑页面文件大小,页面文件大小最好控制在13k以内。 font属性:176px的屏宽下,12号字一行可以放14.5个汉字,但实际上部分浏览器会将字体放大至14号,所以安全字数是12个汉字/行,并且大多不支持自定义字体; background属性:背景色支持很好,但背景图片支持度则要差很多,如果你需要用到背景图片,最好设置一个类似的背景色做优雅降级处理; float、position属性:千万别照搬Web的层叠布局理念,这是两个高危属性,老老实实搭积木吧; margin、padding属性:这两个也支持不好,所以不等高、宽的设计方案在实现过程中兼容性问题很大; 如果页面太长的话,可以在页面中加上“返回TOP”的链接
posted @ 2011-03-25 19:54  xiaoxiaohui  阅读(347)  评论(1编辑  收藏  举报