Axure教程:如何自制Axure部件库(元件库)图文教程

Axure教程:如何自制Axure部件库(元件库)图文教程

使用Axure制作原型图时,我们用到最多就是Axure本身自带default元件库! 可是,当我们的团队合作实现同一个项目时,为了保证团队中的不同成员绘制的原型图元件效果一致性。这时候,共同拥有相同的一套元件库就显得格外重要。今天,分享给大家元件库的制作方法! ...

使用Axure制作原型图时,我们用到最多就是Axure本身自带default元件库!

可是,当我们的团队合作实现同一个项目时,为了保证团队中的不同成员绘制的原型图元件效果一致性。这时候,共同拥有相同的一套元件库就显得格外重要。今天,分享给大家元件库的制作方法!

第一步:点击元件库右侧的汉堡图标,点击其中的【创建元件库】,如下图所示:

这时会弹出元件库的保存位置弹窗提示,在你希望的位置创建一个部件库文件。根据自己的需求,选择在正确的位置(文件夹),创建一个自己命名的部件库文件(*.rplib)。如下图所示:

第二步:点击【保存】按钮,这时Axure软件会新建一个软件界面,如下图所示:

第三步:点击左侧页面栏【新元件1】页面名,进入元件编辑页面,跟以往做原型页面一致。案例中,新建了【按钮】和【输入框】两个元件。如下图所示:

每一个页面对应一个元件,我们可以点击上图中的第一个图标,新建元件页面,也可以点击第二个图标新建元件文件夹,进行分类归集。

第四步:点击【文件】-【保存】或者快捷Ctrl + S 保存文件。保存后即可关闭新建元件的Axure软件页面。

第五步:刷新或者载入刚刚创建的元件库。此时,可以在元件库的下拉列表中找到刚刚创建的元件库“电商”,以及元件库中的【按钮】和【输入框】元件,直接按住拖到面中即可直接使用。这样,将此元件库分享给其他团队成员,就能快速的完成页面的制作,并保持页面元件的一致性。

学习更多教程,可关注本人公众号:艾斯的Axure峡谷。欢迎大家留言评论,也可以留下你期待看到的交互效果。

文章来源于互联网:Axure教程:如何自制Axure部件库(元件库)图文教程

0

评论0

鱼翔浅底,鹰击长空,驼走大漠
没有账号? 注册  忘记密码?