時代一直在變，一個又一個的創新讓我們感到驚訝萬分。網頁設計的趨勢如同流星，光芒耀眼，但來得快、去得也快。雖然跟風很不好，顯得毫無設計主見，但很多設計潮流確實值得追隨。就像當下響應式設計、扁平化設計、以及滾動視差等。

可是呢，還有很多極為”糟粕”的設計趨勢，本文一一列舉，請君對號入座。

相關推薦：
《年終特典！當下最熱門的網頁設計趨勢總結》
《網頁：滾動視差設計指南》

1. 除了電話線時代的老頑固，現在已經沒人喜歡頁面跳轉了

“下一頁”、”下一張”，明明一頁就能展現的內容，非要跳轉20多次才能看全，你把用戶當傻子？操作繁瑣、浪費時間、效率低下，沒人喜歡頁面跳轉過于頻繁的網頁。

2. 十面埋伏的廣告

確實有很多網站的維持依賴廣告收入，但是廣告的位置一定要合理，不要妨礙用戶瀏覽信息，用戶體驗永遠位于廣告之上。沒有用戶訪問量，也就沒人找你打廣告。

不知不覺的，很多網頁設計中采用了圖標式導航（Navigation）——一般使用三道杠作為圖標，用以導航。
這種導航的好處是節省空間，讓界面更簡潔。

圖標式導航的案例

這是YouTube 的圖標式導航(移動版):

這是Squarespace的圖標式導航：

AWARD的圖標式導航不拘一格：

這不是天方夜譚！你不需要知道HTML、CSS、PHP和其余晦澀難懂的語言。這些工具就像一個圖像編輯器，只需繪制矩形、填充顏色。我知道這很難相信，但他們就是存在！而且全球備受贊譽！

1、IM Creator

聽我說，我們的IM Creator易用性和多功能性超越了很多客戶的預期。只需要你把控住超級菜單，根據您的需要做相應的拖放和功能選擇。它們包括視頻、圖片、畫廊和幻燈片、按鈕、超鏈接、甚至一個HTML小部件。

最酷的地方在與你不需要創建繁瑣的帳戶，你可以輕松上路。嘮叨了半天，我差點沒有提到最好的部分：以上所有服務都是完全免費的！

2、WebStartToday.com

如果你是一個細節癖，喜歡摳各種設計細節，那么你完全應該來看看WebStartToday！這里提供了超過1000個不同的網頁模板來匹配你的需求！甚至那些很少見的模版：旅行、夜生活、豪華轎車服務、鎖匠、美食、琳瑯滿目數之不盡！

當然這并不意味著我們的模版就是千篇一律，隨處可見的！在這里的模版，可以保證是獨此一家的，如果你在其他地方發現了，那一定是他們借了我們的寶貝，偷偷的！

每個網站有屬于自己的個性——它能反射出背后的個人或者團隊。如何做到讓自己的網站顯得與眾不同、卓爾不群，讓用戶流連忘返或者立馬下單？

為了讓你的網站脫穎而出，不僅需要有豐富的高質量內容，同時也要兼顧網站的創新性和功能性。從用戶的角度出發好好想一下，怎樣讓你的網站用戶體驗更友好？簡單的搜索功能是需要的，或者你也可以精心設計一下網站的導航。同時，要注意保持整個網站設計語言的一致性。在這個html5狂潮涌進的時代，誕生了很多優秀的網頁設計作品，他們都有卓越的導航設計，接下來整理的這些網站將喚起你關于導航的極限創意，快來親自體驗下吧！

Toybox

在需要的時候導航欄應該一直在那里，而當用戶想要專注于某個特定的任務時，導航欄則應該優雅的隱藏起來。比如說，在設計一個網上商店的出納頁面時，網站的導航應該可以隨時都易于使用，但同時也要注意突出像出納表單和按鈕控件之類的鮮明功能。Toybox的導航設計就恰好滿足了這些。

如下圖示，這個側邊導航給人的感覺就像是你在窺視頁面背后或者是掀開了一個玩具盒的蓋子看看里面到底有些什么。這個側邊導航非常方便使用，鼠標懸停在瀏覽器左側即可出現，主體部分即時出現的旋轉效果也很帶感，可以很好的引導用戶的注意力。將導航隱藏起來同時也實現了界面的簡潔，使網站的瀏覽體驗非常的愉悅，因為網站并沒有留下太多無用的信息去分散用戶的注意力。

至于其他你想知道的信息，比如說Toybox公司的主營業務和地址，可以在頂部的一個直接呈現的導航欄里找到。首頁的磁貼鼠標hover效果也非常的有趣，當鼠標懸停于某個項目的縮略圖時，其余的項目縮略圖都后退變暗并且產生景深的效果。

Olivier Bossel

交互設計師Olivier Bossel的個人作品博客非常有趣。該網站的導航元素在鼠標hover狀態下會產生像素爆炸式的效果（譯者注：火狐瀏覽器測試通過，chrome測試無效果）。這個效果相對于網站其余的簡潔設計來說非常有動感，由此產生強烈的對比效果。作為一個視覺元素它非常有效的促進了用戶繼續閱讀該網站，統一的視覺語言也彰顯了品牌的特點。

通過我們長期對設計類網站的發掘，總結出了一個現象，那就是很多關于響應式設計的文章只給出了桌面版的網頁設計，卻沒有提供移動版網頁設計的對比，這在我們看來，多少顯得有點不夠專業。

