利用axure原型在手機上做＂APP＂

作者：Earon

微信公眾號： EARON（ID: earonpm）

作者授權早讀課發表，轉載請聯繫原作者

歡迎投稿到早讀課，投稿郵箱：[e-mail]

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）

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

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

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

2.輸入你想給它的取「名字」，比如:Earon，點擊添加

3.你就可以在桌面看到你的「app」啦

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

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

Axure同樣有一款叫Axure share的app

無需以上的設置，只需要按照屏幕尺寸設計，之後直接上傳，就可以從手機端的Axure share 中看到上傳的文件。直接打開即可

(隨手做的醜圖)

版權聲明：早讀課文章均來自作者投稿或者授權文章，部分文章為轉載均儘量註明作者和來源，文章版權歸作者所有，若涉及版權問題，請添加momo微信：qqj5211314，感謝。