您的位置:

Axure发布:全备份、自动上传!

一、快速备份

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发布集成了备份、自动上传、代码部署和自定义样式的功能。这些特性可以协助你快速、方便地将你的设计原型发布到云端,并轻松的分享他们给你的团队和客户。