AxureRP教程–制作组件库

AxureRP提供了默认的线框图组件库和流程图组件库,并支持加载第三方的组件库,应该说扩展性非常的不错。网上也有很多共享的组件库,应用在不同的设计页面或者环境下,如windows效果,现在很火的android组件库等,这些组件库很好的弥补了默认组件库样式少的问题,也能节省大量的时间去自己设计组件库。但是并不是所有的组件库都能满足足球,很多公司都有自己的UI设计风格或者标准,因此封装一些常用的风格组件或设计样式,能大大提高设计效率,那如何制作自己的组件库呢,这里就大致的介绍一下。

首先要打开AxureRP的主界面,到组件管理面板的下拉框里面选择创建库,在弹出的对话框里面给新组件库起一个名字并保存,AxureRP会创建一个以rplib结尾的文件,并自动打开一个新的窗口,在新窗口中你会发现有两个组件管理面板,上面那个就是我们要创建新的组件库所要用到的了。

新的组件管理面板的操作与原来的基本一样,除了下图红圈所标示的图标,这个图标是设置组件属性的工具栏图标,可以设置新建组件的显示图标和组件说明,显示图标就是在组件面板中见到的那样,默认会显示你的设计效果,如果指定了图标,就会显示新的图标;组件说明不会显示出来,在此我也不清楚具体有什么作用。


了解了这些基本的操作之后,就可以开始设计组件了,其实设计组件和设计页面差不多,把你所需要封装的样式设计出来,点保存,这样一个新的组件就做好了,非常简单吧。新建好的组件会保存在刚才新建的rplib文件内,如下图所示是我新建的两个组件,1是图片组件,2是超链接,加载显示后就是这个样子的。在编辑新组件的时候,不是立马就能看到效果的,需要点一下刷新库,就可以看到效果了。

整个做组件的过程就是这样,其实是很简单的,当然做的过程没这么简单,我这个只是演示,做的时候会考虑到风格,样式,组合,甚至带交互效果等等,大家可以尝试一下,做好的组件库可以放在AxureRP默认加载库的目录,一般为My Documents\我的Axure RP库目录下。这样每次启动AxureRP就会自动加载了,就像第一张截图那样,我默认加载了Better Defaults等三个组件库一样,否则要加载一下才能看到,并且只对当前设计文件有效。

好的组件库能让设计过程事半功倍,而且出来的作品的整体风格也都是一致的,所以,经常需要用AxureRP来设计原型的朋友,建议还是做一套自己的组件库,有的公司会提供这样的统一风格的组件库,那样的话用现成的就可以了。

以Axurerp 5.6版本为例,6.0版本的操作与设置一样

大家如有原型设计方面或互联网产品方面的问题交流,可至IT民工论坛提出,大家共同学习,共同进步。

本站提供了一些常用的组件库下载,大家可至AxureRP资源下载处下载

评论已关闭!