zoukankan      html  css  js  c++  java
  • 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”的链接
  • 相关阅读:
    课后作业-阅读任务-阅读提问-3
    《团对-团队编程项目作业名称-开发环境搭建过程》
    《结对贪吃蛇游戏——测试过程》
    《Android手机便签-项目进度》
    结对编程项目作业2-开发环境搭建过程
    结对编程项目作业2-结对编项目设计文档
    《GIT的使用方法》
    课后作业-阅读任务-阅读提问-1
    个人编程项目
    《自我介绍》
  • 原文地址:https://www.cnblogs.com/xiaohui108/p/1995839.html
Copyright © 2011-2022 走看看