隨著時(shí)代和技術(shù)的發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程正在悄然發(fā)生著巨大的變化。精確而具體的設(shè)計(jì)交付清單不再是網(wǎng)頁(yè)設(shè)計(jì)的唯一衡量標(biāo)準(zhǔn)，靜態(tài)頁(yè)面設(shè)計(jì)在整個(gè)設(shè)計(jì)過(guò)程中所占的比例也在逐漸下降。正如stephenhay所說(shuō)，我們?cè)O(shè)計(jì)的不再是一個(gè)簡(jiǎn)單的頁(yè)面，而是一個(gè)包含許多組件和；nbsp；

不僅內(nèi)容和信息在快速變化，用戶使用的設(shè)備和內(nèi)容模式也在快速變化。這些都與網(wǎng)頁(yè)設(shè)計(jì)密切相關(guān)，沒(méi)有跡象表明這種變化會(huì)放緩。我們的設(shè)計(jì)作為載體和外觀的載體，應(yīng)該走在他們的前面&；nbsp；

以前的網(wǎng)頁(yè)設(shè)計(jì)過(guò)程在今天已不能再敷衍，迫切需要修復(fù)。敏捷開(kāi)發(fā)、團(tuán)隊(duì)合作和適應(yīng)性調(diào)整都處于設(shè)計(jì)過(guò)程的最前沿。設(shè)計(jì)和開(kāi)發(fā)之間的界限越來(lái)越模糊；nbsp；

移動(dòng)優(yōu)先級(jí)（&M）；nbsp；

“移動(dòng)第一”的口號(hào)已經(jīng)喊了好幾年了。一個(gè)真正有遠(yuǎn)見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該非常清楚，這句話遠(yuǎn)不止是口號(hào)。移動(dòng)終端優(yōu)先級(jí)必須涉及設(shè)計(jì)過(guò)程。我們應(yīng)該從一個(gè)小屏幕開(kāi)始，設(shè)計(jì)一個(gè)簡(jiǎn)單的布局，然后增加它的復(fù)雜性。基于此，我們可以設(shè)計(jì)更大的屏幕；nbsp；

隨著移動(dòng)設(shè)備數(shù)量超過(guò)PC，移動(dòng)終端的網(wǎng)頁(yè)閱讀無(wú)疑成為用戶獲取信息的重要渠道，移動(dòng)終端的優(yōu)先級(jí)設(shè)計(jì)自然應(yīng)該成為常態(tài)；nbsp；

除非你的網(wǎng)站非常特殊，或者你有非常令人信服和特殊的數(shù)據(jù)來(lái)支持你的想法，否則優(yōu)先考慮移動(dòng)終端的設(shè)計(jì)是合乎邏輯的；nbsp；

與降低所有小屏幕設(shè)計(jì)的復(fù)雜性相比，更容易首先適應(yīng)移動(dòng)終端，然后提高其復(fù)雜性。回想一下，我們是根據(jù)前面的流程設(shè)計(jì)網(wǎng)頁(yè)的。我們總是厭倦了響應(yīng)客戶的請(qǐng)求，不得不在后期來(lái)回調(diào)整設(shè)計(jì)和代碼。不易使用的未完成頁(yè)面和移動(dòng)終端頁(yè)面，以及無(wú)法填充的凹坑&；nbsp；

桌面頁(yè)面總是先完成，而這里基本上修改過(guò)的移動(dòng)頁(yè)面似乎總是有點(diǎn)粗糙&；nbsp；

那么，我們不要把&；rdquo；移動(dòng)優(yōu)先級(jí)（&M）；rdquo；作為一個(gè)簡(jiǎn)單的口號(hào)！從現(xiàn)在起，我們將真正為移動(dòng)終端的小屏幕設(shè)計(jì)&；nbsp；

施工而非拆卸

設(shè)計(jì)是一個(gè)積累的過(guò)程，每一項(xiàng)改進(jìn)都是在前一步的完成和成功的基礎(chǔ)上逐步建立起來(lái)的；nbsp；

基于小屏幕的設(shè)計(jì)方案是合理的。我寧愿一塊磚一塊磚地建造它，也不愿一點(diǎn)一點(diǎn)地拆除它&；nbsp；

我能想到的最好的類比是&；ldquo；原子設(shè)計(jì)（&A）；rdquo這種設(shè)計(jì)方法是通過(guò)逐漸增加復(fù)雜性來(lái)構(gòu)建事物。簡(jiǎn)而言之，這就是您使用此想法進(jìn)行設(shè)計(jì)的方式（&；nbsp；

