1. 程式人生 > 實用技巧 >Axure教程:視覺化檢視

Axure教程:視覺化檢視

今天教大家如何用中繼器做漏斗圖,其中包括了功能介紹與製作方法。

原型預覽及下載地址:

https://axhub.im/pro/295389d280544cd9

總體介紹

  1. 所有圖表(中國地圖、折線圖、排名圖、漏斗圖、環形圖)不需要聯外網,資料也不是寫死的,只需在中繼器或表格中填寫資料即可自動生成圖表,操作簡單。

  2. 大小、顏色、樣式、互動可以自由變換。

  3. 滑鼠移入時能顯示具體資料。

製作方法

1. 背景的製作

  1. 可以用矩形新增自己喜歡的顏色,或者直接使用圖片素材作為背景;

  2. 背景製作完成後,使用水平線和垂直線劃分區域(左上,左中,左下,中上,中下,右上,右中,右下);

  3. 用文字或矩形制作標題。

2. 左上區域製作——待處理資訊

  1. 用圓形或者圖示做出3個大小相同,顏色不一樣氣泡形狀,水平分佈。

  2. 製作3個文字標籤,標籤需和氣泡顏色一致,放置在氣泡下方,垂直居中。

  3. 填上資料即可。

3. 左中區域製作——折線圖

通過中繼器匯入資料,自動生成折線圖。製作的方法請參考我之前寫的:axure教程:折線圖

4. 左下區域製作——環形圖

通過在表格中填寫資料,自動生成環形。製作的方法請參考我之前寫的:axure教程:環形圖

5. 中上區域製作——中國地圖

在中繼器中填寫資料,地圖自動顯示效果,製作的方法可以參考我之前寫的:axure教程:中國地圖和世界地圖

6. 中區域製作:表格

  1. 在Axure中拖入一個表格原件;

  2. 在表格內填上標題個資料;

  3. 根據喜歡設定各行的字型顏色,大小,高度,背景顏色。

7. 右上區域製作——top5氣泡圖

  1. 畫5個圓形,設定圓形顏色為透明,邊框顏色根據喜好設定。

  2. 調整圓形大小,填入資料,設定字型大小即可。

8. 右中區域製作——排名圖

通過中繼器匯入資料,自動生成排名圖。製作的方法請參考我之前寫的:Axure 教程:用中繼器做排名圖

9. 右中區域製作——漏斗圖

通過中繼器匯入資料,自動生成漏斗圖。製作的方法請參考我之前寫的:Axure 教程:用中繼器做漏斗圖

製作完成後,以後使用方便,僅需簡單填寫中繼器的內容,即可擁有完美的效果,所以強烈推薦給各位使用。

有需要原型的小朋友給我留言哦,謝謝閱讀。