使用不同的2個或3個色系，進行相互搭配，從而產生不同的設計效果，或沖突或和諧。這是一種前衛又時尚的網頁色彩流行趨勢，收集了15個相關的作品，分享給優設的童鞋們 : ）

如果您想盡快學會配色請移步這篇人氣超高的文章：設計師的配色理論：你真懂顏色了嗎？

Uidigital

Decode

“人生太孤單，要找個有趣的人一起過”——王小波

相信大家肯定都喜歡幽默風趣的設計。
當流行的扁平化設計遇到幽默元素，會摩擦住怎樣的火花呢？

幽默的魅力是無窮盡的，它即能夠讓用戶感到有趣，又能夠迅速的吸引用戶的注意。
如果想為網站添加幽默元素，可以有很多種方式，例如：

• 搞笑的錯誤頁面（Team Treehouse）
• 搞笑的Logo(Pixo Creative)
• 卡通式的布局
• 搞怪的背景圖像
• 可愛的圖片
• 讓人爆笑的視覺元素

一旦你做到了有趣，用戶自然就會對你的網站側目。
我們一起來看看下面這些吸引眼球的幽默案例吧！

相關推薦：
《激活你的設計創意！不容錯過的55個創意驚人的網站》
《想設計自己的網站？先來看這15個優秀設計師的酷站》

電子郵件營銷活動整合到社交網絡，如何做到這一點呢？其在戰略層面上來講知之甚少。在這篇文章中，EasyEDM郵件營銷給您分享如何實現郵件營銷與社交媒體的最佳策略。

電子郵件營銷活動的“社交”有很多種方法，在戰略營銷方面可以談策略推廣（指那些有意向的尋找我們內容的客戶），拉動戰略，其目標是到達電子郵件營銷活動，并增長客戶列表。

社會戰略電子郵件營銷推廣

社交按鈕

在您的E-mail中突出社交媒體按鈕，主要社交網絡有：新浪微博、騰訊微博、搜狐微博等，鼓勵客戶通過他們的分享渠道分享您的郵件活動。

嘗試增加一個呼叫他們的行動按鈕，邀請他們在網絡上分享您的內容。您也可以策劃競賽的活動，條件是參與分享您的活動，以提高您的病毒式傳播。

社會連接

郵件活動最大化的覆蓋范圍，使您的在線社區粉絲收到您通過社交系統新浪微博、騰訊微博、搜狐微博等分享的活動。

拉動社會戰略電子郵件營銷

分享一個鏈接到您的表單

充分利用社會化媒體拓展客戶列表。發送新浪微博、騰訊微博、搜狐微博等分享渠道邀請您的粉絲訂閱到您的客戶列表中。

需要發送國外郵件的客戶，盡量做好下面的設置。

通過Facebook訂閱

在Facebook上，可以制作一個頁面，包括一份訂閱表單競選的電子郵件營銷。千萬不要錯過這樣一個機會，鼓勵你的粉絲，成為你的客戶。

其他重要問題

通過將我們的電子郵件營銷活動病毒式的社交網絡力量，將最大限度地提高投資回報率（ROI）。但是為了成功是必要的，不可忽視某些戰略方面。

內容

內容是否有價值，這決定您的粉絲將內容分享到社交媒體上。
如何整合不同的溝通渠道，以避免重復和飽和您的粉絲？

Arrietty：當我們建立網站的時候，我們一般從定義正文開始。正文的定義顯示了你的主欄有多寬，其它幾欄的大小就隨它自己內容定義了。直到最近，各種屏幕分辨率或多或少是同質化的。如今，我們要處理各種屏幕尺寸和分辨率。這讓處理變得更復雜。

在重整旗鼓的熱情中，我寫了一篇關于響應式排版的博客，這篇文章主要專注于我們最近的實驗：響應式字體。如果不知道IA的歷史，你可能會錯過我們新啟動的網站中的響應式排版和設計的一些關鍵點。我決定從頭做起，一步一步解釋響應式排版，而不是整理所有文章。以下是第一步。

為了防止給每個可能的屏幕尺寸做不同的層級設計，很多網頁設計師會采用響應式網站的概念。一言以蔽之，這是一種網頁布局會自動適應屏幕尺寸的概念。有很多種方法可以定義這種概念。我喜歡用這種方法：

