axure教程之画百分比环形图
阅读次最近,一直在画原型,遇到问题解决问题,有时间我会记录一下分享给大家,希望能帮到你。在app原型设计时,百分比环形图是我们经常要用到的一种图形,那么用axure如何设计呢,可能你会去网上截个图代替一下,其实没必要,用axure可以很轻松的画出环形图,下面分享给大家。
软件版本:Axure RP 8
先看下效果
完成此图,一共分三层:
看到这里,我想很多人应该已经明白如何画了;下面看下步骤!
第一步,画个圆形:
尺寸暂定200px *200px;去掉边线,填充颜色#E4E4E4
第二步,复制这个圆形,然后将圆形设置为自定义形状:
调整开口大小,用鼠标
填充颜色渐变,颜色自己可以选择一下
第三步,再复制一个原型,将圆形大小设置为160px * 160px,颜色设置为白色,再加个0*0 10像素扩展黑色35%透明度的阴影
最后,将三张图上下左右居中对齐,再填入文字,大功告成!你可以将形状组合起来,这样方便进一步使用!
多种形态风格
很简单吧,希望能帮到您!