使用Axure制作出雷達圖具體操作流程

今日小編為大伙帶來的教程是關于Axure的,你們知道使用Axure如入戶制作出雷達圖嗎?今日在此就為你們分享了使用Axure制作出雷達圖的具體操作流程 。

使用Axure制作出雷達圖具體操作流程

1、首先打開Axure,新建一個頁面,拖拽一個矩形元件 。矩形元件在Default里面第一個,鼠標左鍵選中拖拽至工作去區即可 。
使用Axure制作出雷達圖具體操作流程

2、點擊圖形右上角的灰色圓點 , 選中六邊形 。還可以通過右側面板更改圖形的形狀,如圖所示,兩個方法都可以,推薦第一種比較快速 。
使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

3、90度旋轉六邊形,調整圖形大小 。如圖所示,調整提醒的大小并旋轉90度,可以按住ctrl建旋轉,也可以通過右側樣式面板設置 。
使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

4、復制一個六邊形,大小比剛剛的六邊形小一些,設置顏色為淺灰色 。這里是要制作雷達圖的背景,如果你不需要可以直接跳過,建議設置上,增加美觀度 。
使用Axure制作出雷達圖具體操作流程

5、重復上面的方法,多復制幾個,直到完成如圖所示的樣子 。這里需要注意形狀的顏色順序,一個一個復制,不要一下子復制多個 。
使用Axure制作出雷達圖具體操作流程

6、添加六邊形數值線 。拖拽一個矩形元件,更改其形狀為六邊形,調整大小 。
使用Axure制作出雷達圖具體操作流程

7、設置數值線樣式 。將六邊形的顏色設置為空,如圖,將顏色選擇為綠色,根據自己需要選擇,線條的粗細建議也進行調整,如圖 。
使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

8、右擊六邊形--轉為自定義形狀 。將六邊形轉為自定義形狀,然后調整各個頂點的位置 。然后復制六邊形,更改顏色,繼續調整各個頂點的位置 。
使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

9、添加圓形節點 。如果你想增加美觀程度可以為每個頂點添加圓形,拖拽一個圓形 , 調整大小,設置邊框顏色,如圖 。
使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

10、按照步驟復制圓形至各個頂點 。最后添加文本標簽,拖拽文本元件至六邊形外側各頂點對應位置 。
使用Axure制作出雷達圖具體操作流程

使用Axure制作出雷達圖具體操作流程

【使用Axure制作出雷達圖具體操作流程】根據上文為你們分享的使用Axure制作出雷達圖的具體操作流程,你們是不是都學會了呀!

相關經驗推薦