目录
新建了站点: https://congge-ready2learn.com/,已经将已发布的axure学习内容同步到,欢迎收藏看看。
2 元件
元件是组成原型的一部分,并且是最重要的一部分。
我主要介绍自带的元件库以及阿里巴巴的Iconfont矢量库的使用。
希望你也已经安装好了Axure RP 9了。
2.1 元件的作用
元件有啥作用?它就是用来表达原型内容的主要元素。
我做了一个十分简易的弹出框原型可以直观地进行理解:
在右侧的 「OUTLINE」 中,Page1下的多个元件(都是从元件库中拖拽出来的),分别为:
- 打扰了按钮–矩形
- 确认按钮–矩形
- 文件夹「弹出框文字内容」–文字第一行、文字第二行、文字第三行–文字
- 关闭–形状
- 弹出框标题–矩形
- 弹出框-边框–矩形
他们组成了右侧画布中所展示的弹框界面,俗话说就是它的长相。原型还有另一个更好理解的名字,叫做线框图,也就是由多众线条/形状组合而成的图形。
当然,以上都是我给元件命名、按类别进行组合后所展示的结果, 就像我上一篇中1.4 一些你需要记住的好习惯所提到的,要给你的元件命名,并且善用组合;后期做交互的时候你会感谢这个操作! 。
2.2 元件在哪儿
2.2.1 自带的元件库
上一篇文章(自学Axure–学会20%的功能,满足80%的日常使用(1))有提到过,
软件自带的元件库可以在界面左下方 「library」 中找到,分为三类:
- 默认 Defalut
- 流程图 FLow
- 图标 Icons
网络上也有许多元件库可供下载,但是学习前期的话暂不需要话太多时间去寻找其他有特殊用途的元件库,默认的已经足够使用。
2.2.2 Iconfont
阿里巴巴的Iconfont可以点击 这里 进行跳转。