标签和菜单好比是一个分类器，将不同的内容分门别类，用户能够通过标签和菜单快速找到对应的内容

标签和菜单好比是一个分类器，将不同的内容分门别类，用户能够通过标签和菜单快速找到对应的内容，所以标签和菜单在系统原型设计中是非常重要且常用的。

相比web端而言，移动端的屏幕更小，所以标签和才的应用的场景就更广阔了。

本文梳理了移动端常用的标签和菜单的原型，其中包括页面菜单、侧栏菜单、弹窗菜单、锚点菜单、顶部标签菜单和底部标签菜单。

一、页面菜单

现在一些综合型的app（微信、qq等）由于功能太多，都会有专门的菜单页面，方面展示不同的内容，使用页面菜单页方便用户快速寻找到需要的内容。

我们在画这种页面菜单的时候，一般是使用中继器制作，由图标+文字的方式展示，点击菜单内容时跳转至对应的动态面板或对应的页面。

使用中继器制作的优点维护简单，不需要重新设置交互，新增菜单列的时候，只需要更新中继器表格即可。

二、侧栏菜单

侧栏菜单和页面菜单很像，只不过是把页面菜单变成在左侧弹出的菜单，可以自由显示和隐藏菜单，菜单显示时不会离开原来的页面，这种菜单即实用又美观。

同样的侧栏菜单同样是用中继器制作，所以维护成为也低。

三、弹窗菜单

弹窗菜单和前两者最大的区别是：弹窗菜单的菜单内容少，他不会像前两个菜单一样把大多数或者全部的内容页面展示出来，弹窗菜单只是对当前页面内容的补充或者是放一些常用的功能（例如扫码、搜索等），一般菜单行数为3-6行。

我们设计的时候，也是使用中继器来制作，方便维护。

四、锚点菜单

锚点菜单和上面3个菜单不同，上面三种菜单，点击菜单内容后都是跳转到对应的页面，但是锚点菜单点击后不跳转至其他页面，只是滑动至页面的对应位置，可以说是对本页内容的快速搜索。锚点菜单经常应用于购物、外卖等app。

我们使用Axure设计的时候，一般会用锚点或者移动的事件，点击菜单不同的内容移动到对应位置，由于每个菜单移动的位置不一致，所以用中继器制作反而不太方便，我们就用形状文字添加移动的交互即可。