1. 可用性設計

2016年，設計的大方向將繼續向著(zhù)用戶(hù)傾斜。用戶(hù)體驗在整個(gè)設計中的權重將繼續加大。如果你的設計在可用性上不足的話(huà)，再炫酷也不會(huì )有人問(wèn)津。

如果不能專(zhuān)注地做好用戶(hù)體驗設計，在即將到來(lái)的2016年，你是無(wú)法持久地吸引用戶(hù)的。無(wú)論是谷歌在算法上的變更，還是用戶(hù)行為數據的變遷，都指向同一個(gè)方向：你的網(wǎng)站必須加載得更快，也必須更加易用。

對于電商網(wǎng)站而言，加載速度的影響會(huì )更為明顯，因為加載速度每延遲一秒，就意味著(zhù)27%的銷(xiāo)量流失掉了。其他的網(wǎng)站也類(lèi)似，只不過(guò)產(chǎn)生的影響不盡相同。

2. 響應式設計

時(shí)至今日，響應式網(wǎng)頁(yè)設計不再是一個(gè)可選項，而是必選項了。移動(dòng)端無(wú)疑已經(jīng)是真正意義上的“第一屏”了。不同類(lèi)型不同尺寸的屏幕讓設計師們面臨的界面是真正意義上的“碎片化”的屏幕選項，所以響應式不得不為之。

對，你必須得讓你的設計可用，這樣一來(lái)，你就必須讓所有屏幕都可以正常顯示。值得注意的是，作為目前的一項鐵律，如果你的網(wǎng)站用手機打開(kāi)而無(wú)法正常瀏覽的話(huà)，通常意味著(zhù)你需要修改和調整了。

在即將到來(lái)的2016年，響應式是必須品，不存在某個(gè)尺寸或格式能夠搞定所有問(wèn)題，并且變得響應式的將不僅僅是網(wǎng)頁(yè)本身，還有LOGO、Banner等所有相關(guān)元素。最值得學(xué)習的案例就是Netflix了，全面響應式的設計，讓你徹底告別拉伸和馬賽克。

3. APP設計入侵網(wǎng)頁(yè)設計領(lǐng)域

網(wǎng)頁(yè)設計早就應該向APP設計學(xué)習了，它應該更加高效，更低干擾，應該能提供定制化的用戶(hù)體驗。

隨著(zhù)網(wǎng)絡(luò )的膨脹和網(wǎng)絡(luò )空間的飽和度的增加，設計和策劃人員也開(kāi)始在網(wǎng)頁(yè)的個(gè)性化瀏覽上下功夫，添加更多具備“排他性”的特性。

你要學(xué)會(huì )移除非必須的信息，讓用戶(hù)可以盡可能快地同你的網(wǎng)頁(yè)內容進(jìn)行交互。

4. 更智能的菜單

有些用戶(hù)已經(jīng)開(kāi)始厭倦漢堡菜單和導航圖標，但是這種情況僅僅只是開(kāi)始，因為菜單正在進(jìn)化為越來(lái)越智能。

采用隱藏式導航的網(wǎng)頁(yè)正在逐步增多，這也許很快會(huì )成為一種常態(tài)。這一設計出現的理由是，這樣的設計可以讓用戶(hù)更少被非關(guān)鍵信息所干擾。

但是，即使我們看不到菜單的存在，但是經(jīng)驗告訴我們，菜單一定是存在的，因此我們無(wú)需為此擔心——因為當我們需要它的時(shí)候，菜單會(huì )在合適的地方出現。

專(zhuān)家還預測，未來(lái)的菜單可能是多方向滾動(dòng)的，不過(guò)就目前而言，這并沒(méi)有明確的標準，未來(lái)會(huì )有各種可能性。

5. 模塊和模塊化文本

沒(méi)人會(huì )喜歡翻看文章的時(shí)候，發(fā)現導語(yǔ)又臭又長(cháng)，是吧？那么在網(wǎng)頁(yè)上，最好的呈現方式是提供一份簡(jiǎn)短版本的導語(yǔ)，然后設計前來(lái)救場(chǎng)：提供一套模塊化的布局方案。

