Axure的联系-自建元件

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/quikai1981/article/details/70666173

在Axure中自己绘制元件一般会比较麻烦,Axure的画图工具十分难用,不过为了能有比较好显示效果,有些简单的图标还是应该自己画,这里用ios的新建短信图标练习一下元件绘制。

ios的新建短信按钮
就是这个东西。

1 在元件库里找到创建元件库,自己起个名字,系统会自动打开元件库编辑界面。

这里写图片描述

2 观察一下这个图标的特点,由两部分组成,一支笔和一张纸,我们先来做纸,注意在画图的时候尽量不要有描边。

【注意】axure的旋转在元件的样式里。

这里写图片描述

3 纸有个缺口,现在我们先不管他,做三条边就可以了。

这里写图片描述

4 现在来画这支笔。

先来画笔杆,一个矩形就可以了,这里不着急旋转,因为有角度之后就没法对齐了;
再来画笔尖,一个矩形,变形成三角形,点矩形旁边的小圆点就可以了。

这里写图片描述

然后画上面的橡皮,Axure支持部分圆角。

这里写图片描述

然后在笔杆上减掉一块。

这里写图片描述

现在可以把各个部分合并在一起。

这里写图片描述

合并之后的图形作为一个整体,缩放或者旋转没有问题。最后将图形旋转。

5 完成纸

把旋转后的笔放在纸旁边,另外做一个矩形,与笔平行,准备在纸的缺口处切一块。

这里写图片描述

切掉一块,再复制一份,旋转后补在另一边,这样能保证对称。
然后上色。

这里写图片描述

还没有结束,这个图形目前还是组合在一起的,最好能把它们合并在一起,这样使用的时候就比较方便。
我在合并的时候发现,如果图形较小,合并总会出错,所以最好将图片放大,然后再合并会比较好。

6 保存元件

将元件保存。
回到刚才的文档界面,选择刷新元件库。

这里写图片描述

刚才制作的元件就正常显示在元件窗口了,拖出来就可以使用了。

猜你喜欢

转载自blog.csdn.net/quikai1981/article/details/70666173