中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：Web后臺的面包屑組件用來告訴用戶當前頁面所處的層級結構，PM一定要了解并學會它的原型畫法；本篇文章作者詳細介紹了如何用Axure畫出Web后臺產品的面包屑組件。

面包屑的畫法不是很復雜，但是有一些技巧可以減少大量的原型工作量；根據作者的經驗提供3種面包屑的原型畫法，強烈推薦第三種最省時間且便于修改。

一、面包屑第1種畫法

實現(xiàn)原理：每個頁面都顯示面包屑，那就每個頁面畫一遍。

原型地址：https://e10t7y.axshare.com

1）從默認元件庫拖動“文本標簽”到工作區(qū)合適位置，雙擊輸入頁面名稱。

2）從默認元件庫拖動“水平線”到工作區(qū)合適位置，修改寬度為1000px。

3）重復以上步驟，為每個頁面設置面包屑。

4）點擊“預覽”按鈕，然后在瀏覽器中查看原型效果。

二、面包屑第2種畫法

實現(xiàn)原理：每個頁面都顯示面包屑，那就使用母版然后添加到每個頁面，然后根據具體頁面進行修改頁面名稱。

原型地址：https://kjqvgg.axshare.com

1）從默認元件庫拖動“文本標簽”到工作區(qū)合適位置，雙擊輸入文字“頁面名稱”。

2）從默認元件庫拖動“水平線”到工作區(qū)合適位置，修改寬度為1000px。

3）同時選擇頁面名稱和水平線，右鍵點擊“切換為母版”，然后設置名稱為“面包屑”，點擊“繼續(xù)”按鈕。

4）在左側母版區(qū)域，右鍵母版“面包屑”，點擊“添加到頁面中…”然后點擊“全選”，選中“指定新的位置”并設置為(180,105)，最后點擊“確定”按鈕。

5）進入到首頁，右鍵母版“面包屑”，點擊“脫離母版”。

雙擊元件“頁面名稱”，修改成首頁。

6）進入到頁面名稱1，右鍵母版“面包屑”，點擊“脫離母版”。

雙擊元件“頁面名稱”，修改成“分類名稱1 > 頁面名稱1”。

7）重復以上步驟，為每個頁面設置面包屑。

8）點擊“預覽”按鈕，然后在瀏覽器中查看原型效果。

三、面包屑第3種畫法

實現(xiàn)原理：每個頁面都顯示面包屑，那就使用母版然后添加到每個頁面，并且根據函數自動顯示相應的頁面名稱。

原型地址：https://geaas2.axshare.com

1）從默認元件庫拖動“文本標簽”到工作區(qū)合適位置，雙擊輸入文字“頁面名稱”。

2）從默認元件庫拖動“水平線”到工作區(qū)合適位置，修改寬度為1000px。

3）點擊頁面名稱，右側邊欄切換到“交互”，點擊“新建交互”按鈕，選擇觸發(fā)事件“載入時”，添加動作“設置文本”，目標選擇“當前元件”，點擊fx進入編輯文本彈窗，點擊插入變量或函數，搜索page然后找到PageName并點擊它，最后點擊確定按鈕。

4）同時選擇頁面名稱和水平線，右鍵點擊“切換為母版”，然后設置名稱為“面包屑”，點擊“繼續(xù)”按鈕。

5）在左側母版區(qū)域，右鍵母版“面包屑”，點擊“添加到頁面中…”然后點擊“全選”，選中“指定新的位置”并設置為(180,105)，最后點擊“確定”按鈕。

6）點擊“預覽”按鈕，然后在瀏覽器中查看原型效果。

#相關閱讀#

如何用Axure畫出Web后臺產品的菜單欄組件

如何用Axure畫出Web后臺產品的編輯詳情頁

#專欄作家#

浪子，個人微信langzipm，公眾號：浪子畫原型(langzisay)。專注于Axure原型設計和產品規(guī)范。

本文由 @浪子 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協(xié)議。