5分钟玩转Axure之创建元件库

元件库的作用

元件库其实就是方便设计者提前做好想要的元件设计,保存的元件库也可以称之为自定义库。在这个自定义库里,各个产品人员可以根据自己的喜爱和产品的统一设计放入库中,这样既能约束团队也能提高设计者的效率。

创建元件库

  1. 点击文件,选择新建元件库(汉化包不同,名字可能会有算所不同,点击第二个就可以)
    在这里插入图片描述
    原先的页面变成了元件:
    在这里插入图片描述
  2. 建立一个文件夹命名为:交互元件;并且重新命名元件名为:弹窗。
    在这里插入图片描述
  3. 双击弹窗,在画板里放入一个遮罩和其它元件,并给确认按钮增加交互:
    在这里插入图片描述
  4. 保存到想要的文件夹,命名为交互元件库,文件格式不需要更改。
    在这里插入图片描述
  5. 元件库显示为绿色的,可以点击Axure里元件面板的加号进行添加我们刚刚保存的元件库。
    在这里插入图片描述

在这里插入图片描述

点击导入,选择对应的元件库,在点击打开:在这里插入图片描述
在这里插入图片描述

  1. 可以直接拖入页面使用,而且带有你之前设置的交互:
    在这里插入图片描述
    直接预览,和你之前的交互一样,没有丝毫影响,是不是感觉很方便。

总结

是不是突然发现,有了自定义的元件库可以做很多事情,感觉很爽,很实用,不管是每个系统的统一交互、统一色彩、或者其其它规范。我们只需要在元件库里设计一次即可,团队其他设计人员可以随便即拿即用,很大程度上解决了团队协作的问题,以及产品不同模块之间的设计各异问题。好好利用、思考,自定义元件库还能带给我们更多、解决很多困难和问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值