在真實的移動設備中預覽原型
Axure官方發布了用來預覽原型的AxShare APP,安裝該APP后就可以輕松地在移動設備中預覽原型,來獲取最真實的用戶體驗。到APP Store或安卓市場中搜索AxShare下載安裝即可。不過有一點需要注意,根據11.3小節中的提示,大家在設計APP原型時就應該計劃好原型尺寸。比如,當你的原型設計完畢后想要放到iPhone6中預覽效果,那么就要按照iPhone6的尺寸375×667像素設計原型;如果要放到iPad Air中預覽原型,那么就要按照768×1024像素設計原型;如果你想讓設計的原型能夠適應多種不同屏幕尺寸的設備,那就要參考自適應視圖一章中所講述的內容,創建多個不同尺寸的視圖分別設計。其他不同的移動設備在Axure中的設計尺寸也不盡相同,讀者可參考本書附錄中的APP 原型尺寸速查表。
除了上述內容需要引起讀者注意以外,下面的內容昆明網站建設小編認為也需要格外注意,否則會出現莫名其妙的錯誤。
在我們將設計好的原型發布到AxShare之前,還需要進行如下設置。
第一步:單擊頂部菜單欄中的【發布>生成HTML文件】,在彈出的【生成HTML】對話框左側,選擇【移動設備】,勾選【包含Viewport標簽】,見圖8。
(圖8)
設置【寬度】為device-width。
【初始縮放倍數】:1.0。
【允許用戶縮放】:no。
勾選【禁止垂直頁面滾動】。
勾選【自動檢測并鏈接電話號碼(iOS)】(按需勾選)。
勾選【隱藏瀏覽器導航欄】(按需勾選)。
此外,昆明網站制作小編覺得還可以給APP 原型添加主屏幕圖標和APP 啟動畫面,設置完成后單擊【關閉】按鈕。
當前文章標題:在真實的移動設備中預覽原型的第一步
當前URL:http://www.iandjservices.com/news/wzzz/3547.html
上一篇:CSS中的px與移動設備中的px