自適應設計與響應式設計

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

在繼續(xù)深入講解Axure自適應視圖功能之前,昆明網(wǎng)站建設小編有必要介紹一下自適應設計(Adaptive Design)與響應式設計(Responsive Design)這兩個術(shù)語。因為很多讀者都誤以為Axure自適應視圖功能就是常見的那種流動布局(fluid grid)設計,這是比較嚴重的誤解,甚至有些讀者在詳細了解該功能之后而覺得沮喪。繼續(xù)讀下去會幫助你正確理解它們兩個之間的差異和優(yōu)劣,并且你會發(fā)現(xiàn),有些情況下使用自適應設計更加切合實際情況。

目前互聯(lián)網(wǎng)中有很多關(guān)于響應式設計和自適應設計的參考資料,但通過百度的搜索結(jié)果會發(fā)現(xiàn),其中很大一部分資料依然將自適應設計與響應式設計混為一談,這也是很多讀者對這兩個詞的概念不太清晰的主要原因之一。而且在維基百科中這兩個術(shù)語共用一個關(guān)鍵詞,但是這二者之間是有明顯區(qū)別的。自適應布局可以讓你的設計更加可控,因為你只需要考慮幾種狀態(tài)(設置適用于某幾個屏幕尺寸大小的響應點)就萬事大吉了。而在響應式布局中你需要考慮非常多的狀態(tài),如屏幕大小改變,每一個像素都要考慮到,這就帶來了設計和測試上的難題,你很難有絕對的把握預測它會怎樣。

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

11.jpg

(圖3)


當前文章標題:自適應設計與響應式設計

當前URL:http://www.iy5y368.cn/news/wzzz/3493.html

上一篇:自適應視圖概述

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

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