關于Web（網頁）設計(jì)的未來(lái)趨勢和發展，相(xiàng)信很多軟文和論壇中的文章(zhāng)都(dōu)有涉及到。下面讓我們總結一下哪些是真正的預言。
1.手勢取代點擊
曾經是如(rú)何滾動網頁的嗎(ma)？将鼠标移到屏幕的右邊緣，然後拖動稱爲“滾動條”的玩意兒，稍微專業點的可(kě)能會使用鼠标滾輪，光(guāng)标鍵或觸控闆，這已經領先于大(dà)多數的用戶了。
2015年(nián)，滾動要比點擊更加受歡迎。在手機(jī)或平闆的移動設備上，可(kě)以用手指滑動來(lái)滾動頁面。精确點擊目标實際上是很難的——這和我們在桌面上養成的習慣截然相(xiàng)反。
因此，我們希望越來(lái)越多的網站(zhàn)能夠内置爲滾動第一，點擊第二個的設置。當然，這正是我們現在無處不在的設計(jì)方式。
随着移動設備漸漸掌控市場，我們對此趨勢的預測完全是有充分(fēn)理(lǐ)由的。現在的網站(zhàn)已經沒有那麽多需要點擊的内容，更多的是滾動。鏈接少了，按鈕多了，“可(kě)點擊”區域大(dà)了，需要滾動的頁面高了。
那些将文章(zhāng)分(fēn)成多頁的網站(zhàn)估計(jì)馬上會明白(bái)，文章(zhāng)内容應該做成單頁的，哪怕很長很長，甚至可(kě)以像時代雜志學習，做成無限滾動網頁：
雖然說(shuō)将來(lái)web是否會擴張到類似于手表這樣的裝備上還(hái)是個未知數，但(dàn)是，如(rú)果這個設想成真的話(huà)，那麽我可(kě)以打賭以後将會成爲手勢的天下。
2.折疊将要消亡
既然滾動這麽省事(shì)，并且設備尺寸趨于多種多樣，于是乎，“折疊”慢(màn)慢(màn)變得(de)無關緊要起來(lái)。
設計(jì)師(shī)現在完全可(kě)以選擇不在頁面頂部填鴨式地塞滿所有東西。當前的一個設計(jì)趨勢是——全屏圖片，上面一個标題，滾動頁面，然後才能看(kàn)到具體(tǐ)的文章(zhāng)内容：
現在設計(jì)師(shī)可(kě)以像做雜志那樣放(fàng)一些大(dà)圖片到自(zì)己的網頁上。2015年(nián)的設計(jì)可(kě)能會占據更多的空間——特别是垂直方向——比如(rú)說(shuō)類似的大(dà)型圖片。
3.用戶速度更快(kuài)，網站(zhàn)更簡化
現在幾乎每個年(nián)輕的成年(nián)人(rén)本身(shēn)就(jiù)是一個專業的web用戶。甚至即使是業餘的都(dōu)表現得(de)很專業：使用多個标簽，刷新頁面。
與此同時，我們變得(de)越來(lái)越不耐煩。如(rú)果你(nǐ)想使一個脾氣溫和的人(rén)發火(huǒ)，隻要讓他(tā)的互聯網慢(màn)一分(fēn)鍾就(jiù)夠了。
現在的網站(zhàn)不僅要速度更快(kuài)（技術(shù)問(wèn)題），而且還(hái)要更易于理(lǐ)解。那些會減慢(màn)用戶速度的設計(jì)和那些完全加載不出來(lái)的效果是一樣的。
簡單的設計(jì)更易于浏覽，這意味着接收起來(lái)更快(kuài)。一眼望去(qù)，新穎的設計(jì)更吸引人(rén)的眼球：
這可(kě)能就(jiù)是skeuomorphic design消亡的最大(dà)原因：用戶變得(de)更有感知力，缺乏耐心，一些繁雜的内容拖垮了速度。
App因其超小的美麗接口把大(dà)多數網站(zhàn)都(dōu)比下去(qù)了。之所以網站(zhàn)會完敗是因爲最小化的接口擁有更好的執行力。
扁平化的設計(jì)僅僅是個開始。真正的趨勢是簡單化和直接化，預計(jì)2015年(nián)這方面的影(yǐng)響将會更加深遠(yuǎn)。
4.像素将會被廢棄
在桌面上，1個點就(jiù)是1像素。甚至有人(rén)還(hái)知道平均1英寸由多少像素組成：72 dpi。但(dàn)是現在，很多人(rén)已經不知道什麽是像素了。
随着響應式設計(jì)的普及，我們使用更多的是網格和百分(fēn)比。當然還(hái)是有一個區域依然堅守着像素：點陣圖。
幾乎所有的web都(dōu)是構建在圖像的基礎上。随着視網膜顯示屏和新式浏覽器逐步的盛行，矢量圖将成爲2015年(nián)的寵兒。
從(cóng)基于字體(tǐ)的圖标和谷歌材料設計(jì)上面來(lái)看(kàn)，這種趨勢已經可(kě)見(jiàn)一斑。網站(zhàn)加載速度更快(kuài)，縮放(fàng)圖标到任意大(dà)小也不會失真。這使得(de)它們非常适合新式的Web浏覽器。
雖然技術(shù)已經存在，但(dàn)依然需要時間來(lái)讓專業人(rén)員(yuán)改變他(tā)們的習慣，以便于創造更高品質的顯示。一旦平均桌面顯示達到視網膜級（如(rú)新的iMac），估計(jì)設計(jì)師(shī)隻能紛紛效仿。
5.動畫(huà)又回來(lái)了
以前我們說(shuō)，如(rú)果你(nǐ)想讓網站(zhàn)顯得(de)過時，就(jiù)放(fàng)一些GIF和Flash動畫(huà)。但(dàn)現在，動畫(huà)元素逐漸在網頁設計(jì)上大(dà)放(fàng)光(guāng)彩。
扁平化設計(jì)雖好，但(dàn)終歸看(kàn)上去(qù)毫無特色，甚至略顯無聊。動畫(huà)則可(kě)以讓網站(zhàn)用更少的空間傳遞更多的信息，顯得(de)獨樹(shù)一幟。
移動app俨然颠覆了大(dà)家的看(kàn)法，它們用動畫(huà)來(lái)傳達意思，現在網站(zhàn)緊随其步伐。
一些新技術(shù)，如(rú)CSS動畫(huà)，使得(de)我們不需要考慮插件(jiàn)、速度和兼容的問(wèn)題就(jiù)可(kě)以很容易地增強設計(jì)。并且Web組件(jiàn)（具體(tǐ)看(kàn)第6點）還(hái)可(kě)以提供加速功能。
GIF動畫(huà)又回來(lái)了，效果驚人(rén)。你(nǐ)會發現這篇文章(zhāng)中使用了大(dà)量GIF動畫(huà)，這是以前無法想像的。
6.組件(jiàn)是新的框架
Web技術(shù)變得(de)越來(lái)越複雜。即使是很簡單的任務，包括Google Analytics 和Facebook上的Like按鈕，都(dōu)迫使設計(jì)師(shī)不得(de)不嵌入很多亂七八糟的代碼到網頁上。而如(rú)果我們換寫例如(rú)下面這樣的代碼就(jiù)會簡單多了：
<google-analytics key=”UA-12345–678">
我們可(kě)以使用Web組件(jiàn)，然而這還(hái)沒有被大(dà)多數設計(jì)師(shī)所認可(kě)和習慣。 2015年(nián)是web組件(jiàn)雄起的一年(nián)。
谷歌材料設計(jì)打響了第一炮，它在所有新式浏覽器的支持下，提供了來(lái)自(zì)于Android app的多種多樣的動畫(huà)和互動組件(jiàn)，以及像這樣的簡單标簽：照(zhào)這樣的趨勢來(lái)看(kàn)，2015年(nián)出現更多的基于組件(jiàn)的架構也就(jiù)絲毫不令人(rén)意外了，比如(rú)說(shuō)Bootstrap 4.0？
7.社交飽和，以及直接郵件(jiàn)的崛起
社交媒體(tǐ)已經取得(de)了巨大(dà)的成功，但(dàn)很多内容供應商對此并不滿意。
然而問(wèn)題是已經飽和了。每天有數十億的帖子誕生(shēng)，Facebook隻收錄用戶最有可(kě)能喜歡和分(fēn)享的那一些。這意味着你(nǐ)發布的内容可(kě)能隻有很小很小比例的人(rén)群看(kàn)得(de)到。 （當然你(nǐ)可(kě)以付費，就(jiù)沒有這個煩惱了）。
社交是不會消失的，2014年(nián)，很多知名博客，例如(rú)Tim Ferriss，已經将注意力轉移到了良好的老式郵件(jiàn)列表上。因爲他(tā)們意識到，電子郵件(jiàn)比社交媒體(tǐ)有一個顯著的優勢：願意查閱郵件(jiàn)的人(rén)群比例要高得(de)多。
我預計(jì)這種帖子社交的趨勢将在2015年(nián)大(dà)放(fàng)光(guāng)彩。
不可(kě)預測的趨勢：CSS shapes
除了設計(jì)師(shī)，很多人(rén)都(dōu)不會去(qù)關注這一技術(shù)。 CSS shapes允許你(nǐ)布局成某種形狀，如(rú)圓形：
看(kàn)上去(qù)超酷，有木有？但(dàn)是除非有浏覽器的支持，否則你(nǐ)就(jiù)會有很大(dà)的風(fēng)險——很有可(kě)能需要投入大(dà)量的時間和精力來(lái)爲新老浏覽器分(fēn)别制作(zuò)兩種設計(jì)。但(dàn)是除了設計(jì)師(shī)，我相(xiàng)信沒有多少用戶會注意到這一點。雖然這真的很酷。
掃描二維碼