模塊化設計之下，每個(gè)部分都會(huì )劃分成為獨立的區塊，便于操作。但是這一的設計并不會(huì )顯得單調，相反，它更加難于預測，它可能會(huì )將內容以更讓人感興趣、更適宜于探索的方式呈現出來(lái)。

就像讀雜志一樣，用戶(hù)的實(shí)現會(huì )從一個(gè)內容區塊跳轉到另外一個(gè)區塊，從一種類(lèi)型跳轉到另外一種類(lèi)型。

6. 無(wú)限滾動(dòng)和模塊化設計

這也是網(wǎng)頁(yè)設計最近開(kāi)始流行的一種玩法，模塊化滾動(dòng)頁(yè)面設計。網(wǎng)頁(yè)被劃分成許多獨立的模塊，每個(gè)模塊內的滾動(dòng)交互獨立于其他的模塊。

聽(tīng)起來(lái)太過(guò)復雜？這倒不然，實(shí)際上你可能會(huì )在某些網(wǎng)站中看到過(guò)類(lèi)似的狀況，側邊欄的滾動(dòng)速度和頁(yè)面正文的滾動(dòng)速度不同。當然，在模塊化滾動(dòng)的頁(yè)面中，這種狀況會(huì )更加明顯，特性也更加顯著(zhù)。腦補一下，兩欄式頁(yè)面，兩列內容單獨滾動(dòng)，就像下面這個(gè)案例：

當然，這一切始于無(wú)限滾動(dòng)這一頁(yè)面設計技術(shù)，最典型的就是Pinterest、Facebook和Twitter。

模塊化無(wú)限滾動(dòng)也是基于一個(gè)相同的假設：向下滾動(dòng)總是更容易的操作，用戶(hù)不用停下來(lái)點(diǎn)擊翻頁(yè)。這也難怪越來(lái)越多的用戶(hù)沉迷于這種交互模式。

7. Material Design

實(shí)際上Material Design 的推出可以追溯到2013年，但是它的流行真正開(kāi)始于2015年。如果你仔細觀(guān)察過(guò)各個(gè)領(lǐng)域的設計風(fēng)格的改變，你會(huì )發(fā)現 Material Design 開(kāi)始大規模地出現在網(wǎng)頁(yè)、APP甚至藝術(shù)作品當中，我們可以預見(jiàn)到 2016年 Material Design 設計風(fēng)格的爆發(fā)式流行。

8. 扁平化設計

嚴格意義上來(lái)說(shuō)，Material Design 算是扁平化設計中的一個(gè)分支，它有著(zhù)典型的“紙”的隱喻。廣泛意義上的扁平化設計依然非常流行，甚至可以說(shuō)是非常受歡迎。

近幾年扁平化的風(fēng)潮之下，許多品牌也都開(kāi)始選擇簡(jiǎn)約現代而扁平的風(fēng)格，視覺(jué)設計也大都秉承少即是多的理念。

扁平化設計的優(yōu)勢很明顯，這些優(yōu)勢主要體現在用戶(hù)體驗上，他讓網(wǎng)頁(yè)更加輕量自由，降低負擔，提升加載時(shí)間。

扁平化設計和幽靈按鈕等時(shí)下流行的設計元素可以很好地配合起來(lái)，隨著(zhù)時(shí)間的沉淀，類(lèi)似Material Design的輕量級陰影的加入到扁平化設計中，通常我們稱(chēng)之為扁平化2.0。

9. 視覺(jué)化的故事呈現

一圖勝千言，相比于長(cháng)篇大論的文字，視覺(jué)化的故事呈現方式會(huì )更加直觀(guān)，也更符合時(shí)下的文化特征于用戶(hù)的閱讀習慣。我想下面的數據會(huì )給你更多的信心：

·全球范圍內有1億人每天至少觀(guān)看一個(gè)視頻

·網(wǎng)站訪(fǎng)客中64%的人會(huì )在觀(guān)看視頻后選擇購買(mǎi)

