您的企業(yè)網(wǎng)站是否具有適應性?還是反應靈敏?在這兩者之間,哪種更適合您的業(yè)務設計風格?這是一個常見的問題,作為*的網(wǎng)頁設計公司,我們希望對此話題進行一些討論。重要的是要了解自適應和自適應網(wǎng)頁設計之間的區(qū)別,以確保您的網(wǎng)站能夠發(fā)揮最佳性能,并具有最高的參與度和轉(zhuǎn)化率,以最大限度地提高在線成功率。兩種設計風格對于在不同尺寸的屏幕上與用戶聯(lián)系很有用,這可能會引起一些混亂。盡管它們確實具有相似之處,但也存在非常明顯的差異。
什么是響應式網(wǎng)頁設計?
響應式網(wǎng)頁設計(RWD)是設計師Ethan Marcotte在2010年創(chuàng)建的一個術語。此概念后來在他于2011年出版的名為“ 響應式網(wǎng)頁設計”的書中得以建立?;舅枷胧琼憫皆O計將“響應”網(wǎng)頁瀏覽器的變化。通過調(diào)整各種設計元素的位置以適合任何可用大小的空間來調(diào)整寬度。
這使網(wǎng)站可以在各種屏幕尺寸上正確顯示,并且內(nèi)容移動到最適合瀏覽器窗口尺寸的位置。這與“獨立設計”相比,在“獨立設計”中,由于網(wǎng)站是為標準桌面尺寸構建的,因此用戶不得不在較小的屏幕上放大和縮小。在桌面上查看并調(diào)整瀏覽器窗口大小時,響應式Web設計非常明顯。頁面將流暢地調(diào)整。
較早采用靈活靈活的設計風格來使網(wǎng)站適應不斷增長的臺式機顯示器市場,然而,隨著手機和其他小型設備對互聯(lián)網(wǎng)的移動訪問開始超過臺式機訪問,RWD在2014年左右成為主流。
什么是自適應網(wǎng)頁設計?
網(wǎng)頁設計師Aaron Gustafson在大約與RWD相同的時間對概念化的網(wǎng)頁設計(AWD)進行了概念化,并在其2011年出版的書《自適應網(wǎng)絡設計:通過漸進式增強來創(chuàng)造豐富的經(jīng)驗》中向公眾介紹了該概念。是的,很明顯,設計師的書使用了非常直接的標題!
AWD通過使用多個固定的布局尺寸來工作。該站點通過檢查可用空間來檢測Web瀏覽器的大小,然后通過選擇最適合屏幕的布局進行調(diào)整。例如,如果在桌面上打開了AWD頁面,則站點將識別可用空間并選擇最接近的固定布局。調(diào)整瀏覽器窗口的大小不會影響網(wǎng)站的外觀,因為此時布局已固定。
如果設計人員選擇在一種屏幕尺寸上使用與另一種屏幕尺寸不同的布局,則這可能會導致站點在各種屏幕尺寸上看起來都明顯不同。通常,使用AWD時,會根據(jù)最常見的屏幕寬度(即320、480、760、960、1200和1600像素)設計六種設計。如果目標人群使用其他屏幕尺寸(例如平板電腦或上網(wǎng)本),則某些設計人員將包括其他屏幕寬度。
這個比那個好嗎?
兩種設計方法均優(yōu)于舊的“獨立設計”,后者在屏幕尺寸改變時不會改變。但是,兩者之間在每種方法上都有明顯的利弊。
響應式設計–優(yōu)點
在所有設備之間進行統(tǒng)一設計,在設備之間進行切換時可提供更好,更統(tǒng)一的用戶體驗(UX)
SEO友好
可以合并許多模板和樣式
相對容易實現(xiàn)
自適應設計–優(yōu)點
允許為每個單獨的屏幕尺寸(設備類型)創(chuàng)建最佳用戶體驗(UX)
自動感應用戶的環(huán)境
允許基于屏幕尺寸的最佳廣告放置
響應式設計–缺點
更少的屏幕尺寸設計控制,這通常意味著首先針對移動設備構建設計,然后再擴展以適合臺式機
元素可以在設計師控制范圍之外的調(diào)整大小過程中移動
廣告刊登位置不固定
移動設備上的加載時間略慢
自適應設計–缺點
需要更多的時間和精力來創(chuàng)建
由于屏幕尺寸不同,在平板電腦和上網(wǎng)本上無法正常工作
需要額外的SEO工作,以確保搜索引擎可以識別多種布局上的相同內(nèi)
寫到最后:
最重要的是,在建設新網(wǎng)站或重新設計當前網(wǎng)站之前,了解自適應和自適應網(wǎng)頁設計之間的區(qū)別非常重要。每個選項都有非常具體的積極和消極方面,應考慮與業(yè)務目標和客戶用戶角色相關的方面,其中應包括客戶與網(wǎng)站的連接方式。最終選擇應該是能夠為企業(yè)提供最佳用戶體驗和轉(zhuǎn)換率的選項。