把Axure原型圖模擬到手機上，你也可以做”APP”

Axure不僅能制作靜態的視覺稿、頁面，還能添加交互動作，是進行原型設計的最佳軟件之一，更是產品經理和交互設計師必備的軟件之一。對于產品經理來說，畫完線框圖，再加上交互就成了更加形象的原型圖。一份生動形象且充滿邏輯性的原型圖，交到設計師或者程序員手中能令后續的工作進展的更加順暢。

Axure不但支持在PC端生成html網頁形式的預覽，同樣也支持在移動端的預覽（包括交互!）相比于PC端網頁形式的預覽，移動端的展示效果更加逼真，能近乎真實的模擬一個APP。

那么如何把加了動效的原型圖在手機上展示出來呢？這里介紹兩個方法

方法一：

1. 按照將要展示的手機分辨率尺寸制作原型圖，比如我想要在iphnoe5s上看那就是640＊ 1096 (除去state bar的40 所以注意并不是喔640＊1136)
2. 注冊一個axure share賬號，用來在服務器上發布自己的作品

   (注冊界面)

3. 發布設置：publish>previews options>點擊configure

(選擇preview options)

(選擇configure)

• 在左側欄中選擇：Mobile/Device
• 右側輸入尺寸 (根據所想展示的手機而定)
• 勾選上[防止垂直方向移動] 和[自動關聯號碼]
• 用114*114的尺寸做一個模擬app的icon直接import
• 勾選隱藏邊框

(設置)

發布到axure服務器后，會自動生成一個Link (記得勾選without sitemap)

發布成功后生成Link

剩下的就是手機上的操作了：

用手機上的safari瀏覽器打開剛剛生成的Link，網頁加載完畢后點擊[添加到主屏幕]

(添加到主屏幕)

輸入你想給它的取“名字”，比如:Earon，點擊添加

(給你的應用取個名字)

你就可以在桌面看到你的“app”啦

(在桌面)

雖然不是一個真正的app，但是幾乎所有的交互都可以實現，還是蠻逼真的：)

方法二：

類似PS有Psplay，Sketch有mirror一樣。

Axure同樣有一款叫Axure share的app，無需以上的設置，只需要按照屏幕尺寸設計，之后直接上傳，就可以從手機端的Axure share 中看到上傳的文件。直接打開即可：

(隨手做的丑圖)

#專欄作家#

Earon，微信公眾號：earonpm，人人都是產品經理專欄作家。愛碼字、喜歡嘗試新事物、產品路上剛起步的新人，關注移動產品。懷謙卑之心，渴望交流之中共同成長。

本文原創發布于人人都是產品經理，未經許可，不得轉載。