全球第一個完全響應式網站自助建設平台在中國誕生

2014-09-15 11:55:00|來源：海外網|字號：

　　1、什麼是響應式設計?

　　概念：伊桑·馬科特在2010年首先提出了響應式網頁設計(RWD,Responsive Web Design)這個術語。簡而言之是指網頁能自動識別屏幕寬度、並做出相應調整的網頁設計。

　　原理：主要是css根據屏幕寬度，自動調整網頁div顯示和布局，以適應不同尺寸屏幕優化瀏覽體驗。

　　價值：隨著越來越多的智能移動設備( mobile, tablet device )加入到互聯網中來，移動互聯網不再是獨立的小網絡，而是成為了 Internet 的重要組成部分。響應式網絡設計 ( RWD / AWD)的出現，目的是為移動設備提供更好的體驗，並且整合從PC端到手機的各種屏幕尺寸和分辨率，用技術來使網頁適應不同分辨率的屏幕。

　　響應式設計可以為電腦、手機、平板等不同終端的用戶提供更加舒適的界面和更好的用戶體驗，而且隨著目前大屏幕移動設備的普及，已成為大勢所趨。

　　2、搭建響應式網站的9個理由

　　作為一種能夠縮放適應不同大小的屏幕的網頁設計做法，響應式設計(Responsive Design)正日益成為最受推崇的移動網頁優化方式。在谷歌公司於2012年中期指出，響應式設計是優化移動網站的最佳方式之后，這種設計做法的地位得到了進一步鞏固。

　　隨著iPhone、iPad和Android手機的普及，網站主辦方發現，網站在移動端應當帶來與桌面端類似的體驗。否則，網站在移動設備上看起來就隻有細小的文字和鏈接，網頁布局也會一團糟。這就意味著損失流量和銷售額的風險。如果你還對網站是否需要實現響應式設計存在質疑的話，看看下面的網絡調查數據，相信你會更加認可網站實現響應式布局的重要性。

　　l 85%的用戶認為企業的移動站點必須做的能夠媲美PC端網頁

　　l 移動設備用戶的數量將在2014年末超過PC端的用戶數量。

　　l 72%的用戶會同時使用多種設備。(數據整理自互聯網，為平均值)

　　l 48%的用戶稱：如果企業的移動網站做的不夠好，往往會給人不注重用戶的“錯覺”。

　　l 73%的互聯網用戶使用手機作為和互聯網互動的主要的或是唯一的設備

　　l 48%的智能機及平板用戶表示很少企業會在移動站點的優化工作上下功夫。

　　l 據統計目前有16%的網絡流量都來自於移動端。

　　l 67%的網民表示，更喜歡用手機在那些用戶友好度高的電商網站平台上進行購物。

　　l 66%的移動設備用戶反應移動網站的加載速度有待提高，響應式設計的普及迫在眉睫。

　　3、響應式網站的制作難點

　　既然響應式設計已成為大勢所趨?為什麼國內99.9999%的網站都還不是響應式的?

　　1)設計原型多、兼容測試多

　　制作前期，需要對用戶調研，確定制作多個尺寸線框原型界面，還需要設計師和前端開發人員保持密切的溝通

　　2)視覺設計要求高、細節多

　　移動設備的屏幕像素密度與傳統電腦屏幕不一樣，在設計的時候需要保証內容文字的可讀性、控件可點擊區域的面積等，都將對設計師有高要求

　　3)前端實現難、跨技術合作

　　與傳統的web開發相比，響應式設計的頁面由於頁面布局、內容尺寸發生了變化，所以最終的產出更有可能與設計稿出入較大，需要前端開發人員和設計師多溝通

　　4)參與人員多、耗費精力大

　　因為響應式設計需要對多個界面兼容、功能調試，導致整個制作過程需要UI設計師和前端工程師不斷磨合制作。

　　總的來說，響應式網頁不像傳統網頁隻需考慮一種狀態，不是交付一套設計稿就完事兒了，它需要更多的人員參與到制作中來，它給設計、前端和開發團隊之間的協作模式帶來新的挑戰。在一個復雜產品全面響應式的項目裡，開發人員在開發之初就要設計好要適配的屏幕尺寸大小，頁面越復雜，要考慮的適配排版問題就越多，而且交互每個階段該產出什麼?交互與視覺如何協作?前端何時介入?哪些事情讓后端開發來做更合理?一系列的配合制作難度，導致很多站長望而生卻。

　　4、如何搭建響應式網站?

　　1)自行組建團隊開發

　　優點：方便溝通和管理，修改容易

　　缺點：響應式設計人才稀缺，團隊建設難，耗費高，周期長

　　2)外包給第三方專業團隊

　　優點：現成團隊，建設時間較快

　　缺點：目前能做好響應式網站的團隊還非常少，要價高，修改升級麻煩

　　3)使用自助建設平台創建

　　優點：模板創建，個性化設置，時間快，費用低

　　缺點：不能百分百實現自己的功能要求

　　目前全球比較知名的幾個網站自助建設平台推薦

　　l 突唯阿：中國團隊開發，可免費創建完全響應式網站,模板少，功能強大, 全中文版★★★★★★