一、快速備份
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發布集成了備份、自動上傳、代碼部署和自定義樣式的功能。這些特性可以協助你快速、方便地將你的設計原型發布到雲端,並輕鬆的分享他們給你的團隊和客戶。
原創文章,作者:ZGSL,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/137886.html