13、移动 HTML 和 CSS 开发全解析

移动 HTML 和 CSS 开发全解析

1. 交互设计模式

在设计一系列屏幕以适应可用屏幕大小无法容纳的界面时，常见的交互设计模式有以下几种：
- 滚动视图（Scroll view） ：当信息超出单屏显示范围时，最简单的方法是允许用户滚动视图，默认仅显示顶部部分内容。
- 可缩放视图（Scalable view） ：配备大尺寸触摸屏的设备常使用平移和缩放控件来查看大型文档或视图，这种方式在显示地图或网页时尤为常见。
- 向导模式（Wizard） ：借鉴桌面用户界面模式，一些移动应用采用向导模式，让用户通过一系列屏幕逐步完成任务。
- 渐进式披露（Progressive Disclosure） ：在展示大量信息时，按类别和子类别进行划分，或者仅显示标题列表，通过导航层级系统引导用户找到所需内容。

2. 导航方式

由于移动应用通常包含多个屏幕，导航控件十分重要。常见的导航方式包括：
- 菜单（Menus） ：Windows Mobile、BlackBerry 和 Android 都有标准菜单，用于帮助用户导航应用。菜单通常提供“主页”“设置”等通用导航选项，也可能包含“创建”“保存”等操作。在许多跨平台的 iOS - BlackBerry 应用中，BlackBerry 菜单与 iOS 标签栏的选项相同。Android 同时提供菜单和标签栏，为应用开发者提供了更多灵活性。
- 标签栏（Tab Bars）