自適應(yīng)視圖概述

  • 2022-06-15 12:25:44
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://americanwasteexpansions.com

在移動(dòng)設(shè)備已經(jīng)融入日常生活的今天,網(wǎng)站和APP適應(yīng)不同尺寸的屏幕已成為設(shè)計(jì)中的首要考慮因素。昆明網(wǎng)站建設(shè)小編認(rèn)為使用Axure自適應(yīng)視圖功能,可以輕松設(shè)計(jì)出能夠適應(yīng)不同屏幕尺寸的原型。

自適應(yīng)視圖概述

自適應(yīng)視圖允許你的設(shè)計(jì)適應(yīng)不同屏幕尺寸的原型,這看上去和響應(yīng)式設(shè)計(jì)(Responsive Design)很像。在想要改變到不同樣式或布局的頁面上添加響應(yīng)點(diǎn)(Breakpoints),當(dāng)在不同屏幕尺寸的設(shè)備中(如PC、平板電腦或手機(jī))瀏覽原型時(shí),如果屏幕尺寸符合設(shè)計(jì)的響應(yīng)點(diǎn),原型的布局或樣式就會(huì)產(chǎn)生響應(yīng)而變化。

在Axure RP8中要?jiǎng)?chuàng)建自適應(yīng)視圖,在坐標(biāo)(0,0)左面單擊【管理自適應(yīng)視圖】小圖標(biāo),見圖1;或者選擇菜單欄中的【項(xiàng)目>自適應(yīng)視圖】,在彈出的【自適應(yīng)視圖】對話框中,可以使用Axure預(yù)定義設(shè)置來設(shè)置你的自適應(yīng)視圖(如手機(jī)橫屏、手機(jī)豎屏和PC機(jī)等)或者輸入自定義寬高,見圖2。

11.jpg

(圖1)

11.jpg

(圖2)


當(dāng)前文章標(biāo)題:自適應(yīng)視圖概述

當(dāng)前URL:http://americanwasteexpansions.com/news/wzzz/3492.html

上一篇:在局域網(wǎng)中共享原型

下一篇:自適應(yīng)設(shè)計(jì)與響應(yīng)式設(shè)計(jì)

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