在繼續(xù)深入講解Axure自適應(yīng)視圖功能之前,昆明網(wǎng)站建設(shè)小編有必要介紹一下自適應(yīng)設(shè)計(jì)(Adaptive Design)與響應(yīng)式設(shè)計(jì)(Responsive Design)這兩個(gè)術(shù)語(yǔ)。因?yàn)楹芏嘧x者都誤以為Axure自適應(yīng)視圖功能就是常見(jiàn)的那種流動(dòng)布局(fluid grid)設(shè)計(jì),這是比較嚴(yán)重的誤解,甚至有些讀者在詳細(xì)了解該功能之后而覺(jué)得沮喪。繼續(xù)讀下去會(huì)幫助你正確理解它們兩個(gè)之間的差異和優(yōu)劣,并且你會(huì)發(fā)現(xiàn),有些情況下使用自適應(yīng)設(shè)計(jì)更加切合實(shí)際情況。
目前互聯(lián)網(wǎng)中有很多關(guān)于響應(yīng)式設(shè)計(jì)和自適應(yīng)設(shè)計(jì)的參考資料,但通過(guò)百度的搜索結(jié)果會(huì)發(fā)現(xiàn),其中很大一部分資料依然將自適應(yīng)設(shè)計(jì)與響應(yīng)式設(shè)計(jì)混為一談,這也是很多讀者對(duì)這兩個(gè)詞的概念不太清晰的主要原因之一。而且在維基百科中這兩個(gè)術(shù)語(yǔ)共用一個(gè)關(guān)鍵詞,但是這二者之間是有明顯區(qū)別的。自適應(yīng)布局可以讓你的設(shè)計(jì)更加可控,因?yàn)槟阒恍枰紤]幾種狀態(tài)(設(shè)置適用于某幾個(gè)屏幕尺寸大小的響應(yīng)點(diǎn))就萬(wàn)事大吉了。而在響應(yīng)式布局中你需要考慮非常多的狀態(tài),如屏幕大小改變,每一個(gè)像素都要考慮到,這就帶來(lái)了設(shè)計(jì)和測(cè)試上的難題,你很難有絕對(duì)的把握預(yù)測(cè)它會(huì)怎樣。
自適應(yīng)布局的優(yōu)勢(shì)是實(shí)現(xiàn)起來(lái)成本更低,更容易測(cè)試,這也就是為什么有些時(shí)候自適應(yīng)布局更切合項(xiàng)目的解決方案,昆明網(wǎng)站制作小編認(rèn)為在使用不同尺寸的設(shè)備瀏覽使用Axure RP8制作的自適應(yīng)原型時(shí)可以達(dá)到和響應(yīng)式相同的效果,見(jiàn)圖3。為了方便對(duì)這二者加以區(qū)分,你可以把自適應(yīng)布局看做響應(yīng)式布局的“窮兄弟”。
(圖3)
當(dāng)前文章標(biāo)題:自適應(yīng)設(shè)計(jì)與響應(yīng)式設(shè)計(jì)
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3493.html
上一篇:自適應(yīng)視圖概述