在真實的移動設備中預覽原型

Axure官方發(fā)布了用來預覽原型的AxShare APP，安裝該APP后就可以輕松地在移動設備中預覽原型，來獲取最真實的用戶體驗。到APP Store或安卓市場中搜索AxShare下載安裝即可。不過有一點需要注意，根據(jù)11.3小節(jié)中的提示，大家在設計APP原型時就應該計劃好原型尺寸。比如，當你的原型設計完畢后想要放到iPhone6中預覽效果，那么就要按照iPhone6的尺寸375×667像素設計原型；如果要放到iPad Air中預覽原型，那么就要按照768×1024像素設計原型；如果你想讓設計的原型能夠適應多種不同屏幕尺寸的設備，那就要參考自適應視圖一章中所講述的內容，創(chuàng)建多個不同尺寸的視圖分別設計。其他不同的移動設備在Axure中的設計尺寸也不盡相同，讀者可參考本書附錄中的APP 原型尺寸速查表。

除了上述內容需要引起讀者注意以外，下面的內容昆明網(wǎng)站建設小編認為也需要格外注意，否則會出現(xiàn)莫名其妙的錯誤。

在我們將設計好的原型發(fā)布到AxShare之前，還需要進行如下設置。

第一步：單擊頂部菜單欄中的【發(fā)布＞生成HTML文件】，在彈出的【生成HTML】對話框左側，選擇【移動設備】，勾選【包含Viewport標簽】，見圖8。

（圖8）

設置【寬度】為device-width。

【初始縮放倍數(shù)】：1.0。

【允許用戶縮放】：no。

勾選【禁止垂直頁面滾動】。

勾選【自動檢測并鏈接電話號碼（iOS）】（按需勾選）。

勾選【隱藏瀏覽器導航欄】（按需勾選）。

此外，昆明網(wǎng)站制作小編覺得還可以給APP 原型添加主屏幕圖標和APP 啟動畫面，設置完成后單擊【關閉】按鈕。