適應性布局：按步驟調整布局適應有限數量的屏幕尺寸。流體性布局：不斷地調整布局以適應每一種可能的寬度。兩種方式都有優勢和劣勢，我們相信布局適應于很少的合理變化位置是我們要采用的方法，因為可讀性比布局寬度隨時和窗口一樣寬來得重要。這是不是一個復雜的問題它本身就值得商榷，但是最優的可讀性需要在文字尺寸上一定數量的控制（欄寬），就此看來，流體式布局會產生更多問題。

@騰訊ecd 星舊：作為未來網頁設計的熱點趨勢之一的“滾動視差”在近年來被越來越多網站所采用，特殊新穎的展示模式也讓許多用戶眼前一亮。網絡上也如雨后春筍一般出 現了很多像《30個讓人興奮的視差滾動網站》、《60個視差滾動網站賞析》……等一系列的視差滾動的文章，不過賞析的居多，真正指導設計師如何去設計，如 何去實現的實用型文章卻很少。于是萌發了自己寫一篇的想法，與感興趣的人共同交流下滾動視察設計時的一些心得。

什么是滾動視差？
視差滾動（Parallax Scrolling）是指讓多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。

視差效果，原本是一個天文學術語，當我們觀察星空時，離我們遠的星星移動速度較慢，離我們近的星星移動速度則較快。當我們坐在車上向車窗外 看時，也會有這樣的感覺，遠處的群山似乎沒有在動，而近處的稻田卻在飛速掠過。許多游戲中都使用視差效果來增加場景的立體感。說的簡單點就是網頁內的元素 在滾動屏幕時發生的位置的變化，然而各個不同的元素位置變化的速度不同，導致網頁內的元素有層次錯落的錯覺，這和我們人體的眼球效果很像。我看到多家產品 商用視差滾動效果來展示產品，從不同的空間角度和用戶體驗，起到了非常不錯的效果。

看似復雜其實這個早就不是什么新鮮事兒，這種設計思路早在80年代的小霸王學習機上就見過。

在這個畫面里通過人物馬里奧、前景、背景著三個部分的移動速率的不同來實現立體效果。類比網頁也是如此。一個滾動視察的網站至少會有以下幾層 ：背景層，內容層，貼圖層。

本文總結了最近網頁設計領域比較熱門的幾種技術，代表了一定的趨勢，設計師們要跟市場接軌，緊跟潮流的腳步，可以閱讀這篇總結，肯定大有裨益。

騰訊cdc：技術的革新帶動了設計行業的的迅猛發展，這使得設計師和開發者有了更廣闊的的探索天地。而網頁設計也越發不再那么循規蹈矩，許多團隊和公司都做了很多思考和創意。所以在我們適應著現代設計潮流的同時，不妨也來看看現階段網頁設計大致的趨勢和風格吧。

我不敢大言不慚的說這就是網頁設計的必然趨勢，這只是本人對當下網頁設計做出的一些小總結。希望這樣的歸類總結能給你帶來更多的思路和想法。

01. 響應式網頁設計（Responsive Web Design）

現在越來越多用戶都擁有多種終端：臺式機，筆記本，平板電腦，手機，能夠適應不同尺寸顯示屏的網頁是現在的潮流，甚至是未來很長一段時間的設計趨勢。那么響應式網頁設計就是來解決這個問題的。這種特別的開發方式能保證網頁適應不同的分辨率，讓網頁要素重組，使其無論在垂直的平板電腦還是智能手機上，都能達到最好的視覺效果。

除了多終端的多樣化，我們還可以看到我們的電腦屏幕，手機屏幕都在不斷變大，而在對未來生活的預測、概念設計里，”屏幕”這個產物更是被運用到多種新平臺上。例如微軟發布的”未來生活概念視頻”里，廚房、室內墻壁、辦公室玻璃墻面都成為了交互平臺。所以我們可以發現，響應式網頁設計所具備的良好的適應性和可塑性，在未來的網頁設計里將占有舉足輕重的位置。

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

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

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

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測試無效果）。這個效果相對于網站其余的簡潔設計來說非常有動感，由此產生強烈的對比效果。作為一個視覺元素它非常有效的促進了用戶繼續閱讀該網站，統一的視覺語言也彰顯了品牌的特點。