之前的手機(jī)網(wǎng)頁設(shè)計流程在今天看來已經(jīng)無法應(yīng)付這一切了，修整刻不容緩。敏捷開發(fā)、團(tuán)隊協(xié)作和適應(yīng)性調(diào)整都已經(jīng)是設(shè)計過程的最前沿，設(shè)計和開發(fā)之間的界限越來越模糊了。

　　1、移動端優(yōu)先

　　隨著移動端設(shè)備的用量超越PC，移動端的網(wǎng)頁瀏覽無疑已經(jīng)成為用戶獲取信息的主要渠道，移動端優(yōu)先的設(shè)計自然應(yīng)該成為常態(tài)。除非你的網(wǎng)站情況非常特殊，或者你擁有極具說服力和特殊的數(shù)據(jù)支撐你的想法，移動端優(yōu)先的設(shè)計符合邏輯也有道理。

　　相比于為小屏幕去降低整個設(shè)計的復(fù)雜性，為移動端先做好適配再提升其復(fù)雜度，是更容易的?；叵胍幌掳凑罩暗牧鞒虂碓O(shè)計網(wǎng)頁吧，我們總是疲于應(yīng)對客戶的要求，在后期還要來回調(diào)整設(shè)計和代碼。未完成的頁面和不夠易用的移動端頁面，填不完的坑。

　　桌面端的頁面總是先做完，而在此基礎(chǔ)上修改出來的移動端頁面，似乎總有點粗制濫造的感覺。那么我們就不要將“移動端優(yōu)先”當(dāng)作一句簡單的口號好了!從現(xiàn)在開始真正意義上為移動端的小屏幕開始做設(shè)計!

　　2、搭建而非拆卸

　　設(shè)計是一個積累的過程，每一個進(jìn)步都是在前一步的完成和勝利的基礎(chǔ)上，逐步建立起來的。基于小屏幕的設(shè)計規(guī)劃是符合邏輯的。我更傾向于一磚一瓦地搭建，而非做好了再一點一滴地拆卸下來。我能想到最好的類比是“原子設(shè)計”，這種設(shè)計方法是通過逐步提升復(fù)雜度來構(gòu)建事物。

　　確定基本的排版組合、尺寸大小和色彩使用。基于這些基本的設(shè)定，確定諸如表單字段和標(biāo)簽等小元素的設(shè)計?；谝陨系脑O(shè)計，完善諸如完整的聯(lián)系人表單的大的元素的設(shè)計。將這些已經(jīng)構(gòu)建好的網(wǎng)頁元素搭建成為頁面(諸如聯(lián)系我們頁面)。重復(fù)以上過程。

　　就是這些不起眼的元素構(gòu)建起了你的頁面，也正是這樣簡單的方式，同樣可以完成之前看起來復(fù)雜無比的頁面設(shè)計。只要你用好這個設(shè)計流程，它所帶來的可能性是無限的。

　　比起一開始就操刀設(shè)計頁面，完成 這些“磚瓦”的設(shè)計更容易上手也更便捷，整個設(shè)計流程從移動端過度到桌面端也更加完美流暢。想想在這個過程中，你和你的客戶所需要專注的事情吧，無非是持續(xù)不斷地添加細(xì)節(jié)就好了。

　　3、不要局限于斷點

　　在探討響應(yīng)式網(wǎng)頁設(shè)計的設(shè)計過程之時，我們花費了大量的時間在斷點的媒體查詢和為現(xiàn)有硬件設(shè)備做設(shè)計的平衡之上。造成這個局面的主要癥結(jié)，就是網(wǎng)站的內(nèi)容。

　　如果可能的話，盡量在設(shè)計后期的時候，同內(nèi)容和營銷團(tuán)隊密切合作，在內(nèi)容的結(jié)構(gòu)和劃分上多花心思，防止最終在這個問題上影響網(wǎng)頁的設(shè)計，出現(xiàn)意外。

　　即便是如此，從設(shè)計之初到設(shè)計后期乃至整個頁面上線，網(wǎng)頁內(nèi)容都可能是一直處于變動當(dāng)中。標(biāo)題越來越長，圖片更換，區(qū)塊被替換等等。

　　如果可能的話，盡量使用真實的內(nèi)容來進(jìn)行設(shè)計。一個真正精心設(shè)計的系統(tǒng)應(yīng)該是可以收放自如的。所以，如果真的將營銷和內(nèi)容團(tuán)隊提供的Word文檔轉(zhuǎn)化成為一個可靠的頁面，這樣的事情不應(yīng)該令你頭疼。

　　雖然有些細(xì)節(jié)的處理上確實需要多加注意，但是我的經(jīng)驗告訴我，其實并不要想復(fù)雜了，也不要想多了。絕大多數(shù)時候，一個緊湊而聰明的設(shè)計風(fēng)格指南(Style Guide)能讓所有的事情水到渠成。

　　4、測試和實現(xiàn)

　　進(jìn)行原型設(shè)計確實很不錯，但是原型設(shè)計的問題也在于，它還是一種“閉門造車”的設(shè)計，并沒有在真正的用戶那里得到驗證。

　　在真實的設(shè)備上同用戶分享設(shè)計，借此可以獲得最好的設(shè)計反饋。即使你僅僅只是畫了線框圖，也能在真實的設(shè)備上同用戶進(jìn)行測試溝通。

　　測試響應(yīng)式的設(shè)計，應(yīng)該是一個寬泛而多樣的過程。找臺智能手機(jī)，把你的設(shè)計稿放進(jìn)去，問問不做設(shè)計的同事和朋友，讓他們看看這樣的設(shè)計是否可行。接下來再換上iPad和桌面端設(shè)備，一步一步來。

　　5、全新的世界

　　從一個全新的角度來看待復(fù)雜的問題，我們所要面臨的一切似乎都是新的。提升團(tuán)隊成員的合作緊密度，模糊團(tuán)隊界限可以讓整個設(shè)計過程都快起來。我們的設(shè)計應(yīng)該不斷適應(yīng)新的需求和新的狀況，因為我們的內(nèi)容、業(yè)務(wù)和這個世界的變化更快。

　　若是大家認(rèn)同杭州蒙特網(wǎng)頁設(shè)計公司設(shè)計小蒙的觀點，相信你的移動端網(wǎng)頁設(shè)計會煥然一新，效果瞬間能打動自己。這樣的好作品似乎已經(jīng)很久沒有出現(xiàn)了吧，那還等什么呢，快試試看吧!