Axure 8的注释功能还是弱,这款Axure插件强大很多
很多时候,一个看似简单的页面需要更多的版面来标注其中各项的规则,而且还不是单单文字就能说明清楚,配上流程图都是可能的;注释多了,版面就容易混乱,即使逐一排列,也会让页面变得很长,需要来回查看,极不方便;除了程序猿割割,原型还会演示给客户、BOSS查看,一堆注释挂在边上,实在不够简洁。
为此,笔者制作了“AxurePlus Notes”插件,一并解决了以上问题。该插件有以下功能:
· 独立注释区,使用动态面板(Dynamic Panel),支持各种Axure组件用来注释;
· 在生成的HTML文件中,点击标注图标,在注释区中自动显示对应的注释;
· 默认隐藏注释区,点击标注图标才会显示。
· 额外支持JavaScript/JQuery(如非特殊需要,不建议使用)
下载Demo及AxurePlus Notes:
https://pan.baidu.com/s/1mitxW4S
使用方法:
导入“AxurePlus.rplib”,拖动“Notes”组件到页面中任意位置,打开该组件的第一个Panel State(名称为“Notes HERE”),在该Panel State中使用“Circle Marker”组件,并打上数字,该数字与原型中的“Drop Marker”组件上的数字一致,如:
标注序号一致在生成的HTML文件中点击"Drop Marker"即会自动显示对应的“Circle Marker”,也即显示对应的注释内容:
注释区显示对应说明JavaScript/JQuery的使用说明:
使用“Text Area”组件来编写JavaScript/JQuery,并将该组件名称设置为“AxurePlus-Scripts”即可生效,例如:
AxurePlus-Script安装方法:
>>>>>该插件需修改Axure 8的内部文件才能生效:
· MAC系统:
在Finder中打开应用程序,选择“Axure RP 8”右击选择“显示包内容”,进入“Contents/Resources/DefaultSettings/Prototype_Files/resources/scripts/axure”,编辑“utils.temp.js”文件,在最下方插入内容:
$(function(){
eval($.trim($('[data-label=AxurePlus-Scripts]').text()));
});
· Windows系统:
找到Axure RP 8的安装位置(默认为“C:\Program Files\Axure\Axure RP 8”),进入“\DefaultSettings\Prototype_Files\resources\scripts\axure”,同MAC系统下一样编辑“utils.temp.js”文件。
注意:Axure 8.1版本需在“(Contents/Resources/) DefaultSettings/Prototype_Files/resources/scripts”下编辑“jquery-1.7.1.min.js”文件