很多產(chǎn)品朋友想在手機(jī)上預(yù)覽自己的原型，這樣給到甲方和程序時(shí)能更直觀的展現(xiàn)產(chǎn)品全貌，大幅度降低溝通成本，筆者嘗試了以下方法（老司機(jī)可以直接看方法三）。

一、使用官方Axure Share

• 優(yōu)點(diǎn)：簡(jiǎn)單部署，注冊(cè)Axure賬號(hào)，直接發(fā)布到Axure Share，手機(jī)端使用官方App登錄即可查看原型。
• 缺點(diǎn)：由于某些原因，官方服務(wù)器訪問(wèn)及其緩慢，這種方法聊勝于無(wú)吧。

二、使用國(guó)內(nèi)第三方原型托管

這里推薦 產(chǎn)品大牛 和 Axhub，大家還可以找到更多，其實(shí)原理就是國(guó)內(nèi)服務(wù)器部署了代理服務(wù)器，大家把html原型文件上傳后就可以查看到。

• 優(yōu)點(diǎn)：訪問(wèn)速度快，可以設(shè)置密碼權(quán)限。
• 缺點(diǎn)：每次更新Axure文件需要打包html文件。

三、“生成”手機(jī)APP（老司機(jī)直接看這里）

我們基于方法二就可以用鏈接生成一個(gè)APP了，實(shí)現(xiàn)過(guò)程如下：

（1）準(zhǔn)備工具

AxureRP9 第三方原型托管平臺(tái)（以產(chǎn)品大牛為例） Fusion App。

（2）繪制手機(jī)端原型

筆者推薦使用AxureRP9，因?yàn)槭褂肁xureRP9的自適應(yīng)視圖對(duì)手機(jī)端有更好的適配體驗(yàn)（AxureRP8也可以用自適應(yīng)視圖）。

我們?cè)诶L制原型時(shí)，設(shè)置自適應(yīng)視圖：

設(shè)置自適應(yīng)視圖

這樣，在PC瀏覽器上，方便程序員美術(shù)可以看到我們的功能點(diǎn)需求說(shuō)明，在移動(dòng)端可以直接自適應(yīng)（隱藏說(shuō)明，只顯示原型功能內(nèi)容）。

PC版視圖內(nèi)容

PC版視圖效果-可向程序美術(shù)展示

手機(jī)版視圖內(nèi)容

手機(jī)版視圖效果-可向老板甲方展示

（3）生成html后上傳至第三方托管平臺(tái)（以產(chǎn)品大牛為例）

上傳至產(chǎn)品大牛：

上傳至產(chǎn)品大牛

獲得原型演示鏈接：

原型演示鏈接

（4）“生成”手機(jī)APP

有了演示鏈接后，我們就可以通過(guò)PC瀏覽器預(yù)覽PC版視圖，也可以使用手機(jī)瀏覽器（推薦谷歌）查看我們的原型了，但是手機(jī)端瀏覽器體驗(yàn)還是不爽，使用Fusion App快速生成一個(gè)套殼APP，瞬間將原型提升至原生體驗(yàn)（斜眼233）。

• 下載安裝Fusion App（文末有鏈接，或者酷安市場(chǎng)可以下載）；
• 右下角新建一個(gè)工程。

  新建工程

選擇空白模板：

選擇空白模板

輸入應(yīng)用名稱，自動(dòng)生成包名（注意包名必須是三段式不能有特殊字符）。

輸入應(yīng)用名

輸入我們之前的演示鏈接，打開(kāi)顯示狀態(tài)欄，其它選擇默認(rèn)。

輸入原型演示鏈接

右上角選擇應(yīng)用打包，安裝應(yīng)用

安裝應(yīng)用

安裝完我們就獲得了一個(gè)套殼APP，可以將這個(gè)安裝包扔給老板，甲方客戶，體驗(yàn)so cool。

安裝完成

打開(kāi)APP 甚至還有導(dǎo)航欄配色自適應(yīng)！

打開(kāi)APP

進(jìn)階操作：我們發(fā)現(xiàn)好像內(nèi)容沒(méi)有自適應(yīng)呢？這里有一個(gè)隱藏操作，連續(xù)三擊屏幕會(huì)彈出Axure的一個(gè)設(shè)置菜單。

設(shè)置適應(yīng)寬度

右側(cè)兩個(gè)卡片可以查看原型頁(yè)面目錄和頁(yè)面說(shuō)明，不再贅述。

再看我們的原型內(nèi)容：

完美適配

筆者體驗(yàn)下來(lái)，因?yàn)樵屯泄茉趪?guó)內(nèi)服務(wù)器，加上各項(xiàng)交互操作下來(lái)，有著不亞于小程序、PWA應(yīng)用的體驗(yàn)，AxureRP9也重構(gòu)了它的內(nèi)核，所以速度確實(shí)有所提升。

作者：鹽粒，一只幼年產(chǎn)品流浪狗

本文由 @鹽粒 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議