Axure原型设计过程中视频、字体等文件如何在线储存并调用?-字体文件

我们在用axure制作产品原型时,有时候往往会需要使用一些字体文件或多媒体文件(比如嵌入一段视频等等)。在本地查看已发布的原型,我们只要到把字体文件或者多媒体文件放在本地,调用本地的文件路径即可。可是如果我们把原型发布到局域网或者AxureShare平台的话,如果文件还是在本地,其他的小伙伴就没办法看到这些字体或多媒体文件了。这个时候就需要把这些文件保存在网络上,并且能够得到文件的链接,我们才能调用。那么,如何才能在线储存文件并获取文件链接呢?,下面我就给大家将一个方法,来实现这一需求。可以通过下面的方法解决。

首先、我们要利用七牛云存储,注册能够获取10G的存储空间与流量(实名认证方可支持多种文件格式)。

其次、登录开发者中心,点击左侧面板中的添加资源,然后点击产品列表中“对象存储”下方的【立即添加】。

Axure原型设计过程中视频、字体等文件如何在线储存并调用?

3、在创建空间面板中填写空间名称“zsf123”并选择访问控制“公开空间”,然后点击确定创建。

Axure原型设计过程中视频、字体等文件如何在线储存并调用?

4、创建完毕后,在内容管理中,就可以点击上传文件把字体文件或多媒体文件存储到云端了,然后点击更多按钮选择“复制外链“就生成了外链。

Axure原型设计过程中视频、字体等文件如何在线储存并调用?

作为生成外链的文件可包含多种格式,如字体文件、mp3文件、mp4文件、地图网页文件等等,都可以进行存储并生成外链进行使用。

上图以字体文件为例,来讲解一下如何调用在线字体文件。在原型制作过程中我们使用一些特殊字体来达到我们的需求,但是这样有可能造成查看原型的小伙伴们无法正常显示我们设计原型时使用的特殊字体,这就需要我们把字体文件上传到线上之后生成外链,在发布原型的时候点击web字体,再点击添加按钮添加web字体,给字体命名”我的字体“,选择@font-face的配置代码中(下图中URL中的字体文件地址就是上图中生成的外链)。

Axure原型设计过程中视频、字体等文件如何在线储存并调用?

请点击此处输入图片描述

利用内联框架中嵌入mp3、MP4、地图网页,双击内联框架在链接属性里选择链接到url或文件,然后输入之前获取的外链即可,如下图,。

Axure原型设计过程中视频、字体等文件如何在线储存并调用?

今天的课程就讲到这里,希望大家多多关注我今后的作品。我会带给大家更多的原创作品。谢谢大家!!!咱们下期见!!!

推荐阅读