axure教程之畫百分比環(huán)形圖
發(fā)布時間:2022-03-17 10:38 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3744

在app原型設計時,百分比環(huán)形圖是我們經(jīng)常要用到的一種圖形,那么用axure如何設計呢,可能你會去網(wǎng)上截個圖代替一下,其實沒必要,用axure可以很輕松的畫出環(huán)形圖,下面分享給大家。

軟件版本:Axure RP 8

先看下效果

canvas.png

完成此圖,一共分三層:

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

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

第一步,畫個圓形:

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

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

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

QQ截圖20170103115622.png

調整開口大小,用鼠標

圖片.png

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

圖片.png

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

圖片.png

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

圖片.png

多種形態(tài)風格

1483416471380185.png

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

UI交互app及axure設計教程
我要自學網(wǎng)商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設計 室內設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設計 會計課程 興趣成長 AIGC