隨著時代和技術的發展，網頁設計的過程正在發生巨大的變化。準確而具體的設計交付清單不再是網頁設計的標準，并且整個設計過程中靜態頁面設計的比例逐漸降低。正如Stephen Hay所說，我們不再僅僅是頁面，而是一個包含許多組件的整個系統。

改變的不僅僅是內容和信息。用戶使用的設備和內容演示模式正在迅速變化。這些都與網頁設計有關，并沒有跡象表明這種變化會變慢。我們作為載體和展示載體的設計應該領先于它們。

以前的網頁設計過程似乎無法應對所有這一切，并且不再需要修復它。敏捷開發，團隊協作和自適應調優都處于設計過程的最前沿，設計與開發之間的界限正在變得模糊。

移動端優先

移動端具有優先權。這個口號已被召喚數年。真正有遠見的網頁設計師應該非常清楚這句話不僅僅是一個口號。移動優先級將不可避免地涉及設計過程。我們應該從一個小屏幕開始，首先設計一個簡單的布局，然后增加它的復雜性，基于它，設計一個更大的屏幕。

由于移動設備的使用超過了PC，移動端的網頁瀏覽無疑成為用戶獲取信息的主要渠道。移動優先的設計自然應該成為常態。

除非您的網站情況非常特殊，或者您有非常有說服力和特殊的數據來支持您的想法，否則移動優先設計是合乎邏輯且合理的。

與小屏幕相比，降低整個設計的復雜性，更容易適應移動終端，然后增加其復雜性。回想一下，我們已根據之前的流程設計了網頁。我們總是厭倦了響應客戶的要求，我們必須在后期來回調整設計和代碼。未完成的頁面和無法訪問的移動頁面，充滿了坑。

桌面頁面總是先完成，在此基礎上修改的移動頁面似乎有點粗魯。

那么我們不應該把“移動優先”看作一個簡單的口號！從現在開始，它真正開始為移動端的小屏幕設計！

搭建而非拆卸

設計是一個積累過程，每一個進步都是在前一步的完成和勝利的基礎上逐步建立起來的。

基于小屏幕的設計規劃是合乎邏輯的。我更喜歡建造磚塊和瓷磚，而不是一個接一個地做。

我可以把眾所周知的類比看作“原子設計”，即通過逐漸增加復雜性來構建東西。簡而言之，這個想法的設計考慮到了這一點：

根據這些基本設置確定基本的印刷組合，尺寸和顏色，根據上述設計確定小元素的設計，如表格字段和標簽，完善大型元素的設計，如完整的聯系表格，已經建成的網頁元素內置于頁面中（例如聯系我們的頁面）。重復上述過程

正是這些簡潔的元素構建了您的頁面，而這正是執行相同復雜頁面設計的簡單方法。只要您使用此設計過程，它帶來的可能性是無限的。

通過從一開始就設計設計頁面，可以更容易地開始使用這些“磚塊”設計，從移動端到桌面的整個設計過程更加順暢。想想您和您的客戶在此過程中需要關注的內容，只需添加詳細信息即可。

不要局限于斷點

在我們探索響應式網頁設計的設計過程時，我們花了很多時間來研究斷點和現有硬件設備的設計。這種情況的主要癥結是網站的內容。

如果可能，嘗試在設計結束時與內容和營銷團隊密切合作，并將更多時間花在內容的結構和劃分上，以防止頁面設計影響問題。

即便如此，從設計的開始到設計的結束甚至整個頁面，頁面的內容可能會不斷變化。標題越來越長，圖片被替換，塊被替換，依此類推。

“如果可能，請嘗試使用真實內容進行設計。”

一個真正精心設計的系統應該是自由適應的。所以，如果你真的把營銷和內容團隊提供的Word文檔變成一個可靠的頁面，這種事情不應該讓你頭疼。

雖然需要更多關注一些細節，但經驗告訴我你不想變得復雜，也不要想太多。大多數時候，緊湊而巧妙的風格指南可以讓一切都成真。

測試和實現

原型設計確實很好，但原型設計的問題在于它是一種“閉門”設計，尚未得到真實用戶的驗證。

在真實設備上與用戶共享設計，以獲得眾所周知的設計反饋。即使您只繪制線框，也可以在真實設備上測試用戶并與之通信。

測試響應式設計應該是一個廣泛而多樣的過程。找一部智能手機，把你的設計放進去，問一下不設計的同事和朋友，讓他們看看這個設計是否可行。然后一步一步地更換iPad和桌面設備。

全新的世界

從全新的角度看待復雜問題，我們所面臨的一切似乎都是新的。增加團隊成員的親密度并模糊團隊的界限，使整個設計過程更快。隨著我們的內容，業務和世界變化更快，我們的設計應該不斷適應新的需求和新的情況。