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

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

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

移動(dòng)端優(yōu)先

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

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

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

與小屏幕相比，降低整個(gè)設(shè)計(jì)的復(fù)雜性，更容易適應(yīng)移動(dòng)終端，然后增加其復(fù)雜性?；叵胍幌拢覀円迅鶕?jù)之前的流程設(shè)計(jì)了網(wǎng)頁。我們總是厭倦了響應(yīng)客戶的要求，我們必須在后期來回調(diào)整設(shè)計(jì)和代碼。未完成的頁面和無法訪問的移動(dòng)頁面，充滿了坑。

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

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

搭建而非拆卸

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

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

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

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

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

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

不要局限于斷點(diǎn)

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

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

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

“如果可能，請(qǐng)嘗試使用真實(shí)內(nèi)容進(jìn)行設(shè)計(jì)?！?/p>

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

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

測(cè)試和實(shí)現(xiàn)

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

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

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

全新的世界

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