接近年底各種(zhǒng)忙，忙裡(lǐ)偷閑也别忘記自我充電。來看看2015年的網頁設計趨勢吧。沒(méi)準能(néng)找到不少靈感呢。

 

　　1. 響應式在繼續

　　OK，也許你不打算打道(dào)回府。也許你有一個很好(hǎo)的理由不用響應式網頁設計?在過(guò)去的幾年裡(lǐ)，響應設計快速鞏固了自己作爲網頁設計的新标準。當然，也有 争論，但是沒(méi)人說(shuō)，“讓我們擺脫響應式設計吧”。實際上，越來越多的網站選擇響應式的方向(xiàng)。2014年确實如此，2015年也還(hái)會(huì)繼續。這(zhè)已經(jīng)不是種(zhǒng)趨 勢，而是常态了。

 

 

　　2. 幽靈按鈕

　　幽靈按鈕憑借簡潔時(shí)髦，及微妙的動畫招人喜歡。2015年幽靈按鈕將(jiāng)繼續，特别是用在大背景和背景視頻上更适用。

 

 

　　3. 更強調字體

　　傳統的一些Web字體價格昂貴，意味著(zhe)網站排版需要更多的預算。如今，這(zhè)種(zhǒng)情況在改變，設計師隻要更少的預算甚至免費(如Google Fonts)的字體集就(jiù)能(néng)在網頁上自由設計。

 

 

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

　　一個讓網站脫穎而出的簡單方式是突出關鍵的内容，這(zhè)種(zhǒng)趨勢需要以美妙的方式來完成(chéng)，強調設計哲學(xué)，優雅有力量，而非隻是噱頭。

 

　　5 . 滾動主導點擊

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

 

 

　　6. 卡片式設計繼續

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

 

 

　　7. 扁平化繼續(或者Material Design設計語言崛起(qǐ))

　　扁平化設計在過(guò)去兩(liǎng)年裡(lǐ)勢頭迅猛，2015年在持續。然後(hòu)，對(duì)于扁平化而言或許隻是個概念，也許是Material Design (材料設計)，那麼(me)什麼(me)是Material Design呢?

　　Material Design是 Google今年新推出的移動設計方向(xiàng)，“Material(材料)”是種(zhǒng)隐喻：空間的合理化及系統動效的統一。Material源自現實的感知，靈感來自紙張和油墨，尚未開(kāi)啓的想象力和神奇。

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

 

 

　　8. 微交互

　　談論完材料設計，微交互也是個很好(hǎo)的勢頭。 它們通常用在産品的體驗和瞬間，網站簡單的用戶任務處理也會(huì)用到。一個簡單的例子是注冊的時(shí)候彈出框效果。微交互促進(jìn)了用戶的參與，這(zhè)種(zhǒng)趨勢在未來幾年將(jiāng)進(jìn)一步滲透到網頁設計中。

 

 

　　9. 交互式故事(shì)

　　你想把所有的内容聚在一起(qǐ)嗎?當然，不是每個頁面(miàn)都(dōu)适合講一個仙女的故事(shì)的。如果你的品牌由一系列概念或價值(優雅、創造力，簡約等)，從頁面(miàn)布局到 字體選擇，你都(dōu)能(néng)通過(guò)頁面(miàn)元素和交互性故事(shì)來闡述品牌和理念。如特斯拉的官網：http://www.teslamotors.com/

 

 

　　10. 個性化用戶體驗

　　使用cookies技術向(xiàng)用戶展示相關内容不是什麼(me)新鮮事(shì)。然後(hòu)，某些垃圾做法(如彈出選擇)，現在有了更好(hǎo)的設計和最佳實踐，使用cookies 顯示特定的内容給用戶比垃圾郵件和無恥的銷售有效的多。Netflix 會(huì)記住你最近看的，YouTube也如此。難道(dào)這(zhè)些傳統的大網站隻會(huì)使用側邊欄小工具，以便你快速訪問你喜歡的内容或評論的文章?或者突出查看過(guò)的内容或 高亮帖子?我不這(zhè)麼(me)認爲，未來更會(huì)出現更優雅的技術。

　　極好(hǎo)的例子Apple

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

　　Tesla

　　Go Electric page 這(zhè)個頁面(miàn)使用了大圖片，長(cháng)滾動和嵌入式信息圖和交互式故事(shì)解釋了他們産品的常見5大問題，這(zhè)是個相當聰明的設計，相比傳統枯燥無味的網站，這(zhè)是個令人驚歎的展示。