在真實(shí)的移動(dòng)設(shè)備中預(yù)覽原型的第一步

  • 2022-07-29 11:34:17
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

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

Axure官方發(fā)布了用來預(yù)覽原型的AxShare APP,安裝該APP后就可以輕松地在移動(dòng)設(shè)備中預(yù)覽原型,來獲取最真實(shí)的用戶體驗(yàn)。到APP Store或安卓市場(chǎng)中搜索AxShare下載安裝即可。不過有一點(diǎn)需要注意,根據(jù)11.3小節(jié)中的提示,大家在設(shè)計(jì)APP原型時(shí)就應(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)建多個(gè)不同尺寸的視圖分別設(shè)計(jì)。其他不同的移動(dòng)設(shè)備在Axure中的設(shè)計(jì)尺寸也不盡相同,讀者可參考本書附錄中的APP 原型尺寸速查表。

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

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

第一步:?jiǎn)螕繇敳坎藛螜谥械摹景l(fā)布>生成HTML文件】,在彈出的【生成HTML】對(duì)話框左側(cè),選擇【移動(dòng)設(shè)備】,勾選【包含Viewport標(biāo)簽】,見圖8。

11.jpg

(圖8)

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

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

【允許用戶縮放】:no。

勾選【禁止垂直頁(yè)面滾動(dòng)】。

勾選【自動(dòng)檢測(cè)并鏈接電話號(hào)碼(iOS)】(按需勾選)。

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

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


當(dāng)前文章標(biāo)題:在真實(shí)的移動(dòng)設(shè)備中預(yù)覽原型的第一步

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3547.html

上一篇:CSS中的px與移動(dòng)設(shè)備中的px

下一篇:在真實(shí)的移動(dòng)設(shè)備中預(yù)覽原型的第二步

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))