Axure部件库的建立及使用
工欲善其事必先利其器
Axure由其简单方便的组件拖拽功能而被广泛使用,其自带的部件库包括了线框图和流程,利用这些自带的组件可以制 作出多种所需要的效果,比如各种按钮、链接、提示文字、动态面板状态的切换等,但是当需要经常制作相同的效果时,使用自己制作的部件库便可以方便地拖拽出 任何已经制作好的组件,团队间更可以使用同一部件库高效地制作出统一风格的界面。建立并使用自制部件库的方法如下:
一.部件库的建立
1.创建部件库
通过点击创建部件库来新增一个部件库,为新部件库输入名称后发现,此时保存的文件后缀是.rplib,而通常的Axure文件的后缀是.rp,这是因为.rplib是部件库专门的格式,用Axure打开.rp和打开.rplib的界面上是有区别的,后面我们会看到
新建完成后程序自动选择新建的部件库,我们可以看到润乾部件库为我们新建的部件库名称,此部件库内有一个默认的空白的组件,叫新建部件1
2.制作部件
点击编辑部件库,会新启动一个Axure程序,并自动打开了刚才新建的润乾部件库.rplib。
双击新建部件1,开始编辑部件
此处我们以多个动态面板制作了一个动态可切换状态的横向TAB页,并将此页面改名叫TAB页,保存后这个组件就制作完成了。之后可以通过添加新的页面来增加多个组件
回到第一个Axure窗口,点击刷新部件库,
我们便看到原先的空白的新建部件1,现在变成了TAB页,并且可以直接拖拽使用了
3.添加个性化图标及介绍文字
当我们自制的润乾部件库包含了十几个甚至几十个部件时,众多的部件排列在一起我们很难通过预览的缩略图看清楚每个部件是什么,只能一个一个的看着部件名称找或者是搜索名称。为了整个团队可以更高效地运用部件,我们需要为每个部件制作自己的个性化图标。
选中所需要加入图标的部件,点击部件属性按钮
部件属性中包括图标和工具提示,导入部件图标可选择已经制作好的图标图片(32px*32px),工具提示为当此部件需要大量文字说明来介绍此部件的使用方法或使用条件时使用,其余时候尽量不使用
此处我使用的是自己通过PhotoShop制作的图标。保存后,刷新此部件库便可看到此部件以相应的图标展示,大大缩短了寻找部件的时间和错误率
二.部件库的使用
现在已制作的部件库主要包括集智平台风格的通用组件等,部件库地址在 \192.168.0.38bsd知识积累资源axure控件库资源自制
直接加载所需部件库即可,一次可以加载多个部件,不用的部件可以打开后点击卸载部件库来卸载
这是集智平台风格的通用组件的部件库
最后,附上Axure快捷操作宝典
页面放大缩小:crtl+”+” “-”
页面移动:空格键+鼠标拖拽
方向键每次移动一个像素,Shift/Crtl+方向键每次移动一网格间距像素(默认10像素)
对象上移一层:Ctrl+]
对象下移一层:Ctrl+[
对象移至顶端:Ctrl+shift+]
对象移至底端:Ctrl+shift+[
对象成组:Ctrl+G
解除组合:Ctrl+shift+G
对象左对齐:Ctrl+Alt+L
对象右对齐:Ctrl+Alt+R
对象水平中对齐:Ctrl+Alt+C
对象顶对齐:Ctrl+Alt+T
对象底对齐:Ctrl+Alt+B
对象垂直左对齐:Ctrl+Alt+M
水平分布:Ctrl+Shift+H
垂直分布:Ctrl+Shift+U
增量注:Ctrl+Shift+Q
递减注:Ctrl+Q
锁定位置和大小:Ctrl+K
解锁位置和大小:Ctrl+Shift+K
编辑位置和尺寸:Ctrl+L
查找:Ctrl+F
替换:Ctrl+H
立即复制:CTRL + D 或 按住Ctrl拖拽到预期位置松开
向右切换页面标签:Ctrl+Tab
向左切换页面标签:Ctrl+Shift+Tab
关闭正在编辑的页面:Ctrl+W
水平滚动页面:Shift+鼠标滚轮
缩放页面比例:Ctrl+鼠标滚轮
生成原型:F5
在原型中重新生成当前页面:Ctrl+F5
拼写检查:F7