产品经理实用手册:Axure RP原型设计实践(Web+App)
上QQ阅读APP看书,第一时间看更新

4.4 第三方元件库

Axure RP 9 允许从官方下载第三方元件库,允许本地计算机载入Axure RP的元件库(.rplib或.rplibprj扩展名文件),允许从Axure Share共享原型库选择目录导入元件库,也允许用户自定义元件库。

1.从官网下载元件库

在“元件库”面板单击“获取元件库”可下载元件库,会通过Axure RP 9自动打开浏览器访问官网地址:https://www.axure.com/download-widget-libraries,也可直接去Axure RP官网https://www.axure.com/support/download-widget-libraries下载元件库,如图4-16所示。

图4-16 从Axure官网下载元件库

有些元件库是付费的,读者可以根据自己需要进行下载操作。

2.从本地计算机载入元件库

在“元件库”面板单击“”可从本地计算机载入元件库,载入文件的扩展名必须为.rplib或.rplibprj。例如,读者可以导入本章案例库的“三星S5 元件库.rplib”。导入成功后效果如图4-17所示。

可以像使用默认元件库一样从导入的元件库中拖动元件到“页面设计”面板。

3.从本地计算机导入图片库

在“元件库”面板单击“”,可选择本地的图片文件夹,然后导入该文件夹下面的所有图片,如图4-18所示。

图4-17 导入本地元件库

图4-18 导入本地图片库

4.自定义元件库

如果默认的元件库和网上的元件库不满足要求,用户也可自定义元件库,可以将一些常用功能设置为自定义元件,如手机背景、状态条、按钮、分享等,并将自定义元件设置到自定义元件库。

(1)创建自定义元件库

以创建三星S5 元件库为例,首先准备手机背景和状态条,在Axure RP 9 的菜单“文件”中选择“新建元件库”菜单项,此时,Axure RP 9 会打开设计界面,用于编辑自定义元件库,如图4-19所示。

图4-19 编辑自定义元件库(默认)

(2)添加和编辑自定义元件

在左上角的“元件库页面”面板创建两个页面,分别为手机背景和手机状态条。这两个页面的编辑和之前的设计页面类似,可以将基础元件拖入到“页面设计”面板,例如,可在这两个页面分别将前期准备好的两张图片放置其中,设置完成后效果如图4-20所示。

图4-20 编辑自定义元件库

(3)使用自定义元件

编辑完成后单击“保存”,再进入之前的Axure RP 9 的设计页面,在“元件库”面板添加该元件库即可,如图4-21所示。

图4-21 使用自定义元件库

可以像操作基础元件一样操作自定义元件库中的元件,例如将元件从“元件库”面板拖动到“页面设计”面板,并设置样式和属性等信息。