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

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

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

移動優(yōu)先級（&M）；nbsp；

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

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

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

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

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

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

施工而非拆卸

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

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

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

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

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

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

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

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

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

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

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

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

測試和實(shí)施

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

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

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

新世界和；nbsp；

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

&；nbsp；