2023-9-18 博博
電腦,平板,智能手機的屏幕尺寸逐漸多樣化,設備類型的增長增強了網(wǎng)頁的適配需求。
注:屏幕尺寸為瀏覽器尺寸的上限
自適應是根據(jù)設備分辨率的不同,分別為不同的屏幕進行布局定義,創(chuàng)建多個固定布局,即“多套設計,多套開發(fā)”。適用于閱讀類交互多的網(wǎng)站,如知乎官網(wǎng)。
響應式是基于同一套代碼、同一套設計語言,能夠兼容多尺寸、多終端設備的展示,即“一套設計,一套開發(fā)”。 網(wǎng)頁根據(jù)顯示寬度(瀏覽器寬度)自動調(diào)整內(nèi)容,適用于企業(yè)、產(chǎn)品等視覺展示型網(wǎng)站中,信息少圖片多,如華為官網(wǎng)。
開發(fā)成本更低,一套代碼。
設計成本更低,一套設計。
業(yè)務迭代更快,一次運營。
拉伸布局:內(nèi)容在屏幕顯示區(qū)域進行相對拉伸,已達到完整布局。
等比縮放:內(nèi)容在屏幕的相對位置上進行等比例縮放,一般用于圖片。
擴展布局:內(nèi)容可靈活按照屏幕尺寸進行增減,擴展為多行多列等。
藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司