编辑导语：无论我们利用什么APP可能网站，往往城市下意识地去寻找菜单栏和标签栏，利便我们更快捷的查找到想要的信息。尤其是在利用移动端时，屏幕的巨细让我们更需要菜单的指引。那么在Axure原型设计中，移动端标签和菜单原型是如何应用的呢？本文作者为我们举办了具体地解答。

标签和菜单比如是一个分类器，将差异的内容分门别类，用户可以或许通过标签和菜单快速找到对应的内容，所以标签和菜单在系统原型设计中长短常重要且常用的。

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

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

一、页面菜单

此刻一些综合型的app（微信、qq等）由于成果太多，城市有专门的菜单页面，方面展示差异的内容，利用页面菜单页利便用户快速寻找到需要的内容。

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

利用中继器建造的利益维护简朴，不需要从头配置交互，新增菜单列的时候，只需要更新中继器表格即可。

二、侧栏菜单

侧栏菜单和页面菜单很像，只不外是把页面菜单酿成在左侧弹出的菜单，可以自由显示和埋没菜单，菜单显示时不会分开本来的页面，这种菜单即实用又雅观。

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

三、弹窗菜单

弹窗菜单和前两者更大的区别是：弹窗菜单的菜单内容少，他不会像前两个菜单一样把大大都可能全部的内容页面展示出来，弹窗菜单只是对当前页面内容的增补可能是放一些常用的成果（譬喻扫码、搜索等），一般菜单行数为3-6行。

我们设计的时候，也是利用中继器来建造，利便维护。

四、锚点菜单

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

我们利用Axure设计的时候，一般会用锚点可能移动的事件，点击菜单差异的内容移动到对应位置，由于每个菜单移动的位置纷歧致，所以用中继器建造反而不太利便，我们就用形状文字添加移动的交互即可。

五、顶部标签菜单

顶部标签菜单，这种标签菜单的利益是不暂用许多位置，不需要专门的页面，也不需要弹窗，只需要在顶部预留一行文字的位置即可，用户通过点击差异标签切换内容，利便快捷。我们同样用中继器建造，维护时变动表格文字即可。

六、底部标签菜单

底部标签菜单，和顶部标签菜单纷歧样，顶部标签菜单会把所有的页面标签显示出来。

可是底部的标签菜单一般只显示重要可能用户常用的页面，一般而言是4-5个标签。

底部标签菜单的长处就是利便用户利用，用户可以或许很快速的切换到常用的页面。我们设计底部标签菜单时，一般是由图标和文字构成，点击后会有个选中结果，并跳转至对应的页面。

七、Axure操纵流程 1. 菜单中继器建造

中继器内如下图摆放，图片+菜单标题+向右标记+脱离线：

中继器表格由menu列和picture列构成，memu列填菜单文字标题，配置交互每项加载时让菜单标题的值=item.memu。

picture为菜单图标，鼠标右键导入图标即可，配置交互每项加载时，让图片的值=item.picture。

3. 动态面板建造

如下图所示，新建一个动态面板，state名改为对应的菜单名，需要和中继器表格内一直哦，然后在各个面板安排对应的内容即可。

配置交互，鼠标单击菜单时，配置动态面板为对应的页面即可。