编辑导语：Web靠山的面包屑组件用来汇报用户当前页面所处的层级布局，PM必然要相识并学会它的原型画法；本篇文章作者具体先容了如何用Axure画出Web靠山产物的面包屑组件。

面包屑的画法不是很巨大，可是有一些能力可以淘汰大量的原型事情量；按照作者的履历提供3种面包屑的原型画法，强烈推荐第三种最省时间且便于修改。

一、面包屑第1种画法

实现道理：每个页面都显示面包屑，那就每个页面画一遍。

原型地点：

1）从默认元件库拖动“文本标签”到事情区符合位置，双击输入页面名称。

2）从默认元件库拖动“程度线”到事情区符合位置，修改宽度为1000px。

3）反复以上步调，为每个页面配置面包屑。

4）点击“预览”按钮，然后在欣赏器中查察原型结果。

二、面包屑第2种画法

实现道理：每个页面都显示面包屑，那就利用母版然后添加到每个页面，然后按照详细页面举办修改页面名称。

原型地点：

1）从默认元件库拖动“文本标签”到事情区符合位置，双击输入文字“页面名称”。

2）从默认元件库拖动“程度线”到事情区符合位置，修改宽度为1000px。

3）同时选择页面名称和程度线，右键点击“切换为母版”，然后配置名称为“面包屑”，点击“继承”按钮。

4）在左侧母版区域，右键母版“面包屑”，点击“添加到页面中…”然后点击“全选”，选中“指定新的位置”并配置为(180,105)，最后点击“确定”按钮。

5）进入到首页，右键母版“面包屑”，点击“离开母版”。

双击元件“页面名称”，修改成首页。

6）进入到页面名称1，右键母版“面包屑”，点击“离开母版”。

双击元件“页面名称”，修改成“分类名称1 > 页面名称1”。

7）反复以上步调，为每个页面配置面包屑。

8）点击“预览”按钮，然后在欣赏器中查察原型结果。

三、面包屑第3种画法

实现道理：每个页面都显示面包屑，那就利用母版然后添加到每个页面，而且按照函数自动显示相应的页面名称。

原型地点：

1）从默认元件库拖动“文本标签”到事情区符合位置，双击输入文字“页面名称”。

2）从默认元件库拖动“程度线”到事情区符合位置，修改宽度为1000px。

3）点击页面名称，右侧边栏切换到“交互”，点击“新建交互”按钮，选择触发事件“载入时”，添加行动“配置文本”，方针选择“当前元件”，点击fx进入编辑文本弹窗，点击插入变量或函数，搜索page然后找到PageName并点击它，最后点击确定按钮。