上一节我们学习了如何对一个矩形元件设置交互样式,我们完成了将元件设计为按钮,实现了鼠标悬停的交互样式和单击界面跳转的交互效果。
其实我们完全可以让我们设置的界面更加的美观。比如csdn的创作界面: 我们可以看到,在每个热区上面,在文字上方都放置了一个图标,让我们的界面看起来不那么枯燥无趣,这些图标的来源就是元件库里面的元件。现在让我们来学习一下如何添加这种有趣的图标。
方法很简单,我们只需要做一下三个步骤:
1.进入矢量库;
2.下载svg格式矢量图标;
3.拖动到Axure并将svg格式转换为形状。
接下来我们具体操作一下。
首先,我们进入一个矢量图标网站,这里推荐阿里巴巴矢量库:iconfont-阿里巴巴矢量图标库
也可以直接百度搜索阿里巴巴矢量库就可以进入网站:
在这个网站,有很多开源的图标供我们下载,比如我们现在就来画一下csdn的这个创作界面: