1.应用中的导航结构

应用中的导航用于引导用户在应用的各个页面进行浏览。常用的应用导航有：

·  平级导航

·   上下级导航

·   混合导航

导航的原则：

·   一致。导航操作的结果应该与用户的期望保持一致。使用用户熟悉的界面布局和控件，让用户无论在什么页面，都知道如何导航。

·   清晰。导航应该提供清晰的路径。用户使用的时候，能够知道当前处在界面的什么位置，操作后将会跳转到什么位置。

平级导航

平级导航结构中，页面均处在同一层级。

使用场景：用于展示同等地位或同等层级的界面。例如以TAB方式组成的页面。

24.png (43.32 KB, 下载次数: 0)

2020-9-15 15:43 上传

上下级导航

上下级导航结构由父页面和子页面组成。父页面可以有一个或多个子页面。每个子页面都有一个父页面。

上下级结构导航适用于多层级的复杂结构。层级结构深的内容，用户访问的路径变长，效率降低，可以通过适当的层级穿透设计(如快捷方式)解决此问题。

使用场景：页面存在上下级关系的应用。

25.png (39.94 KB, 下载次数: 0)

2020-9-15 15:44 上传

混合导航

在应用中，对同等地位或同等层级的页面使用平级导航结构，对具有复杂关系的页面使用上下级导航结构。

26.png (27.83 KB, 下载次数: 0)

2020-9-15 15:44 上传

2.常用应用界面框架

常用应用界面框架有：

·  启动页

·   详情页

·   列表视图

·   宫格视图

启动页

针对内容型应用，应用的首页内容的获取需要花费一定的时间，此时可以使用启动页缓解页面加载内容的等待感。启动页可以展示应用的品牌形象或者广告。

27.png (19.94 KB, 下载次数: 0)

2020-9-15 15:46 上传

·  仅针对内容型应用使用启动页。内容型应用在启动时，需要花一定的时间获取内         容，因此需要使用启动页，减少用户的等待感。没有网络加载内容的应用，不需        要使用启动页。

·  避免让用户等待过长时间。用户总是希望第一时间看到应用内容，因此在页面加载      完成后，需要及时呈现内容。

·  从后台加载应用时，不应该显示启动页。当应用被切换到后台后，再从后台加载回      来时，不应该再次显示启动页。应用需要保留应用的状态，以便从后台恢复，方        便用户继续浏览。

详情页

详情页用于展示应用的详细描述和操作。

28.png (25.77 KB, 下载次数: 0)

2020-9-15 15:48 上传列表视图

列表视图通常用于文字和数据内容的展示。

29.png (55.62 KB, 下载次数: 0)

2020-9-15 15:48 上传

·   列表应该按照一定的逻辑排序，便于用户浏览和操作。例如：按字母顺序排序、按时间排序。

·   列表应该是同类项的集合，应该对外呈现一致的布局样式。常见的是单行列表、双行列表和三行列表。

·   列表显示的内容不宜过多。用户应该一眼就能关注到重要信息和操作。网格视图

网格视图通常用于图片和视频内容的展示。

30.png (27.13 KB, 下载次数: 0)

2020-9-15 15:50 上传

·    网格视图显示同等重要的项目，具有统一的布局。

·    网格视图以图像为主组织内容。例如：图库中用网格视图展示图片。

·    网格视图可以辅以文字和操作。例如：应用市场中使用网格展示应用程序图标，简单描述和下载按钮。

·网格视图应该考虑响应式布局。在横竖屏切换时，网格视图应该能够按比例缩，内容以适配页面的宽度。