一、快速备份
Axure发布的主要功能之一是自动备份。在发布之前,Axure拥有非常快速的备份功能,以确保您在发布前的最后一分钟汇总版本的完整性。
在Axure菜单栏中,选择文件>备份。在弹出的窗口中,输入备份文件的名称和描述。点击备份按钮即可创建备份文件。
所有备份文件都会保存在本地磁盘驱动器上,并包括主备份文件和临时备份文件。这满足了所有可能的恢复需求。
二、自动上传
Axure发布具有自动上传功能,将您的文件传送到云端而无需任何手动干预。
要将Axure原型发布到云端,请点击左上角的发布到Axure Cloud按钮。在弹出的窗口中,输入项目的名称和描述。确认上传的文件,选择发布按钮。
此工作必须在云账户上的Axure Cloud中执行。如果您还没有云账户,请首先创建一个账户。
上传过程不需要任何操作。上传后,您可以通过URL地址来访问你的网站。现在,您可以分享您的设计、创建链接并邀请团队来提供反馈。
三、快速部署代码
快速部署您的Axure原型的另一种方法是利用自动生成的JavaScript/CSS/HTML代码。
在发布到Axure Cloud中时,选择部署代码选项。此时,Axure会自动生成一个包含所有所需文件的文件夹。您可以下载并上传该文件夹到您的服务器或安装到您的软件中。
采用这种部署方式,您的团队可以排除某些传统的发布过程(如FTP上传和文件夹创建等),从而省略极大的时间和工作量。您可以专注于设计和其他更重要的事情。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Awesome Axure Prototype</title>
<link rel="stylesheet" type="text/css" href="styles/axure-all.css"/>
<script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="scripts/axure/page.js"></script>
</head>
<body onload="InitializeDocument()">
<div id="base">
<div id="u0" class="ax_default" data-label="Header" style="position: absolute; left: 0px; top: 0px; min-width: 100%; min-height: 100%;">
<div id="u1" class="ax_default" data-label="Brand">
<img id="u1_img" class="img " src="images/axure_logo.png">
<div id="u2" class="text">
<p>My Awesome Prototype</p>
</div>
</div>
</div>
</div>
</body>
</html>
四、自定义样式
最后,Axure的发布功能还允许您使用自定义样式表来定制您的原型样式。
在Axure发布阶段,选择使用自定义样式选项,并在头部代码区域中输入所有必需的样式。注意确保语法正确和完整。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Awesome Axure Prototype</title>
<link rel="stylesheet" type="text/css" href="styles/axure-all.css"/>
<script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="scripts/axure/page.js"></script>
<style>
#u1 { background-color: #336699 }
.text p { font-size: 20px; }
</style>
</head>
<body onload="InitializeDocument()">
<div id="base">
<div id="u0" class="ax_default" data-label="Header" style="position: absolute; left: 0px; top: 0px; min-width: 100%; min-height: 100%;">
<div id="u1" class="ax_default" data-label="Brand">
<img id="u1_img" class="img " src="images/axure_logo.png">
<div id="u2" class="text">
<p>My Awesome Prototype</p>
</div>
</div>
</div>
</div>
</body>
</html>
五、结语
Axure发布集成了备份、自动上传、代码部署和自定义样式的功能。这些特性可以协助你快速、方便地将你的设计原型发布到云端,并轻松的分享他们给你的团队和客户。