本文將教大家如何用中繼器做漏斗圖，其中包括了功能介紹與製作方法。
在線演示地址：http://demo.axureshop.com/?url=http://cloud.axureshop.com/t7wlih&buyurl=https://www.axureshop.com/a/1017510.html
總體介紹
- 所有圖表（中國地圖、折線圖、排名圖、漏斗圖、環形圖）不需要聯外網，數據也不是寫死的，只需在中繼器或表格中填寫數據即可自動生成圖表，操作簡單。
- 大小、顏色、樣式、交互可以自由變換。
- 鼠標移入時能顯示具體數據。
製作方法
1. 背景的製作
- 可以用矩形添加自己喜歡的顏色，或者直接使用圖片素材作為背景；
- 背景製作完成後，使用水平線和垂直線劃分區域（左上，左中，左下，中上，中下，右上，右中，右下）；
- 用文本或矩形制作標題。
2. 左上區域製作——待處理信息
- 用圓形或者圖標做出3個大小相同，顏色不一樣氣泡形狀，水平分佈。
- 製作3個文本標籤，標籤需和氣泡顏色一致，放置在氣泡下方，垂直居中。
- 填上數據即可。
3. 左中區域製作——折線圖
通過中繼器導入數據，自動生成折線圖。製作的方法請參考我之前寫的：axure教程：折線圖
4. 左下區域製作——環形圖
通過在表格中填寫數據，自動生成環形。製作的方法請參考我之前寫的：axure教程：環形圖
5. 中上區域製作——中國地圖
在中繼器中填寫數據，地圖自動顯示效果，製作的方法可以參考我之前寫的：axure教程：中國地圖和世界地圖
6. 中區域製作：表格
- 在Axure中拖入一個表格原件；
- 在表格內填上標題個數據；
- 根據喜歡設置各行的字體顏色，大小，高度，背景顏色。
7. 右上區域製作——top5氣泡圖
- 畫5個圓形，設置圓形顏色為透明，邊框顏色根據喜好設置。
- 調整圓形大小，填入數據，設置字體大小即可。
8. 右中區域製作——排名圖
通過中繼器導入數據，自動生成排名圖。製作的方法請參考我之前寫的：Axure 教程：用中繼器做排名圖
9. 右中區域製作——漏斗圖
通過中繼器導入數據，自動生成漏斗圖。製作的方法請參考我之前寫的：Axure 教程：用中繼器做漏斗圖
製作完成後，以後使用方便，僅需簡單填寫中繼器的內容，即可擁有完美的效果，所以強烈推薦給各位使用。
有需要原型的小朋友給我留言哦，謝謝閱讀。
題圖來自Unsplash，基於CC0協議
分享到:
閱讀更多 人人都是產品經理 的文章
