Axure建立自己的元件库(超详细)

前言

	大家在利用Axure在平常的原型设计过程中,大家经常想利用之前做好的模块化的元件来应用到新的设计工作中,但之前设计的模块化的组件要么没有保存,要么分布在N多不同的rp文件里,要找出来,不仅要花费大量的时间,还耗费不少精力,做一个自己的元件库,把平时自己觉得会重复利用的元件组件存下来,这样不仅能提高设计工作效率,还节省不少时间和精力。

提示:以下是本篇文章正文内容,下面案例可供参考

一、创建元件

打开Axure9,点击“文件”-----“新建元件库”,建立了元件库的目录。
在这里插入图片描述
在这里插入图片描述
在此元件画板中,设计一个常用的元件模块,比如一个“查询”的工具,如下图所示。
在这里插入图片描述
画完元件后,点击左上角 “文件”----“另存为”,注意,另存为的格式是“*.rplib”
在这里插入图片描述
在这里插入图片描述

二、加载已创建好的元件

点击下方“元件”下的“+”号,打开选择刚刚保存的“000.rplib”元件文件加载,加载后如图右下角所示,元件目录中加入了名字为“000”的元文件,点击下面的文件拖动到右边的画板里,就是之前我们创建的“查询”元件组件,可以直接使用。
在这里插入图片描述

三、创建可分类的元件库

	在我们日常的原型设计工作中,我们对于同一个符号、元件或功能模块往往会有多种的样式可表达,如果都按照一个一个图标去保存会很乱,也不便于统一管理和查找使用,这时需要将同类的工具、元件放在一个分类下,在使用过程中可一目了然的选择和查找,方便快捷。

1、创建可分类的元件库,第一步跟之前一样,同样是:打开Axure9,点击“文件”-----“新建元件库”,建立了元件库的目录。
在这里插入图片描述
2、在创建完元件后,右击 “添加”------“文件夹”,并修改文件夹名称,例如“查询搜索”,作为这个元件文件分类的组名称,如图所示。
在这里插入图片描述
3、在创建好的元件分类组名为“查询搜索”文件夹下,右击“添加”------“子元件”,如下图所示。
在这里插入图片描述
4、举个例子,例如我们创建了两个不同风格的“查询”元件,分别命名为“查询模板1”、“查询模板2”,如下图所示。
在这里插入图片描述
5、创建完后,同样另存为“*.rplib”文件,如图所示,本次另存为文件名为“001.rplib”的文件。
在这里插入图片描述
6、同样点击 “元件”下的“+”号,打开选择刚刚保存的“001.rplib”元件文件加载,加载后如图右下角所示,元件目录中加入了名字为“001”的元文件,也显示出刚刚我们创建的元件组名称—“查询搜索”,及起分类组下的两个元件—“查询模板1”、”查询模板2“。
在这里插入图片描述
7、查询搜索,右边的小三角可折叠/显示其下面的两个“元件”,鼠标左键选择按住其中一个,可直接拖到右边的画板中使用。
在这里插入图片描述

总结

以上就是今天要讲的内容,如果大家有更好的建议,欢迎共同探讨提高。

  • 10
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Axure 10是一种流行的原型设计工具,它提供了一个强大的手机元件库,帮助设计师创建高质量的手机界面原型。Axure 10手机元件库包含了各种常见的手机界面元素,如按钮、文本输入框、图标、下拉菜单等,设计师可以直接拖拽这些元件来快速构建手机界面。 Axure 10手机元件库具有以下几个特点和优势: 1. 多样化的元件:Axure 10手机元件库中包含了各种不同的手机元件,能够满足不同风格和需求的设计。无论是iOS还是Android的界面设计,设计师都可以从库中找到适合的元件。 2. 可自定义设计:Axure 10手机元件库中的元件可以进行自定义设计。设计师可以根据项目需求对元件的颜色、大小、形状等进行修改,使其符合项目的整体设计风格。 3. 组件的重复利用:Axure 10手机元件库中的元件都是可复用的,设计师可以将它们保存为组件,以便在多个界面中重复使用。这样可以提高设计效率,减少重复工作。 4. 方便的交互设计:Axure 10手机元件库还提供了各种交互设计所需的元件,如页面切换、弹窗效果等。这些元件可以帮助设计师更好地展示页面之间的交互效果,提升用户体验。 总之,Axure 10手机元件库是设计师在进行手机界面原型设计时的得力助手。它方便快捷地提供了各种常见的手机界面元素,使设计师能够更有效地创建高质量的手机界面原型。无论是初学者还是经验丰富的设计师,都可以通过使用Axure 10手机元件库来实现他们的设计目标。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wjinc88

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值