Web后台的breadcrumb组件用于告诉用户当前页面的层次结构，产品设计人员必须了解并学习如何创建它的原型!下面粤秀教育为大家分享Axure画出Web后台产品的面包屑组件的方法！如果你打算自学Axure原型设计的话，推荐粤秀教育的Axure自学视频课，专业讲师传授知识点，可以0基础学会软件功能操作以及动手实操~

Axure画出Web后台产品的面包屑组件方法：

一、面包屑第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并咨询它，最后咨询确定按钮。

4）同时选择页面名称和水平线，右键咨询“切换为母版”，然后设置名称为“面包屑”，咨询“继续”按钮。

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

6）咨询“预览”按钮，然后在浏览器中查看原型效果。

以上就是关于“Axure怎么画出Web后台产品的面包屑组件？”的内容分享了，希望能够帮到你！更多Axure精彩分享，尽在Axure相关文章！Axure因其能够快速、高效的创建原型，备受众多产品设计人员所使用！对于想要快速学会Axure原型设计的小伙伴，就可以选择粤秀教育精选的Axure自学视频课！不要犹豫，选择合适的课程开始学习体验吧~