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

创建元件库

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

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

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

添加元件

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

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

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

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

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

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

导入其他元件库

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

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

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

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

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

分享一些小心得

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

创建不如直接编辑

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

活用复制粘贴

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

重在整理

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

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

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

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

3人打赏

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

  1. axure rp制作输入法_Axure教程丨制作自己的Axure元件库

    接触Axure有一点时间了,每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件,不仅浪费时间而且缺少规律,所以决定整理一个自己常用的Axure元件库,以便之后做原型设计时可以快速调取.看 ...

  2. Axure 点图片外区域即隐藏_AXURE教程:用中继器做一个手机版内容分享原型

    本文仔细介绍了中继器制作手机版内容分享原型的步骤与注意要点,希望对你有所启发. hello,今天教大家如何用中继器做一个类似微博的内容分享原型,里面的内容从0-9张图片的格式都设置好了,我们只需要填写 ...

  3. axure 动态面板 自动适应浏览器宽度_Axure教程:用axure制作Web原型自适应电脑屏幕...

    本篇文章作者主要讲的是关于用Axure制作Web原型自适应电脑屏幕,一起来看看~ 用axure制作原型,很多刚入门的小白(包括我),制作原型的时候首先从制作App原型开始的,因为有固定的原型尺寸供我们 ...

  4. axure 点击按钮弹出框_Axure 教程:web网站原型设计技巧的分享

    分享个人在绘制PC端web网站交互原型中一些设计技巧,enjoy~ 技巧一:搭建导航框架页面 当自己还是一个小白时,开始着手设计web界面时,最容易犯的一个错误就是:基本每一个页面的绘制都是顶部导航. ...

  5. axure内联框架和动态面板_Axure教程:如何使用动态面板?动态面板功能详解

    写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于Axure动态面板 动态面板是a ...

  6. Axure导入元件库的两种方式-附完整元件库

    Axure导入原件库有两个方式: 一.通过工具导入 在Axure面板中的库点击如下所示的图标,然后选择载入元件库 二.复制元件库到软件安装目录下的DefaultSettings\Libraries下 ...

  7. AD19 PCB设计导入元件库、导出pdf、定义板子形状、生成元件库、铺铜基本操作总结

    导入元件库 1.点击右侧components 2.右键,然后选择"Add or Remove Libraries." 3.点击从文件安装 4.选择库文件 导出PDF 导出原理图或者 ...

  8. axure 下拉多选 元件_Axure教程:下拉多选列表集合(多选下拉列表+单选下拉列表+分级下拉列表)...

    原标题:Axure教程:下拉多选列表集合(多选下拉列表+单选下拉列表+分级下拉列表) 之前和大家分享了 <>.<>,很多同学私信我说很好使用,希望能够做一个多选下拉列表的教程 ...

  9. axure文本框单击提示文字消失_Axure基础原件使用

    本内容从网上搜索,仅供参考学习 1. 添加元件到工作区 在左侧元件中选择要使用的元件,按住鼠标左键不放,拖到画布适合的位置上松开. 2. 添加元件名称 在检视面板的元件名称文本框中输入元件自定义名称. ...

  10. python添加库详细教程_Python 中如何自动导入缺失的库?|python基础教程|python入门|python教程...

    https://www.xin3721.com/eschool/pythonxin3721/ 在写 Python 项目的时候,我们可能经常会遇到导入模块失败的错误:ImportError: No mo ...

最新文章

  1. Java垃圾回收工作原理
  2. F1.4大光圈专业相机-海鸥CF100
  3. 约瑟夫环 猴子选大王的问题
  4. 在控制台输入一个整数,根据整数打印一个矩形 (Python)
  5. 正则表达式的捕获性分组/反向引用
  6. Serverless 实战 —— 快速搭建 SpringBoot 应用
  7. Qt文档阅读笔记-Qt Quick Examples - Text 初步解析
  8. 库克:苹果公司将增加培训教育领域的投入
  9. java非负数校验_JavaScript正则表达式校验非负整数实例
  10. python3运行python2_python2升级到python3
  11. 产品经理改需求这件事
  12. 操作对象_word选择操作技巧:不同操作对象,选择方式不同?
  13. 封装判断一个字符的后缀名和前缀的方法
  14. linkedin python 领英技能 测评
  15. Linux初级运维+系统服务搭建(一)linux文件系统根目录详解
  16. 003 C语言 输出名言
  17. 【EXCEL】用公式筛选符合条件的内容,输出固定格式字符
  18. 树莓派安装Ubuntu20.04
  19. EmptyWorkingSet和内存整理
  20. VS code下开发单片机或者STM32程序

热门文章

  1. C语言实现贪吃蛇小游戏
  2. (android开发http拦截)fiddler2抓包工具
  3. 【C语言】之冒泡排序法(详解)
  4. Map 转 json格式 保留null值的解决办法
  5. ssd用HD软件测试准确吗,HDtune到底适不适合用于测试SSD
  6. 上班按小时的怎么记,小时工计时怎么用便签记上个月的工时
  7. 精心为学弟学妹整理了60个适合练手的C语言/C++项目,值得收藏!
  8. html音乐播放心得体会,音乐心得体会
  9. 【软考软件评测师】2018综合知识历年真题
  10. 2022跨年代码(有烟花)