[文章]HarmonyOS通用设计基础---应用架构
0
1
应用中的导航用于引导用户在应用的各个页面进行浏览。常用的应用导航有：
· 平级导航
· 上下级导航
· 混合导航
导航的原则：
· 一致。导航操作的结果应该与用户的期望保持一致。使用用户熟悉的界面布局和控件，让用户无论在什么页面，都知道如何导航。
· 清晰。导航应该提供清晰的路径。用户使用的时候，能够知道当前处在界面的什么位置，操作后将会跳转到什么位置。
平级导航
平级导航结构中，页面均处在同一层级。
使用场景：用于展示同等地位或同等层级的界面。例如以TAB方式组成的页面。
上下级导航
上下级导航结构由父页面和子页面组成。父页面可以有一个或多个子页面。每个子页面都有一个父页面。
上下级结构导航适用于多层级的复杂结构。层级结构深的内容，用户访问的路径变长，效率降低，可以通过适当的层级穿透设计（如快捷方式）解决此问题。
使用场景：页面存在上下级关系的应用。
混合导航
在应用中，对同等地位或同等层级的页面使用平级导航结构，对具有复杂关系的页面使用上下级导航结构。
常用应用界面框架有：
· 启动页
· 详情页
· 列表视图
· 宫格视图
启动页
针对内容型应用，应用的首页内容的获取需要花费一定的时间，此时可以使用启动页缓解页面加载内容的等待感。启动页可以展示应用的品牌形象或者广告。
· 仅针对内容型应用使用启动页。内容型应用在启动时，需要花一定的时间获取内 容，因此需要使用启动页，减少用户的等待感。没有网络加载内容的应用，不需 要使用启动页。
· 避免让用户等待过长时间。用户总是希望第一时间看到应用内容，因此在页面加载 完成后，需要及时呈现内容。
· 从后台加载应用时，不应该显示启动页。当应用被切换到后台后，再从后台加载回 来时，不应该再次显示启动页。应用需要保留应用的状态，以便从后台恢复，方 便用户继续浏览。
详情页
详情页用于展示应用的详细描述和操作。
列表视图通常用于文字和数据内容的展示。
· 列表应该按照一定的逻辑排序，便于用户浏览和操作。例如：按字母顺序排序、按时间排序。
· 列表应该是同类项的集合，应该对外呈现一致的布局样式。常见的是单行列表、双行列表和三行列表。
· 列表显示的内容不宜过多。用户应该一眼就能关注到重要信息和操作。
网格视图网格视图通常用于图片和视频内容的展示。
· 网格视图显示同等重要的项目，具有统一的布局。
· 网格视图以图像为主组织内容。例如：图库中用网格视图展示图片。
· 网格视图可以辅以文字和操作。例如：应用市场中使用网格展示应用程序图标，简单描述和下载按钮。
· 网格视图应该考虑响应式布局。在横竖屏切换时，网格视图应该能够按比例缩，内容以适配页面的宽度。
回帖高级模式
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容图片侵权或者其他问题，请联系本站作侵删。 侵权投诉