自己小结的iOS 界面交互框架

一、抽屉式滑动导航

代表：Facebook，QQ，Path，旧版知乎

不会直接显示在主屏幕，通过点击左（右）上角，或侧滑可以出现

优点：形式多样灵活，兼容多种模式（列表式、图表卡片式布局）；隐藏非核心的操作与功能，让用户更专注于核心的功能操作上去；扩展了屏幕显示范围

缺点：隐藏了框架中的其他状态，用户初次使用学习成本高

二、底部标签式

代表：微信，微博，Instagram

比较常见的经典布局

优点： 直观展现当前入口位置，各个入口之间可自由转换并且不会迷失方向，适合需要不断在各入口之间选择的app（社交类）

缺点：当底部标签数量过多时，可能使整个应用过于庞杂

三、跳板式（类win8，九宫格图标）

代表：去哪儿网，去啊，美图秀秀，随便走

一般用作主导航

优点：清晰展现各入口位置；不必拘泥于完全网格式，可成比例放大某几个图标以彰显其总要性；容易记住位置，方便下次迅速找到

缺点：无法在多入口之间灵活跳转，不太适合社交类app；容易形成更深的路径，不能直接展现入口内容；不能显示太多入口次级内容

四、列表式

代表：印象笔记

最常见的导航模式之一，常用于次级页面

优点：层次清晰，可展示内容较长的标题，可展示部分预览内容

缺点： 同级内容过多时，用户易疲劳，排版灵活性不高，只能通过排列顺序、颜色来区分各入口重要程度

五、旋转木马式（轮播式）

代表：火柴盒

优点：可展示大面积的图片信息，左右滑动可顺畅切换，适用于每日一推

缺点： 不适合展示过多页面，不能跳跃性查看

六、点聚式

代表：Path

优点：节省页面空间，展开方式有趣

缺点：隐藏了框架中其他入口，不能直观展示各项功能

七、超级菜单式

代表：美团

手机网站中使用较多

优点：便于分类检索的次级导航

缺点：分类过细，返回寻找困难

八、陈列馆式

代表：当当读书

优点：直观展示各项内容,方便浏览经常更新的内容

缺点：不适合展现顶层入口框架,容易形成界面内容过多，显得杂乱,设计效果容易呆板

九、瀑布式

代表：tataUFO

优点：浏览时体验流畅

缺点：缺乏对整体内容的体积感，易造成用户疲劳