新聞資訊
新聞資訊

響應式網頁設計讓網站移動起來
閱讀:2121更新時間:2018-08-21
響應式Web設計(Responsive Web design)的理念是:集中創建頁面的圖片排版大小,可以智能地根據用戶行為以及使用的設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相對應的布局。
響應式設計是Ethan Marcotte在2010年5月份提出的一個概念,簡而言之,就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的?,F在越來越多用戶都擁有多種終端:臺式機,筆記本,平板電腦,手機,能夠適應不同尺寸顯示屏的網頁是現在的潮流,甚至是未來很長一段時間的設計趨勢。那么響應式網頁設計就是來解決這個問題的。這種特別的開發方式能保證網頁適應不同的分辨率,讓網頁要素重組,使其無論在垂直的平板電腦還是智能手機上,都能達到最好的視覺效果。
除了多終端的多樣化,還可以看到我們的電腦屏幕,手機屏幕都在不斷變大,而在對未來生活的預測、概念設計里,”屏幕”這個產物更是被運用到多種新平臺上。例如微軟發布的”未來生活概念視頻”里,廚房、室內墻壁、辦公室玻璃墻面都成為了交互平臺。所以我們可以發現,響應式網頁設計所具備的良好的適應性和可塑性,在未來的網頁設計里將占有舉足輕重的位置。
舉個例子:現科網絡客戶案例 高創時代 http://www.gaocsd.com/
設計從全尺寸桌面布局開始設計,逐漸縮小,運用一套代碼寫出手機版、平板電腦版、普通電腦版三種不用的布局。
微軟公司 http://www.microsoft.com/en-us/default.aspx
響應式設計在2012年被提的比較多,在過去幾年的發展中快速鞏固了自己作為網頁設計的新標準。當然,也有爭論,但是沒人拒絕,實際上越來越多的網站選擇響應式的方向。隨著新的設備不斷出來(比如:iPad Mini), “讓人們忘記設備尺寸”的理念將更快地驅動響應式設計,所以 Web設計也將迎來更多的響應式設計元素,迫使響應式網站開發設計不斷變化,不斷創新。