接近年底各種忙，忙裏偷閑也(yě)别忘記自我充電。來(lái)看看2015年的(de)網頁設計趨勢吧。沒準能找到(dào)不(bù)少靈感呢。

 

　　1. 響應式在(zài)繼續

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

 

 

　　2. 幽靈按鈕

　　幽靈按鈕憑借簡潔時(shí)髦，及微妙的(de)動畫招人(rén)喜歡。2015年幽靈按鈕将繼續，特别是(shì)用在(zài)大(dà)背景和(hé / huò)背景視頻上(shàng)更适用。

 

 

　　3. 更強調字體

　　傳統的(de)一(yī / yì ／yí)些Web字體價格昂貴，意味着網站排版需要(yào / yāo)更多的(de)預算。如今，這(zhè)種情況在(zài)改變，設計師隻要(yào / yāo)更少的(de)預算甚至免費(如Google Fonts)的(de)字體集就(jiù)能在(zài)網頁上(shàng)自由設計。

 

 

　　4. 比大(dà)更大(dà)的(de)圖片，視頻背景

　　一(yī / yì ／yí)個(gè)讓網站脫穎而(ér)出(chū)的(de)簡單方式是(shì)突出(chū)關鍵的(de)内容，這(zhè)種趨勢需要(yào / yāo)以(yǐ)美妙的(de)方式來(lái)完成，強調設計哲學，優雅有力量，而(ér)非隻是(shì)噱頭。

 

　　5 . 滾動主導點擊

　　得益于(yú)移動互聯網的(de)發展，網頁設計更偏向移動化，因此會帶來(lái)更有效和(hé / huò)愉悅的(de)移動體驗，如滾動主導點擊。這(zhè)種方式更直觀，易于(yú)實現，減少加載時(shí)間，允許網站與用戶之(zhī)間更多的(de)交互。

 

 

　　6. 卡片式設計繼續

　　卡片式設計，不(bù)算新穎，卻是(shì)響應式網頁設計的(de)最佳實踐。卡片式設計很好的(de)一(yī / yì ／yí)個(gè)方式是(shì)模塊化，重新編排欄目也(yě)不(bù)會草率或紊亂，在(zài)浏覽器中能浏覽大(dà)量數 據，但是(shì)要(yào / yāo)提示用戶深入了(le／liǎo)解。總之(zhī)，卡片設計幹淨簡單，具備多功能性。正是(shì)網絡的(de)需求，2014和(hé / huò)2015年你将能看到(dào)更多卡片式風格設計。

 

 

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

　　扁平化設計在(zài)過去兩年裏勢頭迅猛，2015年在(zài)持續。然後，對于(yú)扁平化而(ér)言或許隻是(shì)個(gè)概念，也(yě)許是(shì)Material Design (材料設計)，那麽什麽是(shì)Material Design呢?

　　Material Design是(shì) Google今年新推出(chū)的(de)移動設計方向，“Material(材料)”是(shì)種隐喻：空間的(de)合理化及系統動效的(de)統一(yī / yì ／yí)。Material源自現實的(de)感知，靈感來(lái)自紙張和(hé / huò)油墨，尚未開啓的(de)想象力和(hé / huò)神奇。

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

 

 

　　8. 微交互

　　談論完材料設計，微交互也(yě)是(shì)個(gè)很好的(de)勢頭。 它們通常用在(zài)産品的(de)體驗和(hé / huò)瞬間，網站簡單的(de)用戶任務處理也(yě)會用到(dào)。一(yī / yì ／yí)個(gè)簡單的(de)例子(zǐ)是(shì)注冊的(de)時(shí)候彈出(chū)框效果。微交互促進了(le／liǎo)用戶的(de)參與，這(zhè)種趨勢在(zài)未來(lái)幾年将進一(yī / yì ／yí)步滲透到(dào)網頁設計中。

 

 

　　9. 交互式故事

　　你想把所有的(de)内容聚在(zài)一(yī / yì ／yí)起嗎?當然，不(bù)是(shì)每個(gè)頁面都适合講一(yī / yì ／yí)個(gè)仙女的(de)故事的(de)。如果你的(de)品牌由一(yī / yì ／yí)系列概念或價值(優雅、創造力，簡約等)，從頁面布局到(dào) 字體選擇，你都能通過頁面元素和(hé / huò)交互性故事來(lái)闡述品牌和(hé / huò)理念。如特斯拉的(de)官網：http://www.teslamotors.com/

 

 

　　10. 個(gè)性化用戶體驗

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

　　極好的(de)例子(zǐ)Apple

　　你不(bù)必是(shì)個(gè)蘋果迷才能欣賞這(zhè)麽好的(de)網頁設計。蘋果總是(shì)設法讓它們的(de)商标保持簡單，繼續設法擠出(chū)顯著數量的(de)當前和(hé / huò)未來(lái)的(de)設計趨勢。如果你想學習但不(bù)想模仿它，不(bù)是(shì)你必須創建一(yī / yì ／yí)個(gè)站點酷似他(tā)們，而(ér)是(shì)複制其顯著的(de)微妙之(zhī)處，避免故意使用趨勢的(de)噱頭。

　　Tesla

　　Go Electric page 這(zhè)個(gè)頁面使用了(le／liǎo)大(dà)圖片，長滾動和(hé / huò)嵌入式信息圖和(hé / huò)交互式故事解釋了(le／liǎo)他(tā)們産品的(de)常見5大(dà)問題，這(zhè)是(shì)個(gè)相當聰明的(de)設計，相比傳統枯燥無味的(de)網站，這(zhè)是(shì)個(gè)令人(rén)驚歎的(de)展示。