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

改變的不僅僅是內(nèi)容和信息。用戶使用的設(shè)備和內(nèi)容演示模式正在迅速變化。這些都與網(wǎng)頁設(shè)計有關(guān)，并沒有跡象表明這種變化會變慢。我們作為載體和展示載體的設(shè)計應(yīng)該領(lǐng)先于它們。

以前的網(wǎng)頁設(shè)計過程似乎無法應(yīng)對所有這一切，并且不再需要修復它。敏捷開發(fā)，團隊協(xié)作和自適應(yīng)調(diào)優(yōu)都處于設(shè)計過程的最前沿，設(shè)計與開發(fā)之間的界限正在變得模糊。

移動端優(yōu)先

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

由于移動設(shè)備的使用超過了PC，移動端的網(wǎng)頁瀏覽無疑成為用戶獲取信息的主要渠道。移動優(yōu)先的設(shè)計自然應(yīng)該成為常態(tài)。

除非您的網(wǎng)站情況非常特殊，或者您有非常有說服力和特殊的數(shù)據(jù)來支持您的想法，否則移動優(yōu)先設(shè)計是合乎邏輯且合理的。

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

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

那么我們不應(yīng)該把“移動優(yōu)先”看作一個簡單的口號！從現(xiàn)在開始，它真正開始為移動端的小屏幕設(shè)計！

搭建而非拆卸

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

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

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

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

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

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

不要局限于斷點

在我們探索響應(yīng)式網(wǎng)頁設(shè)計的設(shè)計過程時，我們花了很多時間來研究斷點和現(xiàn)有硬件設(shè)備的設(shè)計。這種情況的主要癥結(jié)是網(wǎng)站的內(nèi)容。

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

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

“如果可能，請嘗試使用真實內(nèi)容進行設(shè)計。”

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

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

測試和實現(xiàn)

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

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

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

全新的世界

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