axure导入的元件库不见了_Axure教程丨制作自己的Axure元件库

article/2025/9/30 8:16:50

f5a5d802fc7468bb98bc16fbef43e0bf.png接触Axure有一点时间了,每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件,不仅浪费时间而且缺少规律,所以决定整理一个自己常用的Axure元件库,以便之后做原型设计时可以快速调取。看了几篇教程感觉讲的有些乱,自己研究了一下元件库的几个功能,发现实际操作起来很简单,在这给大家分享一些心得。

创建元件库

打开Axure(这里用的是axure8.0),如下图所示点击创建元件库。

878e62b6dba550f58a66af4035111306.png

保存至任意位置,起一个专属的元件库名(我这里叫“测试”库)。

88e780e8ee51519e36a0dcd096c717f9.png

保存成功后会生成一个元件库文件,到此已完成创建流程。

cc085d7a7e532f2c93afb9ae96489102.png

添加元件

创建成功后,会自动打开一个新的axure文件(如果没有打开可以选择该元件库,点击“编辑元件库”,也会跳出新的文件),打开的新axure文件页面与操作方式都与正常原型制作页面相同。

创建元件和编辑方法也与制作原型的操作相同,在左上角创建元件,并给你的元件命名。

e52f899f19fa805ff6df53786809f858.png

在中间设计区域,制作你要的元件,可以插入文字,可以拖入图片,可以修改axure自带的元件,可以直接拖入别人制作的元件(在这我随意做了一个蓝色图形)。

e383b374dba99f2f3fca94397876bbf8.png

制作成功后,鼠标停留在元件名称上会出现元件示意图,表示你已添加一个元件。

bff0bd70f4c65dfde9647f001924c12c.png

保存整个元件库文件,回到axure文件,载入你刚刚创建的元件库,如果已有该元件库,此时起到刷新该元件库的作用。

2276635eacae8117c9f6302d92b8d372.png

出现了刚刚制作的“我的元件001”元件,到此完成了元件库的创建和添加。

0055db1d3ee8521235defcdf41e4c15f.png

导入其他元件库

在设计自己的元行库时,我们可能会添加或修改他人做好的元件,这里教大家一下如何快速的导入其他的元件库。

选择文件下的“从RP文件导入”选项。RP文件就是指元件库文件。

1bcbd5ca4aeb942731dfb06add4995fd.png

选择一个你想要导入的元件库。

ec20cf4784d72e69db09ec1e1ed7242c.png

进入“导入向导”选择你想要导入的元件,点击“Next”下一步,直到完成元件导入。

ee78f0f52c2022816216e0297f3312a2.png

导入的元件与你自己新建元件在同一个位置,现在你可以将他们分组整理了,我们可以导入大量的元件库,修改元件名称并分组,整理出适合自己的元件库。

ecb62d5d4844c8cd5f18dfd62c94c5b2.png

分享一些小心得

整个建立元件库的操作比较简单,在这分享几个在整个过程中一些小心得,希望能帮助大家更好设计自己的元件库。

创建不如直接编辑

个人认为,创建元件库,不如直接编辑他人优秀的元件库。自己创建元件库,然后导入其他元件库整理,不如直接在好的元件库中编辑,留下常用的元件,删去不常用的元件,修改元件名称变成可快速搜索的名称。这样可以大大节省归类整理的时间。

活用复制粘贴

我喜欢Axure这个软件,很大一部分是因为他组件的再用性,可以直接将之前做好的组件复制到新的页面中,而且连交互方式也能一并粘贴使用。这样大大节省了,做重复工作的时间,有些人喜欢在同一个项目中用母版来做拖拽,但是我觉得把自己常用的元件和组件保存到元件库中反复使用,是较方便的方法。再设计自己的元件库时,我们可以直接复制我们做好的组件为一个新的元件,然后对它们进行分类整理,再下次设计中,如果用到相同的组件,直接拖拽即可,不用再翻之前的Axure文件进行复制。

重在整理

制作自己的元件库,最重要的还是整理。我们可能有大量的元件库,也做个很多交互原型,但每一个人常用的元件是不同的,只有多多整理,找到自己最适用最好用的元件,才能做出最满意的元件库。最后,希望大家都能做出适合自己的完美的元件库。

作者:JiLegw,微博:一个没有梦想的筑梦者,产品新人,交互设计师,刚开始写东西,欢迎各位大神提供宝贵建议。

本文由 @JiLegw 原创发布于人人都是产品经理。未经许可,禁止转载。

给作者打赏,鼓励TA抓紧创作!赞赏

3人打赏

52e23c8a1fa399613302bb57f8cd9275.png

36b92ba8179cb99b2bca915fafb44676.png

b9d384819d65b8a550f6ab15a1b50160.png


http://chatgpt.dhexx.cn/article/36xUD6ub.shtml

相关文章

Axure 元件属性

一、属性 1.不同的元件都有其独立的属性,可对相关属性进行设置。 以文本框为例: 其他类型的元件,在此处元件属性大同小异。 二、元件样式 页面可以添加样式,而元件可以添加更多丰富的样式。 1、元件名称:可以为元件…

Axure 元件库分享

常用基础元件、空间、表单,以及系统模板分享。 下载方式: 链接:https://pan.baidu.com/s/1-npcd5B9bihSzCxjdJXfpw?pwdem1w 提取码:em1w

Axure学习之路01——元件介绍

本系列博客的目的是记录Auxure软件使用的一些要点。 学习课程来自:Axure 9从入门到精通。 目录 一些设计资源基本元件图片占位符图像热区动态面板内联框架中继器 表单元件文本框文本域下拉列表列表框复选框单选按钮 菜单表格树表格水平菜单垂直菜单 标记元件快照箭…