·80% 的觀(guān)眾會(huì )在持續觀(guān)看一個(gè)廣告30天后選擇購買(mǎi)

·92%的人有觀(guān)看視頻之后分享的行為

·人類(lèi)處理視覺(jué)元素的速度比文字快6萬(wàn)倍

10. 信息圖

信息圖是近年來(lái)每年都在增長(cháng)的一種設計手法，信息圖以更加視覺(jué)化的方式呈現出信息和數據，讓用戶(hù)更容易接受。信息圖的火熱除了本身的優(yōu)勢之外，造成它流行的的原因很大程度上源自于社交網(wǎng)絡(luò )、SEO和內容營(yíng)銷(xiāo)的大量需求。

2016年，信息圖肯定會(huì )進(jìn)一步發(fā)展，信息圖的模板會(huì )更加多樣絢麗，也許你會(huì )看到更多有趣的扁平風(fēng)插畫(huà)和藝術(shù)化的表達，也許信息圖會(huì )和大數據進(jìn)行更緊密的結合。

11. 炫酷的字體排版

不論是帥氣的網(wǎng)站還是令人印象深刻的信息圖，炫酷的字體排版似乎已經(jīng)成為標配了。漂亮的字體排版已經(jīng)成為品牌化表達的重要手段，是呈現性格的實(shí)用手段。

其實(shí)字體排版本身就是一門(mén)語(yǔ)言。在幾年前，通常只有專(zhuān)業(yè)的平面設計師能玩轉它，不過(guò)隨著(zhù)各類(lèi)字體的廣泛流行，使得許多并不精通字體設計的設計師也可以搞定字體排版。

12. 現代復古

現代復古風(fēng)絕對夠酷。從20世紀初到90年代之間所流行的各種元素在現在看來(lái)是非常復古的，像素藝術(shù)、巨大的移動(dòng)電話(huà)，Tron等等這些元素時(shí)下的現代風(fēng)結合到一起，構建出一種獨特的復古氛圍，有底蘊，有層次，非常Geek。

13. 豐富色彩

豐富的用色并不是越多越好，這里說(shuō)的是接近80年代風(fēng)格的彩虹式用色，多個(gè)類(lèi)似蠟筆的低飽和度色彩協(xié)調地搭配到一起，營(yíng)造出一種愉悅而活潑的氛圍，這種配色方式你可以在2016年春的潘通時(shí)尚流行色報告中得到印證。

14. 柵格和幾何形狀

柵格化布局將會(huì )成為CSS語(yǔ)言規范中的一部分。柵格不僅主宰著(zhù)網(wǎng)頁(yè)設計，還影響著(zhù)平面設計，這種最早源自于瑞士的現代主義運動(dòng)的設計方式的確有其獨到之處。另外一個(gè)值得一提的是幾何形狀的運用。

幾何形狀在網(wǎng)頁(yè)設計和平面設計中都是非常有效的裝飾元素，它同時(shí)下流行的各種設計元素和設計技巧都可以無(wú)縫地搭配在一起，著(zhù)也是它成為設計趨勢的重要原因之一。

15. 干掉圖庫

在網(wǎng)站中引入圖庫其實(shí)是一件非常無(wú)聊而原理原創(chuàng )的一種方式。雖然圖庫網(wǎng)站很多，但是你會(huì )發(fā)現大家挑的圖片總是那幾個(gè)。這也是為什么許多圖庫類(lèi)的網(wǎng)站都在力圖推薦真正流行的、高素質(zhì)的圖片。

雖然有數以百萬(wàn)計的圖片可供選擇，不過(guò)越來(lái)越多的設計師開(kāi)始選擇自己拍圖，甚至親自手繪來(lái)搞定問(wèn)題。

16. 視頻和GIF圖

視頻背景和動(dòng)態(tài)圖背景也是目前正在流行的趨勢之一，2016年將會(huì )有更多的網(wǎng)站選擇這樣的設計。

當然，GIF圖在社交網(wǎng)絡(luò )上通常作為動(dòng)態(tài)表情而存在，那些內涵十足的內容擁有著(zhù)強大的傳播力。