App主界面交互框架（其中包括标签式、跳板式、列表式、旋转木马、抽屉式、点聚式、陈列馆式、瀑布流）

掌握常见的 APP 应用界面交互框架，了解他们各自的优缺点，使用时才能游刃有余。其中包括标签式、跳板式、列表式和旋转木马等。

一、标签式

优点:1、当前位置入口清晰 2、轻松在各入口间频繁跳转且不会迷失方向3、直接展现最重要入口的内容信息
缺点:1、入口较多时候，模式笨重。

二、跳板式

优点:1、各入口清晰 2、快速找到入口位置。

缺点:1、无法在多入口间灵活跳转，不适合多任务操作 2、容易形成更深的路径 3、不能直接展现入口内容 4、不能显示太多入口次级内容

三、列表式

优点:1、层次展示清晰 2、可展示较长的标题 3、可展示次级内容
缺点:1、同级内容过多时，浏览体验易产生疲劳 2、排版灵活性不是很高 3、只能通过排列顺序、内容帅选、颜色来区分各入口重要程度

四、旋转木马

优点:1、单页面内容整体性强 2、左右切换操作流畅

缺点:1、不适合展示过多页面 2、页面之间不能跳跃查看 3、视觉容易疲劳

五、抽屉式

优点:1、兼容多种模式 2、扩展性好

缺点:1、隐藏其他入口 2、对入口交互的功能可见性要求高 3、对排版要求高

六、点聚式

优点:1、灵活 2、展示方式有趣 3、界面更开阔
缺点:1、隐藏框架中其他入口 2、对入口交互的功能可见性要求高

七、陈列馆式

优点:1、直观展现各项内容 2、方便浏览经常更新的内容

缺点:1、不适合展现顶层入口框架 2、界面内容容易过多，显得杂乱

八、瀑布式

优点:1、内容显示明了。

缺点:1、容易发生空间位置迷失 2、浏览一段时间后，容易产生疲劳感

App主界面交互框架（其中包括标签式、跳板式、列表式、旋转木马、抽屉式、点聚式、陈列馆式、瀑布流）相关推荐

mui 框架：a标签无法跳转 - 解决篇
解决问题 · 罗列与参考: mui框架导致a标签失效无法点击? mui框架之a标签无法跳转的问题? 关于mui中ul列表需要点击多次生效的问题? mui框架:如何自定义实现a标签点击事件的办法? bu ...
delphi 登录界面主窗体切换_winform项目——仿QQ即时通讯程序06：主界面交互逻辑...
上一篇文章,我们搭建好了主界面的布局.本文将实现页面的交互逻辑,比如如何移动窗体.调整窗体大小.点击消息和联系人切换下方的panel面板.动态加载消息列表panel和好友列表panel等,并且左下角的 ...
出行神器“微图APP”主界面功能概述
微图的主界面主要包括主菜单功能.搜索定位功能.用户登录.栅格地图切换.矢量图层管理.快速标注.打开3D在线地球.视图显示控制.工具箱.定位到当前位置.视图缩放功能.开启GPS导航.照片拍摄.编辑绘制和 ...
Android学习系列(22)--App主界面比较
本文算是一篇漫谈,谈一谈当前几个流行应用的主界面布局,找个经典的布局我们自己也来实现一个. 不是为了追求到底有多难,而是为了明白我们确实需要这么做. 走个题,android的UI差异化市场依然很大, ...
【IMOOC学习笔记】多种多样的App主界面Tab实现方法(二)
Fragment实现Tab 首先把activity_main.xml 文件中的ViewPager标签改成Fragment标签 1 <FrameLayout 2 android:id=" ...
android快速搭建界面,怎么样能快速搭建一个Android APP的界面和框架?
繁花如伊自己从零开始快速搭建Android app架构简单的看下这三个架构模式:MVC:Model-View-Controller,经典模式,很容易理解,主要缺点有两个:View对Model的依赖, ...
多种多样的App主界面Tab实现方法（二）：Fragment
hyman老师慕课网视频连接 http://www.imooc.com/learn/264 上一篇博文说了利用ViewPager实现Tab的方法,每个tab页面的内容只有一个TextView,但是如 ...
android app 主界面,android ViewPager实现App主界面Tab菜单页面切换和点击事件
Tabhost实现页面滑动切换比较麻烦,这里介绍一下viewPage 控件. 实现了三屏滑动带标题点击和tab页面内按钮的的点击事件实现: viewPage 的优点是可以滑动切换缺点是MainAct ...
mui框架之a标签无法跳转的问题
最近在mobile的项目中用到了mui前端框架,自己先学习了一下,感觉功能挺全,因为要开发m站,就选择用了mui的前端h5的框架,由于是第一次用到,难免会踩坑. 要实现这样一个产品的列表,由于要分页, ...
java iframe主界面_利用iframe实现各个页面跳转
非洲小白脸阅读(2569) 评论(0) 编辑收藏 String baseUrl = request.getContextPath(); %> var tmpForm = false; v ...

App主界面交互框架（其中包括标签式、跳板式、列表式、旋转木马、抽屉式、点聚式、陈列馆式、瀑布流）

App主界面交互框架（其中包括标签式、跳板式、列表式、旋转木马、抽屉式、点聚式、陈列馆式、瀑布流）相关推荐

最新文章

热门文章