有太多的文章告訴你什么是炫酷的網(wǎng)頁(yè)設(shè)計(jì)，而我要帶你做一些真正的預(yù)言。

1. 新的點(diǎn)擊手勢(shì)

我們幾乎已經(jīng)忘記了曾經(jīng)是如何滾動(dòng)網(wǎng)頁(yè)的了，很多用戶會(huì)刻意的把鼠標(biāo)移到屏幕右邊緣，使用一個(gè)稱之為“滾動(dòng)條”的東西。

作為一名比大多數(shù)人更專業(yè)的人員，你可能使用鼠標(biāo)滾輪、光標(biāo)鍵、或者觸摸板。

在2015年，滾動(dòng)比點(diǎn)擊更加的容易。在移動(dòng)端，你可以使用你的母指瘋狂滾動(dòng)。點(diǎn)擊一個(gè)清晰的目標(biāo)反而更加困難，這與之前我們使用桌面版習(xí)慣是完全相反的。

因此，我們應(yīng)該期待越來(lái)越多的網(wǎng)站以滾動(dòng)第一而點(diǎn)擊第二為目標(biāo)。當(dāng)然，這正是我們經(jīng)?？吹降模?/p>

有充分的理由預(yù)計(jì)這一情況，因?yàn)橐苿?dòng)端所占的比例越來(lái)越大?，F(xiàn)代的網(wǎng)站有更少需要點(diǎn)擊的東西，取而代之的則是滾動(dòng)。我們將看到更少的鏈接、更多的按鈕、更大的可點(diǎn)擊區(qū)域、以及更高的可滾動(dòng)頁(yè)面。

把分章分成多個(gè)頁(yè)面的網(wǎng)站很快就會(huì)吸取到此教訓(xùn)。希望會(huì)把內(nèi)容放到單頁(yè)面或者更長(zhǎng)，就像時(shí)代雜志那樣，無(wú)限滾動(dòng)。

現(xiàn)在還不知道網(wǎng)絡(luò)是否會(huì)擴(kuò)展到手表設(shè)備上，但是如果真是這樣，你可以打賭，它幾乎完全由手勢(shì)驅(qū)動(dòng)。

2. 折疊內(nèi)容已死

現(xiàn)在滾動(dòng)很容易，設(shè)備尺寸也各不相同，因此，折疊內(nèi)容已顯得無(wú)關(guān)緊要。

越來(lái)越多的設(shè)計(jì)師將不會(huì)把所有內(nèi)容都放到頂部。這是因Medium而流行起來(lái)的趨勢(shì)–全屏圖像標(biāo)題，直到滾動(dòng)時(shí)才可以看見內(nèi)容。

使用更高的可滾動(dòng)頁(yè)面，使得網(wǎng)頁(yè)設(shè)計(jì)師擁有了雜志那樣的機(jī)會(huì)：使用漂亮的大圖填充頁(yè)面。希望在2015年，更多的設(shè)計(jì)師可以像這樣占用更多的空間–尤其是垂直方向上。

3. 用戶更快，網(wǎng)站更簡(jiǎn)化

現(xiàn)在幾乎所有年輕的成年人都是專家級(jí)的網(wǎng)絡(luò)用戶。即使業(yè)余的也像專家那樣：使用多個(gè)標(biāo)簽頁(yè)，切換回上一頁(yè)。

其結(jié)果就是一切將會(huì)變的更快，并且我們變得更加沒有耐心。如果你想讓你一個(gè)態(tài)度謙和的人煩惱起來(lái)，只需要讓他的網(wǎng)絡(luò)變慢一些。

現(xiàn)在的網(wǎng)站被迫不是變得更快（技術(shù)問題），而是變得更容易理解。減緩用戶的設(shè)計(jì)對(duì)用戶具有相同的影響，因?yàn)榫W(wǎng)站根本沒有被加載。

簡(jiǎn)潔的設(shè)計(jì)更容易瀏覽，這也意味著它可以更快的升值。大家很容易看出下面兩個(gè)設(shè)計(jì)那個(gè)更新：

這就是 skeuomorphic design 死亡的原因：用戶更加感性、缺乏耐心、而雜亂的設(shè)計(jì)影響的他們的瀏覽速度。

APPS 把網(wǎng)站變得更小、界面更漂亮。他們這么做是因?yàn)檫@樣在小界面上體驗(yàn)更好。

