掃盲貼|如何把axure原型模擬到手機上
把Axure原型圖模擬到手機上,你也可以做”APP”
Axure不僅能制作靜態的視覺稿、頁面,還能添加交互動作,是進行原型設計的最佳軟件之一,更是產品經理和交互設計師必備的軟件之一。對于產品經理來說,畫完線框圖,再加上交互就成了更加形象的原型圖。一份生動形象且充滿邏輯性的原型圖,交到設計師或者程序員手中能令后續的工作進展的更加順暢。
Axure不但支持在PC端生成html網頁形式的預覽,同樣也支持在移動端的預覽(包括交互!)相比于PC端網頁形式的預覽,移動端的展示效果更加逼真,能近乎真實的模擬一個APP。
那么如何把加了動效的原型圖在手機上展示出來呢?這里介紹兩個方法
方法一:
- 按照將要展示的手機分辨率尺寸制作原型圖,比如我想要在iphnoe5s上看那就是640* 1096 (除去state bar的40 所以注意并不是喔640*1136)
- 注冊一個axure share賬號,用來在服務器上發布自己的作品
(注冊界面)
- 發布設置: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,人人都是產品經理專欄作家。愛碼字、喜歡嘗試新事物、產品路上剛起步的新人,關注移動產品。懷謙卑之心,渴望交流之中共同成長。
本文原創發布于人人都是產品經理,未經許可,不得轉載。
安卓手機瀏覽器可以嗎?為啥我的打不開
初入江湖-也是RP使用者,有一個疑問,在rp做原型是不是要先轉化尺寸,比如我經常用6s的尺寸(750*1334)轉化后是 375*667
我的手機是安卓手機三星S6,5.1英寸屏。分辨率為2560×1440 ,那我想在手機上預覽原型交互效果,是不是要把原型稿的尺寸設計為2560×1440? 我做的720×1280的,上傳到APP預覽時都很小。
你好,為什么我發布后就沒你說的下面那個步驟了,而是直接瀏覽器瀏覽了
axure share 不太好用啊
第二種都沒說清楚
??
可以下載一個APP“墨刀”,設計稿可以直接在手機端展示
?? 還是沒懂叻,求手把手。。
??