隨著時代和技術的發展，網頁設計的過程正在悄然發生著巨大的變化。精確而具體的設計交付清單不再是網頁設計的唯一衡量標準，靜態頁面設計在整個設計過程中所占的比例也在逐漸下降。正如stephenhay所說，我們設計的不再是一個簡單的頁面，而是一個包含許多組件和；nbsp；

不僅內容和信息在快速變化，用戶使用的設備和內容模式也在快速變化。這些都與網頁設計密切相關，沒有跡象表明這種變化會放緩。我們的設計作為載體和外觀的載體，應該走在他們的前面&；nbsp；

以前的網頁設計過程在今天已不能再敷衍，迫切需要修復。敏捷開發、團隊合作和適應性調整都處于設計過程的最前沿。設計和開發之間的界限越來越模糊；nbsp；

移動優先級（&M）；nbsp；

“移動第一”的口號已經喊了好幾年了。一個真正有遠見的網頁設計師應該非常清楚，這句話遠不止是口號。移動終端優先級必須涉及設計過程。我們應該從一個小屏幕開始，設計一個簡單的布局，然后增加它的復雜性。基于此，我們可以設計更大的屏幕；nbsp；

隨著移動設備數量超過PC，移動終端的網頁閱讀無疑成為用戶獲取信息的重要渠道，移動終端的優先級設計自然應該成為常態；nbsp；

除非你的網站非常特殊，或者你有非常令人信服和特殊的數據來支持你的想法，否則優先考慮移動終端的設計是合乎邏輯的；nbsp；

與降低所有小屏幕設計的復雜性相比，更容易首先適應移動終端，然后提高其復雜性。回想一下，我們是根據前面的流程設計網頁的。我們總是厭倦了響應客戶的請求，不得不在后期來回調整設計和代碼。不易使用的未完成頁面和移動終端頁面，以及無法填充的凹坑&；nbsp；

桌面頁面總是先完成，而這里基本上修改過的移動頁面似乎總是有點粗糙&；nbsp；

那么，我們不要把&；rdquo；移動優先級（&M）；rdquo；作為一個簡單的口號！從現在起，我們將真正為移動終端的小屏幕設計&；nbsp；

施工而非拆卸

設計是一個積累的過程，每一項改進都是在前一步的完成和成功的基礎上逐步建立起來的；nbsp；

基于小屏幕的設計方案是合理的。我寧愿一塊磚一塊磚地建造它，也不愿一點一點地拆除它&；nbsp；

我能想到的最好的類比是&；ldquo；原子設計（&A）；rdquo這種設計方法是通過逐漸增加復雜性來構建事物。簡而言之，這就是您使用此想法進行設計的方式（&；nbsp；

確保基本排版組合、大小和顏色應用基于這些基本設置。確保表單字段和標簽等小元素的設計基于上述設計。完善大型元素的設計，如完整的接觸形式。將這些內置web元素構建到頁面中。重復上述過程（&P）；nbsp；

正是這些謙遜的元素構建了您的頁面。它就是這樣一個簡單的方法，也可以完成以前看起來非常復雜的頁面設計。只要您充分利用這一設計過程，它帶來的可能性將是無窮的；nbsp；

完成這些（&A）；ldquo；磚塊（&A）；rdquo；設計更容易啟動，更方便，從移動終端到桌面終端的整個設計過程更完善、更流暢。考慮一下您和您的客戶在此過程中需要關注的事情，只需不斷添加細節

在討論響應式web設計的設計過程時，我們花費了大量時間在斷點的媒體查詢和現有硬件設備的設計之間取得平衡。這種情況的關鍵是網站的內容；nbsp；

如果可能的話，在設計后期，盡量與內容和營銷團隊密切合作，并更加關注內容的結構和劃分，以防止最終影響網頁設計和發生意外；nbsp；

即便如此，從設計的開始到設計的后期甚至所有頁面的發布，網頁的內容可能一直在變化。標題越來越長，圖片變了，塊變了，等等&；nbsp；

　　&；ldquo；如果可能，嘗試使用真實內容進行設計；rdquo；&；nbsp；

一個真正設計良好的系統應該能夠自由伸縮。因此，如果你真的把營銷和內容團隊提供的word文檔變成了一個可靠的頁面，這樣的事情不應該讓你頭痛&；nbsp；

雖然有必要更加注意一些細節的處理，但我的經驗告訴我，事實上，不要想太多。大多數情況下，一個緊湊而智能的styleguide可以讓一切順利&；nbsp；

測試和實施

原型設計確實很好，但原型設計的問題是它仍然是一個&；ldquo；在緊閉的門后；rdquo；該設計尚未得到實際用戶的驗證；nbsp；

在真實設備上與用戶共享設計，以獲得最佳設計反饋。即使你只是畫一個線框，你也可以在真實的設備上測試和與用戶交流；nbsp；

測試響應式網站建設的設計應該是一個廣泛而多樣的過程。找一部智能手機，把你的設計放在里面，問問那些不做設計的同事和朋友，看看這樣的設計是否可行。接下來，逐步切換到iPad和桌面設備；nbsp；

新世界和；nbsp；

從處理復雜問題的新角度來看，我們必須面對的一切似乎都是新的。通過模糊團隊邊界，提高團隊成員的合作緊密度，加快整個設計過程。我們的設計應該不斷適應新的要求和狀態，因為我們的內容、業務和世界變化更快；nbsp；

&；nbsp；