上進的設計師！聊聊2015年流行的網頁設計趨勢

編者按：給明年的自己增加籌碼！這一年快結束了，年底特別忙，但也別只顧工作，忘了給自己充電呦，今天特意分享一篇好文，聊聊明年將流行的設計趨勢，希望能給那些奮戰之余不忘充實自己的設計師們一點有價值的參考，每點趨勢后都有相關文章幫你理解，不擔心跟不上咯。

1. 響應式在繼續

OK，也許你不打算打道回府。也許你有一個很好的理由不用響應式網頁設計？在過去的幾年里，響應設計快速鞏固了自己作為網頁設計的新標準。當然，也有爭論，但是沒人說，“讓我們擺脫響應式設計吧”。實際上，越來越多的網站選擇響應式的方向。2014年確實如此，2015年也還會繼續。這已經不是種趨勢，而是常態了。

還不熟悉響應式的同學，抓緊時間了，強烈推薦這篇：《想學響應式設計？來看史上最全的響應式設計資源庫》

2. 幽靈按鈕

幽靈按鈕憑借簡潔時髦，及微妙的動畫招人喜歡。2015年幽靈按鈕將繼續，特別是用在大背景和背景視頻上更適用。

想牢牢把握住趨勢，光這句描述可不行，來這里徹底學習！《網頁設計新趨勢！你聽說過“幽靈按鈕”嗎？》

還有一組優秀范例直接給你借鑒學習：《向高手學習！20個使用“幽靈按鈕”的優秀網站案例》

3. 更強調字體

傳統的一些Web字體價格昂貴，意味著網站排版需要更多的預算。如今，這種情況在改變，設計師只要更少的預算甚至免費（如Google Fonts）的字體集就能在網頁上自由設計。

字體如何影響網站，已經有同學實踐過了，結果驚人！《網站字體有多重要？它幫網站提高了38%的流量！》

光理論木用，直接給出改善方法，趕緊右戳學習！《設計師必讀！如何迅速改善網頁文字的可讀性？（附神器）》

4. 比大比更大的圖片，視頻背景

一個讓網站脫穎而出的簡單方式是突出關鍵的內容，這種趨勢需要以美妙的方式來完成，強調設計哲學，優雅有力量，而非只是噱頭。

達成這類效果的關鍵點是得有這個：《免費高清！10個無版權限制的大圖特供網站》

向高手取經往往是最近的那條路：《眼前一亮！25個令人心動不已的全屏網站欣賞》

5 . 滾動主導點擊

得益于移動互聯網的發展，網頁設計更偏向移動化，因此會帶來更有效和愉悅的移動體驗，如滾動主導點擊。這種方式更直觀，易于實現，減少加載時間，允許網站與用戶之間更多的交互。

6. 卡片式設計繼續

卡片式設計，不算新穎，卻是響應式網頁設計的最佳實踐。卡片式設計很好的一個方式是模塊化，重新編排欄目也不會草率或紊亂，在瀏覽器中能瀏覽大量數據，但是要提示用戶深入了解。總之，卡片設計干凈簡單，具備多功能性。正是網絡的需求，2014和2015年你將能看到更多卡片式風格設計。

7. 扁平化繼續（或者Material Design設計語言崛起）

扁平化設計在過去兩年里勢頭迅猛，2015年在持續。然后，對于扁平化而言或許只是個概念，也許是Material Design （材料設計），那么什么是Material Design呢？

Material Design是 Google今年新推出的移動設計方向，“Material（材料）”是種隱喻：空間的合理化及系統動效的統一。Material源自現實的感知，靈感來自紙張和油墨，尚未開啟的想象力和神奇。

很多設計師說，材料設計語言在扁平化上作了微妙的漸變，層次感和動畫保留了意義上的有形世界（物理空間和物體），同時實現了扁平化的所有優點。有些人可能不同意，但我個人覺得，這就是扁平化設計的整體領導，我們期待看到更多的企業和個人在2014年及以后采取該策略。

看不懂的同學，這里早就為你準備了多篇科普文！

1，全方位科普，基礎先打牢！《超全面總結！深聊MATERIAL DESIGN引領的設計趨勢》

2，好壞看這里，谷歌設計師的實踐心得！《超贊！谷歌設計師的Material Design實踐心得》

3，最新風格素材，心動不如行動！《新鮮熱辣！一組實用的MATERIAL DESIGN風格素材！》

8. 微交互

談論完材料設計，微交互也是個很好的勢頭。 它們通常用在產品的體驗和瞬間，網站簡單的用戶任務處理也會用到。一個簡單的例子是注冊的時候彈出框效果。微交互促進了用戶的參與，這種趨勢在未來幾年將進一步滲透到網頁設計中。

什么是微交互？說個細節你就懂了：《60個以小見大的設計細節！心有猛虎，細嗅薔薇》

9. 交互式故事

你想把所有的內容聚在一起嗎？當然，不是每個頁面都適合講一個仙女的故事的。如果你的品牌由一系列概念或價值（優雅、創造力，簡約等），從頁面布局到字體選擇，你都能通過頁面元素和交互性故事來闡述品牌和理念。如特斯拉的官網：http://www.teslamotors.com/

10. 個性化用戶體驗

使用cookies技術向用戶展示相關內容不是什么新鮮事。然后，某些垃圾做法（如彈出選擇），現在有了更好的設計和最佳實踐，使用cookies顯示特定的內容給用戶比垃圾郵件和無恥的銷售有效的多。Netflix 會記住你最近看的，YouTube也如此。難道這些傳統的大網站只會使用側邊欄小工具，以便你快速訪問你喜歡的內容或評論的文章？或者突出查看過的內容或高亮帖子？我不這么認為，未來更會出現更優雅的技術。

極好的例子

Apple

你不必是個蘋果迷才能欣賞這么好的網頁設計。蘋果總是設法讓它們的商標保持簡單，繼續設法擠出顯著數量的當前和未來的設計趨勢。如果你想學習但不想模仿它，不是你必須創建一個站點酷似他們，而是復制其顯著的微妙之處，避免故意使用趨勢的噱頭。

不過...蘋果也有犯錯誤的時候，比如：《給蘋果中國的公開信！一個設計師對蘋果官網的微吐槽》

Tesla

Go Electric page?這個頁面使用了大圖片，長滾動和嵌入式信息圖和交互式故事解釋了他們產品的常見5大問題，這是個相當聰明的設計，相比傳統枯燥無味的網站，這是個令人驚嘆的展示。

趨勢預測對了，實力記得跟上呦，來練手吧！

字體教程之科幻風酷炫藍色字體！
《PS教程！教你繪制酷炫的炫藍科幻字體》

修圖教程之最火的分散特效設計！
《這效果超火！手把手教你創建分散特效的夢幻女王照》

海報教程之俏皮大膽的復古風格塑造！
《AI教程！教你用Illustrator設計俏皮大膽的瘋狂復古海報》

原文地址：elegantthemes
譯文地址：blog.enqoo

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量83萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：