關(guān)于Web（網(wǎng)頁(yè)）設(shè)計(jì)的未來(lái)趨勢(shì)和發(fā)展，相信很多軟文和論壇中的文章都有涉及到。下面讓我們總結(jié)一下哪些是真正的預(yù)言。

1.手勢(shì)取代點(diǎn)擊

曾經(jīng)是如何滾動(dòng)網(wǎng)頁(yè)的嗎？將鼠標(biāo)移到屏幕的右邊緣，然后拖動(dòng)稱為“滾動(dòng)條”的玩意兒，稍微專業(yè)點(diǎn)的可能會(huì)使用鼠標(biāo)滾輪，光標(biāo)鍵或觸控板，這已經(jīng)領(lǐng)先于大多數(shù)的用戶了。

2015年，滾動(dòng)要比點(diǎn)擊更加受歡迎。在手機(jī)或平板的移動(dòng)設(shè)備上，可以用手指滑動(dòng)來(lái)滾動(dòng)頁(yè)面。精確點(diǎn)擊目標(biāo)實(shí)際上是很難的——這和我們?cè)谧烂嫔橡B(yǎng)成的習(xí)慣截然相反。

因此，我們希望越來(lái)越多的網(wǎng)站能夠內(nèi)置為滾動(dòng)第一，點(diǎn)擊第二個(gè)的設(shè)置。當(dāng)然，這正是我們現(xiàn)在無(wú)處不在的設(shè)計(jì)方式。

隨著移動(dòng)設(shè)備漸漸掌控市場(chǎng)，我們對(duì)此趨勢(shì)的預(yù)測(cè)完全是有充分理由的?，F(xiàn)在的網(wǎng)站已經(jīng)沒(méi)有那么多需要點(diǎn)擊的內(nèi)容，更多的是滾動(dòng)。鏈接少了，按鈕多了，“可點(diǎn)擊”區(qū)域大了，需要滾動(dòng)的頁(yè)面高了。

那些將文章分成多頁(yè)的網(wǎng)站估計(jì)馬上會(huì)明白，文章內(nèi)容應(yīng)該做成單頁(yè)的，哪怕很長(zhǎng)很長(zhǎng)，甚至可以像時(shí)代雜志學(xué)習(xí)，做成無(wú)限滾動(dòng)網(wǎng)頁(yè)：

雖然說(shuō)將來(lái)web是否會(huì)擴(kuò)張到類似于手表這樣的裝備上還是個(gè)未知數(shù)，但是，如果這個(gè)設(shè)想成真的話，那么我可以打賭以后將會(huì)成為手勢(shì)的天下。

2.折疊將要消亡

既然滾動(dòng)這么省事，并且設(shè)備尺寸趨于多種多樣，于是乎，“折疊”慢慢變得無(wú)關(guān)緊要起來(lái)。

設(shè)計(jì)師現(xiàn)在完全可以選擇不在頁(yè)面頂部填鴨式地塞滿所有東西。當(dāng)前的一個(gè)設(shè)計(jì)趨勢(shì)是——全屏圖片，上面一個(gè)標(biāo)題，滾動(dòng)頁(yè)面，然后才能看到具體的文章內(nèi)容：

現(xiàn)在設(shè)計(jì)師可以像做雜志那樣放一些大圖片到自己的網(wǎng)頁(yè)上。2015年的設(shè)計(jì)可能會(huì)占據(jù)更多的空間——特別是垂直方向——比如說(shuō)類似的大型圖片。

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

現(xiàn)在幾乎每個(gè)年輕的成年人本身就是一個(gè)專業(yè)的web用戶。甚至即使是業(yè)余的都表現(xiàn)得很專業(yè)：使用多個(gè)標(biāo)簽，刷新頁(yè)面。

與此同時(shí)，我們變得越來(lái)越不耐煩。如果你想使一個(gè)脾氣溫和的人發(fā)火，只要讓他的互聯(lián)網(wǎng)慢一分鐘就夠了。

現(xiàn)在的網(wǎng)站不僅要速度更快（技術(shù)問(wèn)題），而且還要更易于理解。那些會(huì)減慢用戶速度的設(shè)計(jì)和那些完全加載不出來(lái)的效果是一樣的。

簡(jiǎn)單的設(shè)計(jì)更易于瀏覽，這意味著接收起來(lái)更快。一眼望去，新穎的設(shè)計(jì)更吸引人的眼球：

這可能就是skeuomorphic design消亡的最大原因：用戶變得更有感知力，缺乏耐心，一些繁雜的內(nèi)容拖垮了速度。

App因其超小的美麗接口把大多數(shù)網(wǎng)站都比下去了。之所以網(wǎng)站會(huì)完敗是因?yàn)樽钚』慕涌趽碛懈玫膱?zhí)行力。

扁平化的設(shè)計(jì)僅僅是個(gè)開(kāi)始。真正的趨勢(shì)是簡(jiǎn)單化和直接化，預(yù)計(jì)2015年這方面的影響將會(huì)更加深遠(yuǎn)。

4.像素將會(huì)被廢棄

在桌面上，1個(gè)點(diǎn)就是1像素。甚至有人還知道平均1英寸由多少像素組成：72 dpi。但是現(xiàn)在，很多人已經(jīng)不知道什么是像素了。

