Axure不僅能制作靜態(tài)的視覺稿考榨、頁面号显,還能添加交互動作,是進行原型設(shè)計的最佳軟件之一躺酒,更是產(chǎn)品經(jīng)理和交互設(shè)計師必備的軟件之一押蚤。對于產(chǎn)品經(jīng)理來說,畫完線框圖羹应,再加上交互就成了更加形象的原型圖揽碘。一份生動形象且充滿邏輯性的原型圖,交到設(shè)計師或者程序員手中能令后續(xù)的工作進展的更加順暢园匹。
Axure不但支持在PC端生成html網(wǎng)頁形式的預(yù)覽雳刺,同樣也支持在移動端的預(yù)覽(包括交互!)相比于PC端網(wǎng)頁形式的預(yù)覽,移動端的展示效果更加逼真裸违,能近乎真實的模擬一個APP掖桦。
那么如何把加了動效的原型圖在手機上展示出來呢?這里介紹兩個方法
方法一:
按照將要展示的手機分辨率尺寸制作原型圖供汛,比如我想要在iphnoe5s上看那就是640* 1096 (除去state bar的40 所以注意并不是喔640*1136)
-
注冊一個axure share賬號枪汪,用來在服務(wù)器上發(fā)布自己的作品
注冊界面 發(fā)布設(shè)置:publish>previews options>點擊configure
- 在左側(cè)欄中選擇:Mobile/Device
- 右側(cè)輸入尺寸 (根據(jù)所想展示的手機而定)
- 勾選上[防止垂直方向移動] 和[自動關(guān)聯(lián)號碼]
- 用114*114的尺寸做一個模擬app的icon直接import
-
勾選隱藏邊框
設(shè)置
發(fā)布到axure服務(wù)器后,會自動生成一個Link (記得勾選without sitemap)
下面就是手機上的操作了:
用手機上的safari瀏覽器打開剛剛生成的Link紊馏,網(wǎng)頁加載完畢后點擊[添加到主屏幕]
輸入你想給它的取“名字”料饥,比如:Earon,點擊添加
你就可以在桌面看到你的“app”啦
雖然不是一個真正的app朱监,但是幾乎所有的交互都可以實現(xiàn),還是蠻逼真的:)
方法二:
類似PS有Psplay原叮,Sketch有mirror一樣赫编。
Axure同樣有一款叫Axure share的app
無需以上的設(shè)置,只需要按照屏幕尺寸設(shè)計奋隶,之后直接上傳擂送,就可以從手機端的Axure share 中看到上傳的文件。直接打開即可