在真實的移動設(shè)備中預(yù)覽原型
Axure官方發(fā)布了用來預(yù)覽原型的AxShare APP,安裝該APP后就可以輕松地在移動設(shè)備中預(yù)覽原型,來獲取最真實的用戶體驗。到APP Store或安卓市場中搜索AxShare下載安裝即可。不過有一點需要注意,根據(jù)11.3小節(jié)中的提示,大家在設(shè)計APP原型時就應(yīng)該計劃好原型尺寸。比如,當(dāng)你的原型設(shè)計完畢后想要放到iPhone6中預(yù)覽效果,那么就要按照iPhone6的尺寸375×667像素設(shè)計原型;如果要放到iPad Air中預(yù)覽原型,那么就要按照768×1024像素設(shè)計原型;如果你想讓設(shè)計的原型能夠適應(yīng)多種不同屏幕尺寸的設(shè)備,那就要參考自適應(yīng)視圖一章中所講述的內(nèi)容,創(chuàng)建多個不同尺寸的視圖分別設(shè)計。其他不同的移動設(shè)備在Axure中的設(shè)計尺寸也不盡相同,讀者可參考本書附錄中的APP 原型尺寸速查表。
除了上述內(nèi)容需要引起讀者注意以外,下面的內(nèi)容昆明網(wǎng)站建設(shè)小編認(rèn)為也需要格外注意,否則會出現(xiàn)莫名其妙的錯誤。
在我們將設(shè)計好的原型發(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)閉】按鈕。
當(dāng)前文章標(biāo)題:在真實的移動設(shè)備中預(yù)覽原型的第一步
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3547.html