Axure基础:元件库与基础原件

一、元件库 目前主流B端的两套元件库一个是Ant Desgin ,一个是Element UI,这也是为啥你看B端的管理系统大家的样子差不多都一样的原因。下面以Ant Desgin为例子 1、元件库下载 Resources - Ant Design 目前不清楚是官方想要升级这个文件,还是什么原因。点进去页面…

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

前言 大家在利用Axure在平常的原型设计过程中,大家经常想利用之前做好的模块化的元件来应用到新的设计工作中,但之前设计的模块化的组件要么没有保存,要么分布在N多不同的rp文件里,要找出来,不仅要花费大量的时间&…

Axure RP 9 基础教程 元件基础1

第一章:Axure RP 9的元件(1) 1、元件的概念 首先我们来认识一下Axure RP 9元件,元件是组成我们原型的零件,也有人翻译成组件。Axure RP 9默认给我们提供了三套元件库,默认元件库、流程图元件库、图标元件库。可以根据自己的需要选…

Axure元件库汇总分享

最近公司要前端参与产品设计的工作,对于从无产品经验的门外汉来说,真的是太难了,而且领导还一直催着要结果,心里面瞬间都一万个。。。。。在奔跑,然后就开始疯狂的查找资料,首先开始的就是《产品经理社区》…

Axure 元件库

一、默认元件库 1)默认元件库包含基本元件、表单元件、菜单和标签、标记元件 二、基本元件库 1)基本元件是由形状元件、图片元件、线段元件及容器构成。 2)形状元件:矩形 1、矩形 2、矩形 3、椭圆形、一级标题、二级标题、三级 标…

使用js进行string和json之间转换的方法

一、string类型转换成Json对象方法 1、Javascript支持的转换方式:eval eval(( jsonstr )); 注意:需要在json字符外包裹一对小括号,ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式;缺…

JSON转JS对象,JS对象转JSON

JSON转JS对象&#xff0c;JS对象转JSON </h1><div class"clear"></div><div class"postBody"><div id"cnblogs_post_body" class"blogpost-body"><p>一、从服务端发来的json字符串&#xff0c;怎…

将JS对象转换为JSON |将JSON转换为JS对象

一、将JSON字符串为JS对象 在JS中&#xff0c;如果直接输入 var arr {arr:[1,2,3]}; 返回的是一个object对象 因此如果我们需要将其转换为JSON&#xff0c;可以用如下方式进行转换 var json {"arr":1}; console.log("json的类型"typeof json) var js…

JSON的转换

1、在html页面中json的转换 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body> <script type"text/javascript">var a{"id":…

Python时间模块之datetime模块

目录 简介 函数介绍及运用 date&#xff1a;日期类 1.获取当前时间 2.日期对象的属性 3.date类中时间和时间戳的转换&#xff1a; 4.修改日期使用replace方法 time&#xff1a;时间类 time类操作 datetime&#xff1a;日期时间类 timedelta&#xff1a;时间间隔&…

Python统计代码运行时间

Python统计代码运行时间 前言方法1&#xff08;推荐&#xff09;&#xff1a;通过代码统计说明步骤单位完整示例 方法2&#xff1a;通过Pycharm编辑器 前言 Python代码想统计运行时间有很多种方法&#xff0c;这里介绍比较常用的2种方法。方法1&#xff0c;通过代码统计&#…

Python时间格式数据与字符串格式数据互相转换

import time import datetime# 时间转字符串格式 now_time datetime.datetime.now() print("now_time: ", now_time) print("now_time: ", type(now_time)) time_str datetime.datetime.strftime(now_time, "%Y-%m-%d") print(time_str, type(…

【python 获取时间】

获取时间的几种格式 获得当前时间时间戳获取当前时间获取昨天日期生成日历运行效果如下&#xff1a; 计算每个月天数计算3天前并转换为指定格式获取时间戳的旧时间获取时间并指定格式 pandas 每日一练&#xff1a;21、读取本地EXCEL数据22、查看df数据前5行23、将popularity列数…

python—时间复杂度

一、时间复杂度规则 1、计算时&#xff0c;往往只关注时间频度中最高次项&#xff0c;其他次要项和常数项忽略 例如&#xff1a; T3*n^32*n^210000时间的复杂度&#xff1a; O(n^3) 2、顺序结构&#xff0c;时间复杂度按加法来计算 让用户输入2个列表&#xff0c;一个列表的长…

Python 时间比较

Python 时间比较 需要判断的时间以mysql数据库中的datetime字段类型为例 数据库中取值为&#xff1a; 2021-02-01 19:55:32.696041 # 导包 from datetime import datetime import time# 设置所需时间 times "2021-02-01 19:55:32.696041"# 转换数据类型&#xff…

python 时间处理datetime

python datetime 时间处理 数据分析过程中经常会处理一些时间序列&#xff0c;需要进行一些时间格式的转换&#xff0c;或者提取一些时间信息 pandas 处理 datetime csv数据中某一列为日期 使用 parse_dates 参数 在读取的过程中&#xff0c;直接将存储时间的列读取为 dat…

Python时间差计算

Python时间差计算 一、获取当前时间 使用datatime库 import time from datetime import datetime# 格式化成2016-03-20 11:45:39形式cur_time time.strftime("%Y-%m-%d %H:%M", time.localtime()) print(out_t)输出结果&#xff1a; 2021-10-04 17:44二、计算时间…