現在企業網站建設都會選擇當下流行的響應式布局,響應式網站設計應根據用戶使用的設備的分辨率大小進行相應的響應與調整,最大限度滿足不同設備用戶體驗需求。
什么是響應式布局?
早在2010年Ethan Marcotte就提出響應式布局的概念,簡單來說,就是一個網站能夠兼容多個終端,即手機、PC和pad,而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。
響應式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗,而且隨著目前大屏幕移動設備的普及,用“大勢所趨”來形容也不為過。隨著越來越多的設計師采用這個技術,我們不僅看到很多的創新,還看到了一些成形的模式。
響應式布局的優點
1、用戶體驗良好,之前網站普遍使用固定的寬度逐漸滿足不了現在不同設備與不同分辨率需求,在電腦上兩邊留白太多,在手機上內容太小,用戶為了看清需要不斷的拖動界面縮放。而響應式設計根據不同分辨率自動調整布局,提供非常良好的展示效果。
2、節約設計開發成本,相對于每個終端都要專門設計一個版本來說,響應式設計最節約開發成本。
3、便于優化,響應式網站手機、pc、pad端都是統一的url鏈接,通過單一的URL地址手機所有的社交分享鏈接最佳化搜索引擎。
4、方便后期維護,響應式設計再不用分別為PC界面、pad界面、手機界面維護,制藥維護一次內容即可。
響應式布局的缺點
1、對老版本IE兼容較差,對于IE6、7、8來說,響應式布局可能就不能正常顯示了,當然現在電腦技術進步飛速,這類用戶應該是越來越少了。
2、兼容各種設備工作量大,本來我們在設計式就要考慮不同瀏覽器的兼容問題,現在又來個不同尺寸的設備,想象就頭大了。
3、靈活性欠缺,基于不同設備的屬性不同,對用戶體驗的要求也不同。比如在手機端我們更喜歡手勢操作,例如滑動,拖動等,而電腦端則是點擊,對于更能性較強的網站可能不適用。
4、訪問速度可能會慢,響應式同時加載多套css樣式代碼已響應不同設備,同時可能隱藏大量不同終端無用的元素,導致影響網頁加載速度。
總結來說,雖然響應式布局解決了不同終端的顯示問題,優點多多,但事物總有利弊,它也并不能使用所有網站,設計還是要看用戶的需求,最終都是為用戶服務的。