扁平化的設(shè)計(jì)僅僅是個(gè)開始。真正的趨勢(shì)是簡(jiǎn)單和直接，我們希望2015年比以往任何時(shí)刻都走的更遠(yuǎn)。

4. 像素已死

在桌面上，一像素就是一像素，你甚至知道平均多少英寸是一像素：72dpi。然而，現(xiàn)在越來(lái)越少的人知道什么是像素了。

響應(yīng)式設(shè)計(jì)中，我們看到了柵格與百分比布局。但仍有一個(gè)巨大的區(qū)域受到挑戰(zhàn)：位圖圖像。

幾乎所有的網(wǎng)站只具有現(xiàn)在瀏覽器一半分辨率的圖像。隨著視網(wǎng)膜顯示屏和現(xiàn)代瀏覽器的流行，在2015年，矢量圖將變得更受歡迎。

我們已經(jīng)可以在字體圖標(biāo)和Google’s Material design中看到此趨勢(shì)。網(wǎng)站加載更快、所放到任何大小都不會(huì)損失質(zhì)量。

現(xiàn)在，這樣的技術(shù)已經(jīng)存在，但是需要設(shè)計(jì)師改變他們的習(xí)慣以創(chuàng)造更高品質(zhì)的顯示。一旦屏幕顯示變成視網(wǎng)膜級(jí)別的時(shí)候，我們希望設(shè)計(jì)師們能夠快速的適應(yīng)。

5. 動(dòng)畫回歸

如果你想使你的網(wǎng)站看起來(lái)不過時(shí)，則使用GIFS和FLASH動(dòng)畫。但是下面幾種情況結(jié)合起來(lái)使得動(dòng)畫成為現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)的后起之秀。

扁平化設(shè)計(jì)看起來(lái)太單一，甚至有些乏味。而動(dòng)畫幫助網(wǎng)站脫穎而出，占用更少的空間，提供跟多的信息。

移動(dòng)應(yīng)用程序(Mobile APP)已經(jīng)重新定義了用戶的期望。移動(dòng)應(yīng)用使用手勢(shì)來(lái)傳達(dá)意義，網(wǎng)站也剛開始做這樣的事情。

新技術(shù)如CSS動(dòng)畫，可以不使用插件提高網(wǎng)站的設(shè)計(jì)、速度和兼容性。WEB組件將會(huì)加速這些。

GIF動(dòng)畫回歸，并且出奇的有效。你應(yīng)該注意到了這篇文章使用了很多的GIF動(dòng)畫。

6. 組件新框架

WEB技術(shù)不斷的變得更加復(fù)雜，更少的語(yǔ)義化。設(shè)計(jì)師必須為簡(jiǎn)單的功能嵌入復(fù)雜的代碼，如Google Analytics和Facebook喜歡按鈕。如果可以像下面這樣使用的話則會(huì)更加簡(jiǎn)單：

<google-analytics key=”UA-12345–678">

我們可以使用WEB組件，然而大部分的設(shè)計(jì)師還沒有準(zhǔn)備好。2015年看起來(lái)應(yīng)該是它們的一年。

這里是 Google’s Material design ，它開始了這個(gè)運(yùn)動(dòng)。由 Polymer 設(shè)計(jì)，支持所有現(xiàn)在的瀏覽器，通過簡(jiǎn)單的標(biāo)簽提供了復(fù)雜的動(dòng)畫和交互組件。

7. 社交媒體的飽和和直接郵件的興起

社交媒體取得了巨大的成功，但內(nèi)容發(fā)布商卻沒有那么的開心。

主要問題就是飽和。Facebook每天有數(shù)十億的文章，而用戶感興趣的卻只有那么一些。不幸的是，隨著時(shí)間的推移，你發(fā)布的內(nèi)容會(huì)被越來(lái)越少的用戶看到(你可以通過付費(fèi)解決此問題)。

社交媒體不會(huì)消失，但是在過去的2014年，我們看到很多著名的博客已經(jīng)把他們的注意力從社交媒體轉(zhuǎn)移到過去流行的郵件訂閱列表。他們意識(shí)到郵件相當(dāng)于社交媒體的一個(gè)優(yōu)勢(shì)就是：相當(dāng)高比例的人會(huì)查看郵件的內(nèi)容。

 

via: medium， 本文由 Specs 翻譯整理，發(fā)布在 WEB資源網(wǎng)，轉(zhuǎn)載請(qǐng)注明來(lái)源。