UI設(shè)計新趨勢

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

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

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

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

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

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

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

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

4. 微交互

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

5. 交互式故事

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

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

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

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

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

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

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

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

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

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

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

11. 更短的用戶操作流程

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

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

12. 虛擬按鈕

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

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

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

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

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