App界面布局形式51课件.pptxVIP

App界面布局形式

合理的布局会让App界面显得更清晰、美观。

导航栏布局

顶部导航式布局1.顶部导航式布局。顶部导航式布局指App界面的导航在界面顶部，用户可通过左右滑动界面来切换不同的导航选项卡。导航栏布局

底部标签导航式布局导航栏布局2.底部标签导航式布局。底部标签导航式布局是较常用的导航布局形式，主要用于对多个主要功能或应用进行划分；特点：核心功能突出、功能展示直观

双导航式布局抽屉导航式布局

信息展示区布局

信息展示区布局宫格式布局1.宫格式布局。是App界面中最常见的布局方式，最早的宫格式布局为九宫格布局。特点：井然有序、间隔合理、呈现清晰的特点。

信息展示区布局竖排列表式布局2.竖排列表式布局。列表可以包含较多的信息，在视觉上整齐美观，视觉流线从上向下，浏览便捷，用户接受度很高。

手风琴式布局信息展示区布局3.手风琴式布局。优势：能够在一屏内显示更多内容细节，无须进行界面的跳转，既能保持界面简洁，又能提高操作效率。

图表式布局大图展示式布局

图示式布局热门标签式布局

App界面设计要点——明确传达主旨喜马拉雅儿童App首页UU跑腿App首页

App界面设计要点——保证功能的合理性健康App浏览页工学云App首页

App界面设计要点——清晰地展现信息层级携程App搜索页掌上生活App工具页

App界面设计要点——具备美观性哔哩哔哩App专题页京喜App首页