FlashLite/Wap2.0前端设计易经

来源:互联网 发布:魅族note 3的网络制式 编辑:程序博客网 时间:2024/06/11 01:29


于开发:

  1. Flashlite页面设计初始就应与美工确定字体、字号、图片与各类输入/显示组件的大小,确保页面行/列字数量化,便于控制文字与其他元素的位置关系及使用搭积木法。
  2. Wap2.0页面内应尽量不使用UL/OL等列表及padding样式,因为各厂商的浏览器对其解析方式不一致,导致无法准确控制样式,可使用DIV和更优化的布局方法代替。


于维护:

  1. Flashlite文件对于按钮控制推荐统一用全局keyListener控制,尽量避免对单个元素使用onKeyDown控制,以免混淆或后期维护出错。
  2. Wap2.0页面的CSS样式应写入外部Link入的CSS文件中,页面内不得书写与结构或样式有关的任何代码,如果项目较复杂或需要多人维护,结构与样式最好分成多个CSS书写,或在一个CSS文件中明显划分。


于使用:

  1. Flashlite页面元素最好用全局keyListener为用户设置好方向键的浏览顺序(但在Flashlite3.0中遇到困难),因为目前大部分手机皆不支持Flashlite带环绕的双/四向导航。
  2. Flashlite特定部分(菜单、按钮等)可以考虑设置快捷键,以供用户提高操作效率。
  3. Wap2.0页面中应设置“返回”链接且页面不应过长,如果超过2屏高需添加“返回顶端”链接。
  4. Wap2.0页面中应尽量少使用图片,以免用户因图片过多显示速度慢而退出,可以考虑用背景色与文字颜色美化页面,已有的图片也应加入alt提示文字,当图片无法显示时也能轻松表意。
  5. Wap2.0导航/链接在不同页面中样式应保持一致,并因为手机屏幕可视性较差,需要与内容文字明显区分。
  6. Flashlite与Wap2.0页面中均应尽量减少用户的输入操作,尽量给用户提供可选项。

 

原创粉丝点击