axure产品原型设计的基础使用

一、说明

关于axure的详细使用，请参考链接axure原创教程网进行系统性学习。在这里只简单介绍在产品原型设计过程中，遇到的问题及解决方法。

二、内联框架嵌入网络多媒体文件

问题：加载网络视频后出现视频播放界面，但提示错误码（优酷视频常见的资源寻址问题）。 我之前用的链接地址是“分享”里面的flash地址，将该网址直接用网页打开，会出现下载，而不会播放；正确的链接地址为，“分享”里面，选择QQ空间，会出现一个弹窗，使用弹窗里面标明的网址就可以。

三、内联框架嵌入本地多媒体文件

问题：无法正常播放。暂未实现；我的方法是上传到自己的七牛云，以嵌入网络多媒体文件的形式使用本地多媒体文件。

四、axure使用FontAwesome字体icon

1、下载安装该字体

下载font-awesome-4.7.0，解压缩，选择font文件夹，双击字体文件进行安装；安装成功后，就可以在AXURE字体选择中看到该字体。

2、载入图标字体元件库

在axure中选择【载入元件库】，加载以rplib为后缀的文件，将图标字体元件库直接加载到axure工具中。

3、使用图标字体

在axure的图标字体备忘页中,直接复制要用的图标。

4、发布原型使用该图标字体

点击【发布】，【生成HTML】，在web字体中，链接到css文件，输入URL地址css文件地址即可。

五、内联框架嵌入地图

双击内联框架，预览选择【地图】，打开百度地图开放平台地图生成器，修改定位中心点，输入地名，添加标注。然后获取代码，在发布原型的根目录新建一个myapp.html文档，将获取的代码复制到该文件即可。此时发现嵌入的地图，那个用于标注地址的图标未显示，更换浏览器也没展示出来。打开该文本文件，在最后发现createIcon函数中有一个链接，复制到浏览器直接打开，提示页面不存在。这应该是百度地图开放平台的相关图标目录变更了。我上传了一份图标到我的七牛，然后复制图标的外链覆盖myapp.html文档中的该处链接就可以正常显示了。