UI設(shè)計(jì)新趨勢(shì)：時(shí)下火的職業(yè)是神馬?毫無(wú)疑問(wèn)，答案是UI設(shè)計(jì)師。無(wú)論在app界面、網(wǎng)頁(yè)瀏覽器中還是智能手表上，設(shè)計(jì)都是驅(qū)動(dòng)用戶參與重要的動(dòng)力之一。結(jié)合移動(dòng)互聯(lián)網(wǎng)的發(fā)展和新設(shè)計(jì)元素，為大家分析一下UI設(shè)計(jì)十大流行發(fā)展趨勢(shì)。

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. 更強(qiáng)調(diào)字體

傳統(tǒng)的一些Web字體價(jià)格昂貴，意味著網(wǎng)站排版需要更多的預(yù)算。如今，這種情況在改變，設(shè)計(jì)師只要更少的預(yù)算甚至免費(fèi)（如Google Fonts）的字體集就能在網(wǎng)頁(yè)上自由設(shè)計(jì)。　　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)擊。這種方式更直觀，易于實(shí)現(xiàn)，減少加載時(shí)間，

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

扁平化設(shè)計(jì)在過(guò)去兩年里勢(shì)頭迅猛，2016年在持續(xù)。近這段時(shí)間如果你去打聽(tīng)下網(wǎng)頁(yè)設(shè)計(jì)的流行趨勢(shì)，大概每次你都能遇到扁平化設(shè)計(jì)(flat design)這個(gè)概念。扁平化設(shè)計(jì)這個(gè)概念的興起實(shí)際上也就是近幾年的事情，但是由于一些大型公司和組織在網(wǎng)頁(yè)設(shè)計(jì)這件事上，都將風(fēng)格偏向了它，所以扁平化設(shè)計(jì)就因此獲得了巨大的流行。

4. 微交互

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

5. 交互式故事

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

6. 各平臺(tái) (Android/iOS/HTML5/Web) 的標(biāo)準(zhǔn)設(shè)計(jì)語(yǔ)言接近一致

部分原生控件上只存在風(fēng)格上的差異，對(duì)用戶無(wú)顯著影響。

7. 設(shè)計(jì)規(guī)范、平臺(tái)特性將越來(lái)越受重視

大廠商更加務(wù)實(shí)，更遵守平臺(tái)的設(shè)計(jì)規(guī)范，只在需求無(wú)法滿足的情況下重新發(fā)明輪子，因?yàn)閷?shí)現(xiàn)、適配、用戶學(xué)習(xí)成本等方面的考慮，自創(chuàng)的交互效果未必理想。

8. 動(dòng)效使用更加普遍，但更多在微交互中

過(guò)于華麗的動(dòng)畫(huà)，經(jīng)常出現(xiàn)容易引起厭惡，而且會(huì)導(dǎo)致用戶等待的時(shí)間延長(zhǎng)。

9.「可用性高」的設(shè)計(jì)會(huì)戰(zhàn)勝「簡(jiǎn)潔」的設(shè)計(jì)

智能手機(jī)的用戶已經(jīng)擴(kuò)展到非常邊緣的人群，而且數(shù)量級(jí)很大，他們對(duì)于一般的界面交互、隱喻沒(méi)有任何概念，把信息盡量直白、無(wú)損地傳遞出去，會(huì)在可用性和設(shè)計(jì)的「簡(jiǎn)潔性」上產(chǎn)生一定的沖突。

10. 平面設(shè)計(jì)、游戲設(shè)計(jì)的靈感會(huì)影響 App 交互/內(nèi)容的設(shè)計(jì)

Flat 2.0 感覺(jué)的設(shè)計(jì)：雖然整體感覺(jué)還是「平」的，但陰影、漸變等細(xì)節(jié)會(huì)更豐富。

11. 更短的用戶操作流程

以前，人們完成一次交易可能要跳轉(zhuǎn)好幾個(gè)頁(yè)面，而現(xiàn)在在一屏內(nèi)就可以完成這些步驟，省時(shí)省力。比如用戶在完成某項(xiàng)任務(wù)后會(huì)高亮接下來(lái)所需要進(jìn)行的操作或者自動(dòng)打開(kāi)新頁(yè)面。

現(xiàn)在人們的生活節(jié)奏較快，經(jīng)常會(huì)在走路的時(shí)候用手機(jī)，因此簡(jiǎn)單快捷的操作更受歡迎。按照這種思路設(shè)計(jì)產(chǎn)品操作流程可以幫用戶省時(shí)省力，增加轉(zhuǎn)化率并提高用戶打開(kāi)app的頻率。

12. 虛擬按鈕

虛擬按鈕指的是透明的按鈕，沒(méi)有顏色填充，通過(guò)細(xì)線勾勒出長(zhǎng)方形或正方形的邊緣，邊角是直角或圓弧形。按鈕中文字也極簡(jiǎn)的。

這些設(shè)計(jì)優(yōu)雅的按鍵可以抓住用戶的注意力，看起來(lái)十分干凈、時(shí)髦又不花哨。同一個(gè)頁(yè)面上的按鈕還可以通過(guò)不同的設(shè)計(jì)和位置來(lái)表現(xiàn)優(yōu)先級(jí)，比如用虛擬按鈕來(lái)顯示選項(xiàng)或者中間步驟。在material design的一些情況下，還可以用細(xì)微的陰影幫助用戶理解按鈕的層級(jí)。

13.更輕量化的設(shè)計(jì)

“扁平化設(shè)計(jì)”去除了多余的傾斜和陰影，在app中采用一種更加輕量化的美學(xué)，界面更簡(jiǎn)單，只關(guān)注獲取核心信息，拋開(kāi)所有無(wú)用的設(shè)計(jì)元素。

輕量化的UI設(shè)計(jì)排除了干擾因素，把注意力放在屏幕上有意義的內(nèi)容，讓用戶的操作更加簡(jiǎn)單，同時(shí)使界面更加優(yōu)雅、現(xiàn)代。