在真實(shí)的移動設(shè)備中預(yù)覽原型

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

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

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

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

（圖8）

設(shè)置【寬度】為device-width。

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

【允許用戶縮放】：no。

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

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

勾選【隱藏瀏覽器導(dǎo)航欄】（按需勾選）。

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