設備類型：包括移動設備（手機、平板）和pc。對于移動設備，設計和實現的時候注意增加手勢的功能。屏幕尺寸：包括各種手機屏幕的尺寸（包括橫向和豎向）、各種平板的尺寸（包括橫向和豎向）、普通電腦屏幕和寬屏。

第一步：確定需要兼容的設備類型、屏幕尺寸通過用戶研究，了解用戶使用的設備分布情況，確定需要兼容的設備類型、屏幕尺寸。

向揚網絡響應式設計尺寸：1920-1280、1024、960、800、768、640、600、540、480、320需要考慮的問題：某個頁面進行響應式設計時其適用的尺寸范圍是哪些？比如，1688搜索結果頁面，跨度可以從手機到寬屏，而1688首頁，由于結構過于復雜，想直接遷移到手機上，不太現實，不如直接設計一個手機版的首頁。結合用戶需求和實現成本，對適用的尺寸進行取舍。比如一些功能操作的頁面，用戶一般沒有在移動端進行操作的需求，沒有必要進行響應式設計。

第二步：制作線框原型針對確定下來的幾個尺寸分別制作不同的線框原型，需要考慮清楚不同尺寸下，頁面的布局如何變化，內容尺寸如何縮放，功能、內容的刪減，甚至針對特殊的環境作特殊化的設計等。這個過程需要設計師和前端開發人員保持密切的溝通。

第三步：測試線框原型將圖片導入到相應的設備進行一些簡單的測試，可幫助我們盡早發現可訪問性、可讀性等方面存在的問題。

第四步：視覺設計注意，移動設備的屏幕像素密度與傳統電腦屏幕不一樣，在設計的時候需要保證內容文字的可讀性、控件可點擊區域的面積等。

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

響應式頁面的設計流程由企業網站制作編輯 http://www.dalld.com/qd/news/9811.html如需轉載請注明出處

網站制作 做網站公司 網頁制作 高端網站建設 網站制作公司 岳陽網站建設 汕頭網站建設 普寧網站建設 南昌網站設計 武漢網站設計 鄂爾多斯網站設計 商丘網站制作 吉林網站制作 北海網站制作 海口網站制作

東莞網站制作 東莞網頁設計 東莞企業網站制作 東莞做網站 東莞網站設計 企業網站建設 東莞企業網站建設 外貿網站制作 東莞網絡公司 網站設計公司 企業網站制作 企業網站設計 外貿網站設計 東莞網站建設 東莞外貿網站制作