為了嘗試避免這場戰斗，我們準備了一系列響應式設計模式，您可以在決定如何布局頁面設計時作為跳躍開始。

網站建設響應式設計模式的最佳方法

有很多方法來處理網頁的設計，我建議您使用您最喜歡的方法，并且允許您制作最佳設計來解決網站的業務目標。

然而，不管你的做法如何，當通過并設計每個頁面模板時，有幾個關鍵的東西要保持在你的頭腦中。

我是否涵蓋了每個視口的可能性？

我的設計規模是否適當，仍然會實現業務目標

您的每個設計模式都將像在平板電腦上一樣在移動設備上運行，如在小型筆記本電腦或大型顯示器上。如果您正在構建桌面版模板，首先請記住，并排放置的任何內容可能需要疊加在一起，因此，我總是鼓勵設計師至少從移動設備的線框透視。

移動第一視角迫使客戶端圍繞內容層次結構做出艱難的決策，然后幫助您定義在通過其他視口設計時最重要的元素。

我需要設計頁面模板嗎？

很好的問題！

近年來，一直推動使用風格指南和建筑設計組件而不是頁面模板。模板仍然在最后，但它們是由不同組件的組合組成，并被拉在一起以創建“完美的頁面”。