顯而易見，響應(yīng)式網(wǎng)站設(shè)計(RWD)這個術(shù)語在網(wǎng)站領(lǐng)域越來越流行。當你在Twitter、臉書或微博等社交媒體上搜索#響應(yīng)式網(wǎng)站設(shè)計時，你會發(fā)現(xiàn)很多內(nèi)容優(yōu)質(zhì)、泛泛而談的文章，這是新概念逐漸成熟的現(xiàn)象。如今RWD無處不在，甚至在雜志界，它也有點名氣。我一個做雜志出版商的朋友最近參加了一個會議，會上很多新興雜志的著名編輯都提到了未來網(wǎng)站發(fā)展的趨勢，談到了響應(yīng)式網(wǎng)頁設(shè)計。編輯可能不是網(wǎng)站建設(shè)的專業(yè)人士，但他們都知道“響應(yīng)式網(wǎng)站設(shè)計”(RWD)。

響應(yīng)式設(shè)計正在蓬勃發(fā)展，人們創(chuàng)建網(wǎng)站的方式已經(jīng)改變。隨著RWD成為網(wǎng)頁設(shè)計的一部分，網(wǎng)頁設(shè)計師的工作方式必須改變。因此，我們需要為響應(yīng)式網(wǎng)站設(shè)計建立一些準則。

不要停留在“軟應(yīng)對”上。當用戶要求你測試一個響應(yīng)式網(wǎng)站時，你會怎么做？更改窗口大小，觀察布局如何變化。在這種情況下，大多數(shù)設(shè)計師或開發(fā)者可能會使用手機或平板電腦訪問、旋轉(zhuǎn)顯示方向，或者測試頁面加載速度。這是因為他們整天都在調(diào)整瀏覽器，很容易形成這種想法。但用戶是另一種存在。當你作為用戶訪問時，你不會在意網(wǎng)站布局是否流暢。你只是希望能夠盡快找到你想要的信息。

所以在這里，我想告訴大家，響應(yīng)式網(wǎng)站設(shè)計不僅要注重版面的響應(yīng)性，還要注重網(wǎng)站內(nèi)容的選擇，不要僅僅停留在“軟響應(yīng)”上。“軟響應(yīng)”是指網(wǎng)站的線性縮放，以及在不同屏幕上的大小變化。軟應(yīng)對遠遠不夠。在設(shè)計網(wǎng)站時，我們需要有一個核心，圍繞這個核心，我們可以根據(jù)不同屏幕上的功能加載更多內(nèi)容。以栗子為例。如果網(wǎng)站需要為IE7做一個手機元素(如App宣傳頁)，那么手機元素就是你需要重點關(guān)注的核心。最好是圍繞手機元素設(shè)計屏幕或者其他元素，根據(jù)不同的屏幕進行合理布局。

不要投機取巧。響應(yīng)式設(shè)計非常復(fù)雜。我們都希望有一些技巧或者方法可以讓它變得簡單一些，但是這個真的不存在，或者說還沒有出現(xiàn)。大多數(shù)負責(zé)開發(fā)響應(yīng)性的設(shè)計師仍然需要認真負責(zé)，在交付新內(nèi)容或其他活動時添加工作流。

響應(yīng)式網(wǎng)頁設(shè)計意味著設(shè)計風(fēng)格的改變。與在Photoshop中繪制整個頁面相比，使用SamanthaWarren的StyleTiles工具可以更清晰地表達視覺設(shè)計。通過設(shè)計一個視覺品牌和各種布局的網(wǎng)頁界面元素，你也可以根據(jù)布局直接改變設(shè)計來創(chuàng)建一個響應(yīng)式的網(wǎng)頁原型。

CSS預(yù)處理器對任何響應(yīng)式設(shè)計工作都有很大的幫助。簡單來說，預(yù)處理者可以降低網(wǎng)站建設(shè)的復(fù)雜度，減少CSS解釋過程中很多風(fēng)格的重復(fù)繼承。對于這個工具，我個人更喜歡SCSS。當然少也是不錯的選擇，它有更完善的文檔。

