上進(jìn)的設(shè)計(jì)師！

編者按：給明年的自己增加籌碼！這一年快結(jié)束了，年底特別忙，但也別只顧工作，忘了給自己充電呦，今天特意分享一篇好文，聊聊明年將流行的設(shè)計(jì)趨勢(shì)，希望能給那些奮戰(zhàn)之余不忘充實(shí)自己的設(shè)計(jì)師們一點(diǎn)有價(jià)值的參考，每點(diǎn)趨勢(shì)后都有相關(guān)文章幫你理解，不擔(dān)心跟不上咯。

1. 響應(yīng)式在繼續(xù)

OK，也許你不打算打道回府。也許你有一個(gè)很好的理由不用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)？在過(guò)去的幾年里，響應(yīng)設(shè)計(jì)快速鞏固了自己作為網(wǎng)頁(yè)設(shè)計(jì)的新標(biāo)準(zhǔn)。當(dāng)然，也有爭(zhēng)論，但是沒(méi)人說(shuō)，“讓我們擺脫響應(yīng)式設(shè)計(jì)吧”。實(shí)際上，越來(lái)越多的網(wǎng)站選擇響應(yīng)式的方向。2014年確實(shí)如此，2015年也還會(huì)繼續(xù)。這已經(jīng)不是種趨勢(shì)，而是常態(tài)了。

2. 幽靈按鈕

幽靈按鈕憑借簡(jiǎn)潔時(shí)髦，及微妙的動(dòng)畫(huà)招人喜歡。2015年幽靈按鈕將繼續(xù)，特別是用在大背景和背景視頻上更適用。

3. 更強(qiáng)調(diào)字體

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

4. 比大比更大的圖片，視頻背景

一個(gè)讓網(wǎng)站脫穎而出的簡(jiǎn)單方式是突出關(guān)鍵的內(nèi)容，這種趨勢(shì)需要以美妙的方式來(lái)完成，強(qiáng)調(diào)設(shè)計(jì)哲學(xué)，優(yōu)雅有力量，而非只是噱頭。

5 . 滾動(dòng)主導(dǎo)點(diǎn)擊

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

6. 卡片式設(shè)計(jì)繼續(xù)

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

7. 扁平化繼續(xù)（或者M(jìn)aterial Design設(shè)計(jì)語(yǔ)言崛起）

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

Material Design是 Google今年新推出的移動(dòng)設(shè)計(jì)方向，“Material（材料）”是種隱喻：空間的合理化及系統(tǒng)動(dòng)效的統(tǒng)一。Material源自現(xiàn)實(shí)的感知，靈感來(lái)自紙張和油墨，尚未開(kāi)啟的想象力和神奇。

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

看不懂的同學(xué)，這里早就為你準(zhǔn)備了多篇科普文！

8. 微交互

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

9. 交互式故事

你想把所有的內(nèi)容聚在一起嗎？當(dāng)然，不是每個(gè)頁(yè)面都適合講一個(gè)仙女的故事的。如果你的品牌由一系列概念或價(jià)值（優(yōu)雅、創(chuàng)造力，簡(jiǎn)約等），從頁(yè)面布局到字體選擇，你都能通過(guò)頁(yè)面元素和交互性故事來(lái)闡述品牌和理念。

10. 個(gè)性化用戶(hù)體驗(yàn)

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

極好的例子

Apple

你不必是個(gè)蘋(píng)果迷才能欣賞這么好的網(wǎng)頁(yè)設(shè)計(jì)。蘋(píng)果總是設(shè)法讓它們的商標(biāo)保持簡(jiǎn)單，繼續(xù)設(shè)法擠出顯著數(shù)量的當(dāng)前和未來(lái)的設(shè)計(jì)趨勢(shì)。如果你想學(xué)習(xí)但不想模仿它，不是你必須創(chuàng)建一個(gè)站點(diǎn)酷似他們，而是復(fù)制其顯著的微妙之處，避免故意使用趨勢(shì)的噱頭。

Tesla

Go Electric page 這個(gè)頁(yè)面使用了大圖片，長(zhǎng)滾動(dòng)和嵌入式信息圖和交互式故事解釋了他們產(chǎn)品的常見(jiàn)5大問(wèn)題，這是個(gè)相當(dāng)聰明的設(shè)計(jì)，相比傳統(tǒng)枯燥無(wú)味的網(wǎng)站，這是個(gè)令人驚嘆的展示。