雷軍的B面:那些賠到血本無歸的失敗投資案例

本文總結(jié)了明年將流行的網(wǎng)頁設(shè)計趨勢，如響應(yīng)式、扁平化、微交互、個性化等等，但愿給那設(shè)計師們一點有價值的參考。

1. 響應(yīng)式

在過去的幾年里，響應(yīng)設(shè)計快速鞏固了自己作為網(wǎng)頁設(shè)計的新尺度。當然，也有爭論，但是沒人說，“讓我們掙脫響應(yīng)式設(shè)計吧”。實際上，越來越多的網(wǎng)站選擇響應(yīng)式的方向。2014年確實如斯，2015年也還會繼承。這已經(jīng)不是種趨勢，而是常態(tài)了。

2. 幽靈按鈕

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

3. 更夸大字體

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

4. 視頻背景

一個讓網(wǎng)站脫穎而出的簡樸方式是凸起樞紐的內(nèi)容，這種趨勢需要以美妙的方式來完成，夸大設(shè)計哲學(xué)，優(yōu)雅有氣力，而非只是噱頭。

5 . 動彈主導(dǎo)點擊

得益于移動互聯(lián)網(wǎng)的發(fā)展，網(wǎng)頁設(shè)計更偏向移動化，因此會帶來更有效和愉悅的移動體驗，如動彈主導(dǎo)點擊。這種方式更直觀，易于實現(xiàn)，減少加載時間，答應(yīng)網(wǎng)站與用戶之間更多的交互。

6. 卡片式設(shè)計

卡片式設(shè)計，不算新奇，卻是響應(yīng)式網(wǎng)頁設(shè)計的最佳實踐�？ㄆ�式設(shè)計很好的一個方式是模塊化，重新編排欄目也不會草率或紊亂，在瀏覽器中能瀏覽大量數(shù)據(jù)，但是要提示用戶深入了解�？傊�，卡片設(shè)計干凈簡樸，具備多功能性。恰是網(wǎng)絡(luò)的需求，2014和2015年你將能看到更多卡片式風(fēng)格設(shè)計。

7. 扁平化

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

Material Design是 Google今年新推出的移動設(shè)計方向，“Material(材料)”是種隱喻：空間的公道化及系統(tǒng)動效的同一。Material源自現(xiàn)實的感知，靈感來自紙張和油墨，尚未開啟的想象力和神奇。

良多設(shè)計師說，材料設(shè)計語言在扁平化上作了微妙的漸變，層次感和動畫留存了意義上的有形世界(物理空間和物體)，同時實現(xiàn)了扁平化的所有長處。有些人可能不同意，但我個人覺得，這就是扁平化設(shè)計的整體領(lǐng)導(dǎo)，我們期待看到更多的企業(yè)和個人在2014年及以后采取該策略。

8. 微交互

談?wù)撏瓴牧显O(shè)計，微交互也是個很好的勢頭。 它們通常用在產(chǎn)品的體驗和瞬間，網(wǎng)站簡樸的用戶任務(wù)處理也會用到。一個簡樸的例子是注冊的時候彈出框效果。微交互促進了用戶的介入，這種趨勢在未來幾年將進一步滲透滲出到網(wǎng)頁設(shè)計中。

9. 交互式故事

你想把所有的內(nèi)容聚在一起嗎？假如你的品牌由一系列概念或價值(優(yōu)雅、創(chuàng)造力，簡約等)，從頁面布局到字體選擇，你都能通過頁面元素和交互性故事來闡述品牌和理念。如特斯拉的官網(wǎng)。

10. 個性化用戶體驗

使用cookies技術(shù)向用戶展示相關(guān)內(nèi)容不是什么新鮮事。然后，某些垃圾做法(如彈出選擇)，現(xiàn)在有了更好的設(shè)計和最佳實踐，使用cookies顯示特定的內(nèi)容給用戶比垃圾郵件和無恥的銷售有效的多。Netflix 會記住你最近看的，YouTube也如斯。豈非這些傳統(tǒng)的大網(wǎng)站只會使用側(cè)邊欄小工具，以便你快速訪問你喜歡的內(nèi)容或評論的文章？或者凸起查看過的內(nèi)容或高亮帖子？我不這么以為，未來更會泛起更優(yōu)雅的技術(shù)。

極好的例子：

Apple

你不必是個蘋果迷才能賞識這么好的網(wǎng)頁設(shè)計。蘋果老是想法讓它們的商標保持簡樸，繼承想法擠出明顯數(shù)目確當前和未來的設(shè)計趨勢。假如你想學(xué)習(xí)但不想模仿它，不是你必需創(chuàng)建一個站點酷似他們，而是復(fù)制其明顯的微妙之處，避免故意使用趨勢的噱頭。

Tesla

Go Electric page 這個頁面使用了大圖片，長動彈和嵌入式信息圖和交互式故事解釋了他們產(chǎn)品的常見5大題目，這是個相稱智慧的設(shè)計，比擬傳統(tǒng)枯燥無味的網(wǎng)站，這是個令人贊嘆的展示。