axure商城

axure教程之畫百分比環形圖

最近,一直在畫原型,遇到問題解決問題,有時間我會記錄一下分享給大家,希望能幫到你。在app原型設計時,百分比環形圖是我們經常要用到的一種圖形,那么用axure如何設計呢,可能你會去網上截個圖代替一下,其實沒必要,用axure可以很輕松的畫出環形圖,下面分享給大家。

軟件版本:Axure RP 8

先看下效果

canvas.png

完成此圖,一共分三層:

火狐截圖_2017-01-03T03-19-03.151Z.png

看到這里,我想很多人應該已經明白如何畫了;下面看下步驟!

第一步,畫個圓形:

火狐截圖_2017-01-03T03-52-12.008Z.png

尺寸暫定200px *200px;去掉邊線,填充顏色#E4E4E4

第二步,復制這個圓形,然后將圓形設置為自定義形狀:

QQ截圖20170103115622.png

調整開口大小,用鼠標

圖片.png

填充顏色漸變,顏色自己可以選擇一下

圖片.png

第三步,再復制一個原型,將圓形大小設置為160px * 160px,顏色設置為白色,再加個0*0 10像素擴展黑色35%透明度的陰影

圖片.png

最后,將三張圖上下左右居中對齊,再填入文字,大功告成!你可以將形狀組合起來,這樣方便進一步使用!

圖片.png

多種形態風格

1483416471380185.png

很簡單吧,希望能幫到您!

給TA買糖
共{{data.count}}人
人已贊賞
案例教程

Axure實例教程:動感切換登錄注冊面板

2018-2-14 18:14:15

案例教程

Axure教程之美化單選框復選框按鈕

2018-6-26 10:35:23

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo