在移動(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。
(圖1)
(圖2)
當(dāng)前文章標(biāo)題:自適應(yīng)視圖概述
當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3492.html
上一篇:在局域網(wǎng)中共享原型