HarmonyOS通用设计基础---应用架构

小嵌

HarmonyOS通用设计基础---应用架构,   
1.应用中的导航结构 应用中的导航用于引导用户在应用的各个页面进行浏览。常用的应用导航有：
    ·  平级导航
    ·   上下级导航
    ·   混合导航 导航的原则：
    ·   一致。导航操作的结果应该与用户的期望保持一致。使用用户熟悉的界面布局和控件，让用户无论在什么页面，都知道如何导航。
    ·   清晰。导航应该提供清晰的路径。用户使用的时候，能够知道当前处在界面的什么位置，操作后将会跳转到什么位置。
平级导航 平级导航结构中，页面均处在同一层级。 使用场景：用于展示同等地位或同等层级的界面。例如以TAB方式组成的页面。

24.png （43.32 KB, 下载次数: 0）

下载附件  保存到相册  

2 小时前 上传
上下级导航 上下级导航结构由父页面和子页面组成。父页面可以有一个或多个子页面。每个子页面都有一个父页面。 上下级结构导航适用于多层级的复杂结构。层级结构深的内容，用户访问的路径变长，效率降低，可以通过适当的层级穿透设计（如快捷方式）解决此问题。 使用场景：页面存在上下级关系的应用。

25.png （39.94 KB, 下载次数: 0）

下载附件  保存到相册  

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

26.png （27.83 KB, 下载次数: 0）

下载附件  保存到相册  

2 小时前 上传


2.常用应用界面框架 常用应用界面框架有：
     ·  启动页
     ·   详情页
     ·   列表视图
     ·   宫格视图
启动页 针对内容型应用，应用的首页内容的获取需要花费一定的时间，此时可以使用启动页缓解页面加载内容的等待感。启动页可以展示应用的品牌形象或者广告。

27.png （19.94 KB, 下载次数: 0）

下载附件  保存到相册  

2 小时前 上传
·   
仅针对内容型应用使用启动页。内容型应用在启动时，需要花一定的时间获取内         容，因此需要使用启动页，减少用户的等待感。没有网络加载内容的应用，不需        要使用启动页。
·   
避免让用户等待过长时间。用户总是希望第一时间看到应用内容，因此在页面加载      完成后，需要及时呈现内容。
·   
从后台加载应用时，不应该显示启动页。当应用被切换到后台后，再从后台加载回      来时，不应该再次显示启动页。应用需要保留应用的状态，以便从后台恢复，方        便用户继续浏览。


详情页

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

28.png （25.77 KB, 下载次数: 0）

下载附件  保存到相册  

2 小时前 上传
列表视图

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

29.png （55.62 KB, 下载次数: 0）

下载附件  保存到相册  

2 小时前 上传
·   
列表应该按照一定的逻辑排序，便于用户浏览和操作。例如：按字母顺序排序、按时间排序。
·   
列表应该是同类项的集合，应该对外呈现一致的布局样式。常见的是单行列表、双行列表和三行列表。


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

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

30.png （27.13 KB, 下载次数: 0）

下载附件  保存到相册  

2 小时前 上传
·   
网格视图显示同等重要的项目，具有统一的布局。
·   
网格视图以图像为主组织内容。例如：图库中用网格视图展示图片。
·   
网格视图可以辅以文字和操作。例如：应用市场中使用网格展示应用程序图标，简单描述和下载按钮。
·   
网格视图应该考虑响应式布局。在横竖屏切换时，网格视图应该能够按比例缩，内容以适配页面的宽度。