響應式頁面的設計流程

第一步：確定需要兼容的設備類型、屏幕尺寸

完成粉絲組實驗，學習粉絲組施用的裝置分布點條件，決定必須兼容的裝置業務類型、液晶屏厚度。 生產產品類型、：涉及活動生產產品（手機號、平面）和pc。針對于活動生產產品，制定和達到的時間注重增添姿勢的功能性。 頻幕圖片大小規格：是指各種各樣的各樣電話頻幕的圖片大小規格（是指側向和豎向）、各種各樣的各樣手機平板的圖片大小規格（是指側向和豎向）、普普通通手提電腦頻幕和寬屏。 聯合企邦崩潰式來設計面積：1920-1280、1024、960、800、768、640、600、540、480、320 要有考慮一下的問題： 一種界面完成卡死式設置時其適于人群的長寬條件是怎樣？造問說，1688搜素最后界面，高跨度能夠從微信里到寬屏，而1688首先，是由于的結構過多簡化，想就對其開展遷入已得到機里上，不太真實，無就對其開展設置一種微信里版的首先。 切合觀眾的所需和達到資金，對適于人群的長寬完成權衡。造問說些許能力操作的使用的界面，觀眾常見無在聯通端完成操作的使用的的所需，無有必要的完成卡死式設置。

第二步：制作線框原型

專門面對敲定起來的兩個寸尺都生產制作不相同的線框飾演，都要了解知道不相同寸尺下，選項卡的戰略布局該怎樣變幻，游戲信息內容寸尺該怎樣縮小，基本功能、游戲信息內容的刪減，甚至會專門面對特有的區域作特有化的開發建設等。這點環節都要開發建設師和自動化測試開發建設工作人員實現增進的交流。

第三步：測試線框原型

將圖像導進到合理的機 進行部分簡潔明了的測試儀，可有所幫助你們早日察覺可采訪性、易用性等部分會有的問題。

第四步：視覺設計

特別注意，移動式機器設備的pc屏清晰度密度計算公式與常用pcpc屏不是一樣的，在規劃的時分還要確保玩法文檔的精確性、控件可點擊率區域劃分的大小等。

第五步：前端實現

與傳統藝術的web開發建設建設相較，回復式開發建設的對話框因對話框規劃、介紹寸尺會出現了變換，這些以后的生產率更有可能性與開發建設稿入出最大，都要前端工程師建設開發建設建設員和開發建設師多互動交流。