先讲一个面包屑导航的故事。

在童话故事里，主人公"汉塞尔"和"格莱特"穿过森林时，不小心迷路了，但是他们发现在沿途走过的地方都撒下了面包屑，正是这些面包屑来帮助他们找到回家的路。

这就是导航的作用，告诉用户在哪，去过哪，可以去哪，怎么去那，去那干什么。

01：面包屑丢的太多容易浪费——信息元数据是否最优

拿到设计内容后第一步先是怀疑。导航内容是否是最优了？这一点很关键，影响了用户是否点击。现在追求的扁平化设计，很重要的一点是减少信息的层级，使得信息框架的扁平化。关于信息内容的信息称之元数据。元数据的呈现要有优先级，在移动平台，用户是如何寻找信息的非常重要，当然还要考虑内容的传达和功能性。这个时候也往往是产品需求分析反复需要修改的一个过程。

这一点，我们可以回顾产品的站点地图（sitemap/Blueprints）。深度过大不利于用户快速获取信息，广度过大用户一开始选择就会变得困难。所以，尽可能得平衡信息的深度和广度。

02：带着面包去流浪吧——导航页面流程交互

理清了信息架构，主导航的样式就自然就会清晰的呈现在眼前。确定主导航是很决定产品交互风格很关键的一步。不同的产品形态有不同的选择。

选项卡式（Tab Menu）：适用多任务项的产品所以还叫Toolbar，在顶部（Android）遵循从上至下的阅读习惯，但是不利于单手操作,当然Tab切换可以用手滑动；出现在底部如（ios）。还有一个要注意的tab页内的不应出现历史内容，切换了下一个tab后，如何返回

跳板式(Springboard)：提供了中央跳板，ios平台很普遍。适用多功能的操作。

列表式（List Menu）：遵循从上至下的阅读习惯，适合用来显示较长或者有文字内容的标题以及广度大的信息级

抽屉式（Drawer/面包式/侧边式/瑞士军刀导航）：因为能节省空间，但是有过于隐蔽，带有争议，但的确并不适用信息层级深度复杂的页面。

03：面包也来搭点别的菜吧——页面内部的导航器混搭模式

陈列馆式：显示元数据的一些描述项，适用频繁更新的内容

隐喻式导航:比如游戏界面的闯关概念

仪表式导航：更加丰富的显示数据指标

一般产品设计走完了站点地图，页面流程图，线框图,之后就可以开始上视觉。

平时多收集一些优秀作品，这是我建立的一个花瓣相册：http://huaban.com/boards/16184999/ 

（最近正在思考如何建立自己的设计模式库，移动应用设计模式，这本书虽然旧了，但目录总结的不错）