隨著響應(yīng)式設(shè)計(jì)的普及，我們使用更多的是網(wǎng)格和百分比。當(dāng)然還是有一個(gè)區(qū)域依然堅(jiān)守著像素：點(diǎn)陣圖。

幾乎所有的web都是構(gòu)建在圖像的基礎(chǔ)上。隨著視網(wǎng)膜顯示屏和新式瀏覽器逐步的盛行，矢量圖將成為2015年的寵兒。

從基于字體的圖標(biāo)和谷歌材料設(shè)計(jì)上面來(lái)看，這種趨勢(shì)已經(jīng)可見(jiàn)一斑。網(wǎng)站加載速度更快，縮放圖標(biāo)到任意大小也不會(huì)失真。這使得它們非常適合新式的Web瀏覽器。

雖然技術(shù)已經(jīng)存在，但依然需要時(shí)間來(lái)讓專業(yè)人員改變他們的習(xí)慣，以便于創(chuàng)造更高品質(zhì)的顯示。一旦平均桌面顯示達(dá)到視網(wǎng)膜級(jí)（如新的iMac），估計(jì)設(shè)計(jì)師只能紛紛效仿。

5.動(dòng)畫(huà)又回來(lái)了

以前我們說(shuō)，如果你想讓網(wǎng)站顯得過(guò)時(shí)，就放一些GIF和Flash動(dòng)畫(huà)。但現(xiàn)在，動(dòng)畫(huà)元素逐漸在網(wǎng)頁(yè)設(shè)計(jì)上大放光彩。

扁平化設(shè)計(jì)雖好，但終歸看上去毫無(wú)特色，甚至略顯無(wú)聊。動(dòng)畫(huà)則可以讓網(wǎng)站用更少的空間傳遞更多的信息，顯得獨(dú)樹(shù)一幟。

移動(dòng)app儼然顛覆了大家的看法，它們用動(dòng)畫(huà)來(lái)傳達(dá)意思，現(xiàn)在網(wǎng)站緊隨其步伐。

一些新技術(shù)，如CSS動(dòng)畫(huà)，使得我們不需要考慮插件、速度和兼容的問(wèn)題就可以很容易地增強(qiáng)設(shè)計(jì)。并且Web組件（具體看第6點(diǎn)）還可以提供加速功能。

GIF動(dòng)畫(huà)又回來(lái)了，效果驚人。你會(huì)發(fā)現(xiàn)這篇文章中使用了大量GIF動(dòng)畫(huà)，這是以前無(wú)法想像的。

6.組件是新的框架

Web技術(shù)變得越來(lái)越復(fù)雜。即使是很簡(jiǎn)單的任務(wù)，包括Google Analytics 和Facebook上的Like按鈕，都迫使設(shè)計(jì)師不得不嵌入很多亂七八糟的代碼到網(wǎng)頁(yè)上。而如果我們換寫例如下面這樣的代碼就會(huì)簡(jiǎn)單多了：

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

我們可以使用Web組件，然而這還沒(méi)有被大多數(shù)設(shè)計(jì)師所認(rèn)可和習(xí)慣。 2015年是web組件雄起的一年。

谷歌材料設(shè)計(jì)打響了第一炮，它在所有新式瀏覽器的支持下，提供了來(lái)自于Android app的多種多樣的動(dòng)畫(huà)和互動(dòng)組件，以及像這樣的簡(jiǎn)單標(biāo)簽：照這樣的趨勢(shì)來(lái)看，2015年出現(xiàn)更多的基于組件的架構(gòu)也就絲毫不令人意外了，比如說(shuō)Bootstrap 4.0？

7.社交飽和，以及直接郵件的崛起

社交媒體已經(jīng)取得了巨大的成功，但很多內(nèi)容供應(yīng)商對(duì)此并不滿意。

然而問(wèn)題是已經(jīng)飽和了。每天有數(shù)十億的帖子誕生，F(xiàn)acebook只收錄用戶最有可能喜歡和分享的那一些。這意味著你發(fā)布的內(nèi)容可能只有很小很小比例的人群看得到。 （當(dāng)然你可以付費(fèi)，就沒(méi)有這個(gè)煩惱了）。

社交是不會(huì)消失的，2014年，很多知名博客，例如Tim Ferriss，已經(jīng)將注意力轉(zhuǎn)移到了良好的老式郵件列表上。因?yàn)樗麄円庾R(shí)到，電子郵件比社交媒體有一個(gè)顯著的優(yōu)勢(shì)：愿意查閱郵件的人群比例要高得多。

我預(yù)計(jì)這種帖子社交的趨勢(shì)將在2015年大放光彩。

不可預(yù)測(cè)的趨勢(shì)：CSS shapes

除了設(shè)計(jì)師，很多人都不會(huì)去關(guān)注這一技術(shù)。 CSS shapes允許你布局成某種形狀，如圓形：

看上去超酷，有木有？但是除非有瀏覽器的支持，否則你就會(huì)有很大的風(fēng)險(xiǎn)——很有可能需要投入大量的時(shí)間和精力來(lái)為新老瀏覽器分別制作兩種設(shè)計(jì)。但是除了設(shè)計(jì)師，我相信沒(méi)有多少用戶會(huì)注意到這一點(diǎn)。雖然這真的很酷。