![Axure RP8产品原型设计快速上手指南](https://wfqqreader-1252317822.image.myqcloud.com/cover/363/22651363/b_22651363.jpg)
1.3 部件面板
部件面板也叫组件面板、部件库,英文为widget,还有人称之为控件面板。部件面板是Axure中最核心的组成部分。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0016_0001.jpg?sign=1739625921-TGfPcRM682elVHo8ibcKipMoZbJJFOG0-0-8f65c8bf5fd43070ada09c0cfa3e0046)
Axure自带线框图部件(默认显示)和流程图部件、图标部件,其中的图标部件是Axure RP8中新增的。此外,还可以下载并导入第三方部件。
切换部件库
在绘制原型的过程中需要在线框图部件、流程图部件中切换部件库,后面还会添加许多第三方部件库,这就需要在不同部件库之间进行切换。下面我们具体看一下如何切换部件库。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0016_0002.jpg?sign=1739625921-EhCanBWD6bDkk9FkJ4Ogs5Qrdu6hRZb3-0-8295d4303a5350445b094f8c3e25dca4)
拖动:部件的使用方式
拖动也许是最简单的交互行为之一,只需要拖拖拽拽就可以快速制作一个原型。Axure的易于使用就体现在这方面,哪怕是从来没有学过Axure的人,只要演示一遍也能够快速制作出一个还不错的线框图原型。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0017_0001.jpg?sign=1739625921-XQdv9BztHQgoxkHYOqgQMcU0dMvVbTUw-0-23eb686fbc3bb744e8d3eab9d62d4c9c)
搜索:快速找到部件
初次接触Axure的新人很喜欢下载大量的部件库,但是这么多部件库会带来一个问题,就是如何快速找到部件。Axure提供了快速的搜索功能。点击搜索图标,在文本框内输入想要找的部件名称即可。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0017_0002.jpg?sign=1739625921-tkweWAecH0blJmVtSX5Et9BNLE3rpwZ4-0-fc289191385df499d42830598d32045b)
4种类别、16种类型、40个部件
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0018_0001.jpg?sign=1739625921-X8at1k3aAIEh1zf7UEsCT6t7Qp8Z0K8e-0-3f4faeae1e940d729863e046c65aa296)
如果你熟悉网页设计,可以看出构成整个网站的基本元素都在这里了,通过这些小部件的组合,可以得到各种组件,如文本部件和输入部件组合,可以得到一个密码输入组件。当然上述全部部件既可以组合使用,也可以单独使用,具体要依据实际情况和你对交互设计模式的理解而定。
根据制作原型的经验,笔者将全部部件分成4种类别、16种类型、40个部件。值得强调的是,RP8中增加了一个圆形部件。
不同的部件具备不同的属性,我们将会在第2章针对每一个部件进行详细讲解。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0018_0002.jpg?sign=1739625921-5havxHG73wnayxPKgSCmTBfk1pgNIIst-0-f6f19ddbbc7ff56b94283a43abc6b7ab)
载入部件库
Axure自带了线框图部件、流程图和图标部件,这三类部件对日常的原型制作来说还不够,特别是针对目前移动互联网的产品设计,我们还会加载一些第三方制作的部件库,如IOS 8部件库、Android部件库等,具体步骤如下。
STEP 01 点击“选项图标”按钮,选择“下载部件库”。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0019_0001.jpg?sign=1739625921-rldw96KToFQjNTYNlYYX3EPc4ONQqYCX-0-df4797ec0c0e2f0597e74dd7974980eb)
STEP 02 打开本地资源管理器窗口,选择合适的第三方部件库。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0019_0002.jpg?sign=1739625921-6tUHxLJZXvgfJCNC3Lwc0XXZ8XmAUteK-0-06564297dc1d45ca282f3c55b295c3af)
STEP 03 完成载入,应用新的部件库。
![](https://epubservercos.yuewen.com/2B1D21/11229143604683606/epubprivate/OEBPS/Images/figure_0019_0003.jpg?sign=1739625921-wZ5ffVEg1zx1mMz4Kr3ZU9xH9UO7oUpF-0-192be2cef94e6ae3dc6f0d782620576e)