牢記響應(yīng)式設(shè)計的原則。網(wǎng)站應(yīng)該能夠訪問并為任何可以訪問互聯(lián)網(wǎng)的設(shè)備提供友好的體驗，無論是固定設(shè)備還是移動設(shè)備，無論屏幕是大是小。——蒂姆·伯納斯·李

HTML和CSS本身就是響應(yīng)式的。自HTML誕生以來，網(wǎng)站一直試圖變得更加靈活，以適應(yīng)所有可以訪問互聯(lián)網(wǎng)的硬件設(shè)備。并不是以前設(shè)計師和開發(fā)者傾向于固定的布局，現(xiàn)在變了。這是因為在網(wǎng)站上強加固定的大小會限制它在不同設(shè)備上提供的用戶體驗。

這就是響應(yīng)式網(wǎng)站設(shè)計所具備的，把用戶放在第一位。創(chuàng)建一個為用戶服務(wù)的網(wǎng)站，確保用戶在任何情況下都能方便地訪問內(nèi)容。做一個能適應(yīng)小屏幕的網(wǎng)站只是一個開始。

不要盲目設(shè)計網(wǎng)站，設(shè)計思路需要清晰。在日常生活中，我們都追求各種美，穿得漂亮，吃得環(huán)境美。可以說，美是每個人都想要的。同樣，對于廣州網(wǎng)站建設(shè)公司來說，網(wǎng)頁設(shè)計也需要美，美是設(shè)計藝術(shù)的靈魂，美與否體現(xiàn)了設(shè)計師藝術(shù)素養(yǎng)的高低。美國現(xiàn)代舞蹈家鄧肯說，“舞蹈家的藝術(shù)在于從大自然中尋找最美的形式”。

網(wǎng)頁的藝術(shù)設(shè)計也應(yīng)該如此。所謂法就是法。如果你不知道藝術(shù)的形式法則和美的規(guī)律，在網(wǎng)站設(shè)計的過程中就會想當然。即使你設(shè)計了一個理想的頁面，你也只是不自覺地使用了形式上的規(guī)則，不能有意義。有時候覺得自己很不足，找不到原因。這種盲目的設(shè)計總是走彎路，設(shè)計水平很難提高，所以設(shè)計思路需要清晰。怎么才能做到呢？

首先，為網(wǎng)站確定一個鮮明的主題，也就是網(wǎng)站的風(fēng)格。網(wǎng)站的主題其實是網(wǎng)站想要展現(xiàn)的一種價值理念，比如企業(yè)站的敬業(yè)與專業(yè)，娛樂站的俏皮與活潑，醫(yī)療站的溫馨與優(yōu)雅。

第二，給網(wǎng)站增加一些互動元素。網(wǎng)站的用戶體驗體現(xiàn)在網(wǎng)站的知名度上。除了網(wǎng)站本身的細節(jié)，人氣還在于網(wǎng)站本身要有意識的增加一些功能來提升人氣。如果用戶主動參與，不僅可以縮短網(wǎng)友之間的距離，更重要的是留住用戶。

第三，網(wǎng)站訪問速度最好符合用戶的心理要求。當用戶進入網(wǎng)站時，他們希望快速找到自己想要的東西。給用戶一個愉悅的心情，不要讓他們等得不耐煩。

第四，不要讓廣告頻繁出現(xiàn)在用戶面前。雖然廣告是大多數(shù)網(wǎng)站的收入來源，但它對一些中小型企業(yè)產(chǎn)生了負面影響。所以我們在構(gòu)思設(shè)計思路的時候要注意這一點。

第五，別忘了不同行業(yè)主題的定性分析。我們必須有一個明確的主題概念，才能針對不同類型的網(wǎng)站確定主題風(fēng)格，選擇網(wǎng)站功能和布局細節(jié)。

所以在網(wǎng)站建設(shè)中，當我們接到一個設(shè)計任務(wù)，面對各種亂七八糟的素材時，一定要用理性的邏輯思維，大膽組合各種素材，創(chuàng)造出清晰的形式感。單純的可以使頁面獲得完整有序的視覺效果，反之則會造成視覺傳達的障礙。