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

  • 2022-06-17 18:03:44
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://kigisgallery.com

在繼續(xù)深入講解Axure自適應(yīng)視圖功能之前,昆明網(wǎng)站建設(shè)小編有必要介紹一下自適應(yīng)設(shè)計(jì)(Adaptive Design)與響應(yīng)式設(shè)計(jì)(Responsive Design)這兩個(gè)術(shù)語。因?yàn)楹芏嘧x者都誤以為Axure自適應(yīng)視圖功能就是常見的那種流動(dòng)布局(fluid grid)設(shè)計(jì),這是比較嚴(yán)重的誤解,甚至有些讀者在詳細(xì)了解該功能之后而覺得沮喪。繼續(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ì)的參考資料,但通過百度的搜索結(jié)果會(huì)發(fā)現(xiàn),其中很大一部分資料依然將自適應(yīng)設(shè)計(jì)與響應(yīng)式設(shè)計(jì)混為一談,這也是很多讀者對(duì)這兩個(gè)詞的概念不太清晰的主要原因之一。而且在維基百科中這兩個(gè)術(shù)語共用一個(gè)關(guān)鍵詞,但是這二者之間是有明顯區(qū)別的。自適應(yīng)布局可以讓你的設(shè)計(jì)更加可控,因?yàn)槟阒恍枰紤]幾種狀態(tài)(設(shè)置適用于某幾個(gè)屏幕尺寸大小的響應(yīng)點(diǎn))就萬事大吉了。而在響應(yīng)式布局中你需要考慮非常多的狀態(tài),如屏幕大小改變,每一個(gè)像素都要考慮到,這就帶來了設(shè)計(jì)和測試上的難題,你很難有絕對(duì)的把握預(yù)測它會(huì)怎樣。

自適應(yīng)布局的優(yōu)勢是實(shí)現(xiàn)起來成本更低,更容易測試,這也就是為什么有些時(shí)候自適應(yīng)布局更切合項(xiàng)目的解決方案,昆明網(wǎng)站制作小編認(rèn)為在使用不同尺寸的設(shè)備瀏覽使用Axure RP8制作的自適應(yīng)原型時(shí)可以達(dá)到和響應(yīng)式相同的效果,見圖3。為了方便對(duì)這二者加以區(qū)分,你可以把自適應(yīng)布局看做響應(yīng)式布局的“窮兄弟”。

11.jpg

(圖3)


當(dāng)前文章標(biāo)題:自適應(yīng)設(shè)計(jì)與響應(yīng)式設(shè)計(jì)

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

上一篇:自適應(yīng)視圖概述

下一篇:創(chuàng)建和設(shè)置自適應(yīng)視圖

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