Axure教程:視覺化檢視
今天教大家如何用中繼器做漏斗圖,其中包括了功能介紹與製作方法。
原型預覽及下載地址:
https://axhub.im/pro/295389d280544cd9
總體介紹
-
所有圖表(中國地圖、折線圖、排名圖、漏斗圖、環形圖)不需要聯外網,資料也不是寫死的,只需在中繼器或表格中填寫資料即可自動生成圖表,操作簡單。
-
大小、顏色、樣式、互動可以自由變換。
-
滑鼠移入時能顯示具體資料。
製作方法
1. 背景的製作
-
可以用矩形新增自己喜歡的顏色,或者直接使用圖片素材作為背景;
-
背景製作完成後,使用水平線和垂直線劃分區域(左上,左中,左下,中上,中下,右上,右中,右下);
-
用文字或矩形制作標題。
2. 左上區域製作——待處理資訊
-
用圓形或者圖示做出3個大小相同,顏色不一樣氣泡形狀,水平分佈。
-
製作3個文字標籤,標籤需和氣泡顏色一致,放置在氣泡下方,垂直居中。
-
填上資料即可。
3. 左中區域製作——折線圖
通過中繼器匯入資料,自動生成折線圖。製作的方法請參考我之前寫的:axure教程:折線圖
4. 左下區域製作——環形圖
通過在表格中填寫資料,自動生成環形。製作的方法請參考我之前寫的:axure教程:環形圖
5. 中上區域製作——中國地圖
在中繼器中填寫資料,地圖自動顯示效果,製作的方法可以參考我之前寫的:axure教程:中國地圖和世界地圖
6. 中區域製作:表格
-
在Axure中拖入一個表格原件;
-
在表格內填上標題個資料;
-
根據喜歡設定各行的字型顏色,大小,高度,背景顏色。
7. 右上區域製作——top5氣泡圖
-
畫5個圓形,設定圓形顏色為透明,邊框顏色根據喜好設定。
-
調整圓形大小,填入資料,設定字型大小即可。
8. 右中區域製作——排名圖
通過中繼器匯入資料,自動生成排名圖。製作的方法請參考我之前寫的:Axure 教程:用中繼器做排名圖
9. 右中區域製作——漏斗圖
通過中繼器匯入資料,自動生成漏斗圖。製作的方法請參考我之前寫的:Axure 教程:用中繼器做漏斗圖
製作完成後,以後使用方便,僅需簡單填寫中繼器的內容,即可擁有完美的效果,所以強烈推薦給各位使用。
有需要原型的小朋友給我留言哦,謝謝閱讀。