于是，我們在這里收集整理了25例優秀的響應式網頁設計，均有桌面版和移動版的對比。在方便您閱讀這篇文章的同時，您不妨也思考一下靈活性這個主題。
對了，如果您還不夠了解響應式設計，請至我們這篇文章《經驗分享：響應式排版中的基礎知識》回顧學習。

Whisperism

World Wildlife

Naspa

有同學喜歡玩黑白配，但是卻一直不得要領，總設計不出讓人眼前一亮的佳作出來？今天就讓我們來這些優秀案例里找原因。

深色的背景看起來具有神秘感，能提供前景元素、背景元素的高度對比。有了黑色的鋪墊渲染，任何一個色彩都可以輕易在它之上煥發光彩。
那么怎么才能更好的在網頁設計中運用深色背景呢？想要成為一名”高級黑”設計師嗎？先來欣賞本文的絕贊范例吧。

The Blue Cube

外觀整潔干練，對照鮮明。黑色背景凸顯了白色文本。

最近看到一些剛接觸網絡營銷的朋友，對于網絡營銷一些常用的方法以及概念性的東西都不是很了解，在交談中說到軟文營銷、IM推廣等這些的方法時他們就不知道是什么意思。在此小篇整理一部分常用的網絡營銷方法和術語，希望對新人有幫助，高手看到就請繞行。

什么是網絡營銷？以國際互聯網絡為基礎，利用數字化的信息和網絡媒體的交互性來輔助營銷目標實現的一種新型的市場營銷方式。簡單的說，網絡營銷就是以互聯網為主要手段進行的，為達到一定營銷目的的營銷活動。（摘自百度百科）

搜索引擎優化/SEO：利用搜索引擎的搜索規則來提高網站關鍵詞排名的方式。

搜索引擎營銷/SEM：利用搜索引擎進行營銷推廣的，比如SEO、競價推廣等都屬于SEM。

百度網盟推廣：在百度的聯盟網站上以圖片或文字的形式展現廣告。

軟文營銷：以文章為主，專門通過文字去宣傳推廣產品，或以新聞稿來提升品牌知名度。

數據庫營銷：通過收集和積累會員信息，經過分析篩選后有針對性的使用電子郵件、短信、電話等方式進行客戶嘗試挖掘與關系維護的營銷方式。

郵件營銷：在用戶事先許可的前提下，通過電子郵件的方式向目標用戶傳遞有價值信息的一種網絡營銷手段。

IM/即時通信營銷：利用QQ、MSN、YY等即時工具營銷推廣的。

博客營銷：利用新浪博客、百度空間等平臺進行推廣的方法。

微博營銷：利用新浪微博、騰訊微博通過活動吸引粉絲關注，發布包含140字營銷信息、圖片、視頻的內容。

微信營銷：伴隨微信的火熱產生的一種網絡營銷方式，用戶訂閱自己所需的信息，商家通過提供用戶需要的信息，推廣自己的產品的點對點的營銷方式。

作為一名網頁設計師，有時會使用很多不是必需的元素或者大量的復雜色調來使頁面脫穎而出。這樣做往往會使頁面看起來太過花哨和分散用戶的注意力，無法突出頁面的內容。大多時候你會發現使用簡單的設計方法就會達到很好地效果。因此，今天我們收集了15個新鮮的用簡約風格設計的頁面來啟發大家的靈感。

相關推薦：
《11個超炫的視差滾動網站欣賞（附神器推薦）》

《awwwards上推薦的20個擁有創意布局的網站》

Arko

Orchard Keepers

當你瀏覽一款網站時，一般會迅速的對網站的外觀和使用感受做個評判，整體的設計風格是第一印象，能否引導用戶繼續閱讀取決于此。

金玉其外敗絮其中必然無法長久，功能性也是重要考量。推薦您也好好學習《網站用戶體驗的76個要點》。
好的用戶體驗不僅僅關乎到功能性和設計美學，還需要考慮很多因素，我們一起來看一下吧。

一致性

最重要的交互元素一定要友好，并且風格一致。

盡管在設計一款網站時，我們可以融入很多創新點和美學風格，但是一些經常使用、且重要的元素，風格一定要一致，比如按鈕、鏈接、導航欄、表單等等。我建議可以多瀏覽一些電商網站，他們在這一點上做的就很棒，他們通常有很多的茶品頁面，但是整體體驗卻相差不大，我們可以看看優衣庫的網站。

• 像產品類別、當前按鈕和重要的文本信息都通過紅色來高亮顯示
• 頁面不同，布局基本相同。

@Iamkikidong 如果在網頁上合理地使用大片的綠色，不僅能營造出清爽，自然的界面，還能讓訪問者感到輕松自在，增加網站的親切感。事實上綠色有很多的色調，這形成了一個非常靈活的色彩，它可以在色盤的黃綠色端顯得很“溫暖”，又可以在藍綠和碧綠方向顯得有些“冷”。一個檸檬綠可以讓一個設計很“潮”，橄欖綠則更顯平和，而淡綠色可以給人一種清爽的春天的感覺。

用藍色搭配綠色可以傳遞一種水的感覺。添加米色或者褐色則可以展現一種泥土的氣息。白色+綠色是新鮮和戶外的，而紫色和綠色是高對比的一對兒(需要小心對待)。

今天為您分享20個綠色系的網站，希望能為你的工作帶來靈感和啟發！

1. Garnier Body