確保基本排版組合、大小和顏色應(yīng)用基于這些基本設(shè)置。確保表單字段和標(biāo)簽等小元素的設(shè)計(jì)基于上述設(shè)計(jì)。完善大型元素的設(shè)計(jì)，如完整的接觸形式。將這些內(nèi)置web元素構(gòu)建到頁(yè)面中。重復(fù)上述過(guò)程（&P）；nbsp；

正是這些謙遜的元素構(gòu)建了您的頁(yè)面。它就是這樣一個(gè)簡(jiǎn)單的方法，也可以完成以前看起來(lái)非常復(fù)雜的頁(yè)面設(shè)計(jì)。只要您充分利用這一設(shè)計(jì)過(guò)程，它帶來(lái)的可能性將是無(wú)窮的；nbsp；

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

在討論響應(yīng)式web設(shè)計(jì)的設(shè)計(jì)過(guò)程時(shí)，我們花費(fèi)了大量時(shí)間在斷點(diǎn)的媒體查詢和現(xiàn)有硬件設(shè)備的設(shè)計(jì)之間取得平衡。這種情況的關(guān)鍵是網(wǎng)站的內(nèi)容；nbsp；

如果可能的話，在設(shè)計(jì)后期，盡量與內(nèi)容和營(yíng)銷團(tuán)隊(duì)密切合作，并更加關(guān)注內(nèi)容的結(jié)構(gòu)和劃分，以防止最終影響網(wǎng)頁(yè)設(shè)計(jì)和發(fā)生意外；nbsp；

即便如此，從設(shè)計(jì)的開(kāi)始到設(shè)計(jì)的后期甚至所有頁(yè)面的發(fā)布，網(wǎng)頁(yè)的內(nèi)容可能一直在變化。標(biāo)題越來(lái)越長(zhǎng)，圖片變了，塊變了，等等&；nbsp；

　　&；ldquo；如果可能，嘗試使用真實(shí)內(nèi)容進(jìn)行設(shè)計(jì)；rdquo；&；nbsp；

一個(gè)真正設(shè)計(jì)良好的系統(tǒng)應(yīng)該能夠自由伸縮。因此，如果你真的把營(yíng)銷和內(nèi)容團(tuán)隊(duì)提供的word文檔變成了一個(gè)可靠的頁(yè)面，這樣的事情不應(yīng)該讓你頭痛&；nbsp；

雖然有必要更加注意一些細(xì)節(jié)的處理，但我的經(jīng)驗(yàn)告訴我，事實(shí)上，不要想太多。大多數(shù)情況下，一個(gè)緊湊而智能的styleguide可以讓一切順利&；nbsp；

測(cè)試和實(shí)施

原型設(shè)計(jì)確實(shí)很好，但原型設(shè)計(jì)的問(wèn)題是它仍然是一個(gè)&；ldquo；在緊閉的門(mén)后；rdquo；該設(shè)計(jì)尚未得到實(shí)際用戶的驗(yàn)證；nbsp；

在真實(shí)設(shè)備上與用戶共享設(shè)計(jì)，以獲得最佳設(shè)計(jì)反饋。即使你只是畫(huà)一個(gè)線框，你也可以在真實(shí)的設(shè)備上測(cè)試和與用戶交流；nbsp；

測(cè)試響應(yīng)式網(wǎng)站建設(shè)的設(shè)計(jì)應(yīng)該是一個(gè)廣泛而多樣的過(guò)程。找一部智能手機(jī)，把你的設(shè)計(jì)放在里面，問(wèn)問(wèn)那些不做設(shè)計(jì)的同事和朋友，看看這樣的設(shè)計(jì)是否可行。接下來(lái)，逐步切換到iPad和桌面設(shè)備；nbsp；

新世界和；nbsp；

從處理復(fù)雜問(wèn)題的新角度來(lái)看，我們必須面對(duì)的一切似乎都是新的。通過(guò)模糊團(tuán)隊(duì)邊界，提高團(tuán)隊(duì)成員的合作緊密度，加快整個(gè)設(shè)計(jì)過(guò)程。我們的設(shè)計(jì)應(yīng)該不斷適應(yīng)新的要求和狀態(tài)，因?yàn)槲覀兊膬?nèi)容、業(yè)務(wù)和世界變化更快；nbsp；

&；nbsp；