用Axure 9製作移動端原型，並在手機上演示和展示的教程

09-12

來自專欄 PM不是狗2 人贊了文章

教程分兩部分

第一部分（製作移動端原型）

Axure 9 ? 在右側選擇移動端頁面尺寸 ? 製作原型 ? 導出成HTML

1、右側選擇手機端的尺寸，也可以自定義來設置尺寸

設置頁面為移動端頁面

2、製作原型後，生成原型文件，導出HTML

生成原型的HTML文件

3、選擇選擇存儲位置，並選擇一個文件夾進行存儲，例如：存儲在桌面上的「原型1」這個文件夾里

原型生成的位置和文件夾選擇

第二部分（在手機端演示）

導出的HTML文件夾 ? 壓縮成ZIP包 ? 上傳到WuliHub ? 獲得演示鏈接 ? 手機打開

1、將導出的HTML文件夾壓縮成ZIP包

用壓縮軟體將原型的HTML文件夾壓縮成Zip包

2、打開WuliHub中國站網站，在我的空間里，右上角點擊上傳

WuliHub中國站-簡單好用的靜態HTML頁面託管平台?

www.wulihub.com.cn

登錄後，進入我的空間頁面

3、在上傳頁面，選擇Axure分類，然後上傳壓縮的zip包

上傳頁面選擇原型文件夾壓縮後的zip包

4、返回列表頁面，點擊獲取演示鏈接

返回列表獲取演示連接

5、用手機打開鏈接，即可在手機查看Axure 9做的移動端原型了

Demo演示連接如下：

Untitled Document?

www.wulihub.com.cn