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

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

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

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

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

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

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

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

4. 微交互

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

5. 交互式故事

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

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

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

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

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

8. 動效使用更加普遍，但更多在微交互中

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

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

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

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

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

11. 更短的用戶操作流程

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

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

12. 虛擬按鈕

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

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

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

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

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