當下的設計趨勢已經徹底改變了過去幾年對于網頁設計的概念，而且至少在接下來的這一年裡會發展得如火如荼。我們已經接觸到了垂直滾動、扁平化設計、複古的配色、極簡的配色，以及幻燈動畫展示，當然，響應式設計才是最頭等的趨勢。
最近我們看到了透明的幻燈展示以及長投影設計，在本文的案例中，我們将會看到這些趨勢帶來了巨大的影響，它們颠覆了以往的拟物設計成為新一輪的潮流。随着移動裝置的擴大使用，設計師的責任愈加重大，如何把創意注入到新的設計趨勢中是一個關鍵點。
您可能感興趣的相關文章
<a href="http://www.cnblogs.com/lhb25/p/flat-trend-web-design.html" target="_blank">酷站欣賞：一組耀眼的扁平化網站作品</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/06/2021398.html" target="_blank">分享35個非常漂亮的單頁網站設計案例</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/10/19/10-free-html-admin-templates.html">10套精美的免費網站背景管理系統模闆</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/07/23/ecommerce-website-designs.html" target="_blank">25個國外優秀的電子商務網站設計案例</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/07/08/showcase-of-html5-powered-sites.html" target="_blank">12個優秀的 HTML5 網站設計案例欣賞</a>
CSS 設計獎， 2013年1月5日
這個組合包含了當下的很多設計趨勢，而且無縫地展示了出來。它擁有一個網格布局的着陸頁，當你點選連結的時候會跳轉到相應的内容塊。頁面非常的幹淨。
獲獎于2013年1月1日
網站首頁的文字是兩行式排版。紅色部分是變化着的。第一行是由白色靜态的”Paper Tiger”和粉色的字型組成，粉色的字型會翻轉變化，字型包括”Develops/Consults/Designs”。第二行的靜态白色字型是”for the”，動态紅色字型是”Brand Message/Business Goal/User Experience”。是以整個句子包含了很多組合。背景是一個黑膠唱片播放動畫形象，這是一個經過深思熟慮而設計成的網站首頁，配色方案采取了黑色、白色和紅色，經典。
獲獎于2013年12月31日
這是一個單頁的垂直滾動設計網站。着陸頁上的設計師眨動着自己的眼鏡。當你把頁面往下滾動時，會看見一組黑白網格布局的内容，頁面的底部是設計師站立的雙腳。這個網站給人的資訊就是設計師舉起自己的單頁網站！非常有價值。
Css設計獎，2013年12月26日
這個網站有一個非常漂亮的垂直滾動效果。中間還有一個基于三角形的網格布局。整個網站非常的簡約、大方和美觀。
Css設計獎。2013年12月12日
網站的着陸頁是Etec Minds的辦公室工作動畫場景。首頁有一個不錯的垂直滾動效果，以及一些很愉快地扁平設計。它不是一個響應式的網站，但是針對移動端它有專門的移動版本。
Css設計獎，2013年12月9日
該網站的首頁非常有亮點！所有元素都按照線畫稿的形式來，但是居然一點也不亂，反而非常美觀。
獲獎于2013年12月8日
無限滾動的、響應式網站。扁平化設計。網格布局。一個字：酷！
獲獎于2013年11月27日
該網站的着陸頁有一個幾何形狀飄飛的動畫。往下滾動時你會發現一切元素的設計都顯得小巧精緻。扁平化設計。接下來有4個幻燈片，如果你點選箭頭，幻燈片就會自動擴充到頁面大小，當你繼續往下滾動頁面就會自動變回原始的大小。這是一個非常美麗而富有創造性的網站。
獲獎于2013年11月20日
另一個滾動式網站。響應式、扁平化設計。盡管滾動的過程中不見得很平滑自然，但是也不乏精彩。
獲獎于2013年11月16日
Teamgeek展示了目前所有的設計趨勢：垂直滾動、扁平化設計、複古配色、極簡主義設計、基于網格的布局。但它不是響應式網站，不過針對移動端有另外的版本。
獲獎于2013年10月13日
滾動式網站簡直要爆棚了，又來一個~扁平化設計，複古的配色，幻燈的展示。和上面那個一樣，不是響應式網站，不過針對移動端有另外的版本。
獲獎于2013年10月12日
打開此頁面你必須仔細把握好自己滑鼠位置=。=當你看到一個女孩在吹口香糖泡泡的時候千萬不要慌亂=。=滑鼠移到頁面四周時頁面女孩自然就不見了，映入你眼簾的是文字連結。在泡泡之下點開它們你就會進入新的世界！這個頁面非常富有創意，毫不猶豫拿下大獎。
獲獎于2013年9月21日
這個網站的着陸頁有一段工作狂們的視訊剪輯。這是一個視差滾動站點，往下滾動的過程中頭部的視訊是一直都存在在那裡的。這個設計讓讓你耳目一新。而且，網站是全響應的。
獲獎于2013年9月12日
又一個囊括了衆多設計趨勢的站點。例如垂直滾動、網格布局、扁平化設計等。但是比較可惜的是該網站隻有pc端沒有移動端版本，隻能在電腦上或者平闆電腦上觀看。
獲獎于2013年9月7日
擦！好有創意的網站！簡直是一個冒險的嘗試！打開首頁關掉通知欄後呈現在我們眼前的是一張地圖。扁平化、半透明的設計。滑鼠這個時候已經變成一隻手了，直接拖動頁面地圖就跟着延伸！我不确定這張地圖的範圍有多大，或許是一座城市？或許是這個地球？無論如何，它是響應式的。
獲獎于2013年9月7日
Oh！網格，網格，網格！該網站沒别的，就是網格布局特别多。搭上黑白的色彩搭配顯得非常吸引人。
獲獎于2013年8月31日
這個網站不為别的，就為了展示當下設計趨勢而來的——扁平化設計、垂直滾動、充分響應、基于網格的布局、大量的純色……難道還需要加入其它元素？這個網站非常值得拿下大獎。
獲獎于2013年8月19日
不得不承認，這個站點就像是在表演魔術一樣…點開每個連接配接，過渡形式非常的漂亮！而且，這個網站也是響應式的。
獲獎于2013年7月29日
該站點的導航方式非常不一般。直接拖動頁面可以水準和垂直變換頁面。右上角有一個小小的導航告訴你你所在的頁面。可能一開始你無法适應這麼高端的設計，不過實在是太完美了。
獲獎于2013年7月28日
設計師個人視差滾動網站。随着頁面的往下滾動，圓圈裡面展示設計師個人的項目。采用扁平化設計，充分響應。
獲獎于2013年7月21日
該網站基于網格布局，扁平化設計和大字型設計。充分響應。
獲獎于2013年6月7日
嗯，又是一個包含設計趨勢相當多的網站：垂直滾動,扁平化設計,巨大的色塊,基于網格的布局。但不是響應式的。
總結
其實我們已經看到這些趨勢在過去的幾年裡已經流行了一段時間，有一些是新興的，可能會經不起時間的考驗。随着響應式設計和扁平化設計的普及，事實上很多創造力已經無法注入到網站設計需求中了。從上面的例子中我們就可以發現響應式設計被忽視了，取而代之的是必須展示的内容。但是大多數網站依然會另外出一個移動版本。
總的來說，如果你想讓響應式得以發揮，那麼一些很好的創意可能就會半途而廢。
你覺得扁平化設計和響應式設計會随着時間的沉澱留下來嗎？為了強調這兩種設計你有什麼辦法?或許透明設計和長投影會是一個趨勢呢！在評論框中留下你對網頁設計趨勢的看法吧！
您可能感興趣的相關文章
<a href="http://www.cnblogs.com/lhb25/p/20-gorgeous-websites-user-experience-in-mind.html" target="_blank">經典設計：關注使用者體驗的20個網站</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html" target="_blank">25個優秀的國外單頁網站設計作品欣賞</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/08/04/really-cool-and-creative-404-error-pages.html" target="_blank">讓人驚歎的國外創意404錯誤頁面設計</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/10/30/html5-portfolio-great-examples.html" target="_blank">16個精美的HTML5作品集網站設計案例</a>
<a href="http://www.cnblogs.com/lhb25/archive/2013/06/13/winning-examples-of-css-based-websites.html" target="_blank">經典網頁設計：25個華麗的CSS網站作品</a>
歡迎任何形式的轉載，但請務必注明出處。