對于優(yōu)秀的UI設(shè)計師而言，掌握設(shè)計趨勢是一項基本能力。在反復(fù)分析過去的UI設(shè)計作品之后，可以總計出UI設(shè)計的流行趨勢。那么UI設(shè)計的流行趨勢有哪些？分別是什么呢？它們有什么特征呢？ 下文總結(jié)了UI設(shè)計的五個流行趨勢，即深色模式，顏色對比度，卡片設(shè)計，準(zhǔn)樣式和空白設(shè)計。讓我們一一分析這些趨勢的具體內(nèi)容和特征。

　　1、顏色對比

年輕化的UI設(shè)計風(fēng)格是2020年UI設(shè)計的一大趨勢之一。強(qiáng)烈對比的顏色運用，體現(xiàn)出了年輕化的活力與朝氣，使得UI設(shè)計產(chǎn)品更容易與年輕化的互聯(lián)網(wǎng)用戶產(chǎn)生共鳴。UI設(shè)計的多彩化主要表現(xiàn)在一些控件或組件中，比如圖標(biāo)、按鈕、內(nèi)容模塊、插圖、背景、投影等等。

具體來講就是通過多顏色的搭配，讓整體的UI界面變得豐富有層次，并且更加貼合年輕化的趨勢。除此之外，我們還可以在UI設(shè)計中大膽的使用漸變色，提升顏色的跨度表現(xiàn)，豐富設(shè)計質(zhì)感。甚至可以運用撞色，提升用色的層次感。

　　2、深色模式

深色模式作為2020的主流設(shè)計趨勢之一，早已上升到系統(tǒng)級別的設(shè)計了( iOS、material design），另外還有一些主流的APP也跟隨系統(tǒng)進(jìn)行了深色模式的設(shè)計。比如最近上熱搜的熱點事件微信發(fā)布深色模式版本。一般來講這些主流APP都是跟隨系統(tǒng)的設(shè)定而變化。

關(guān)于深色模式的設(shè)計建議主要是使用基礎(chǔ)色進(jìn)行延展，不能簡單粗暴的進(jìn)行反色處理或變暗處理。比如盡量使用深灰色而非純黑色，因為在深灰色上使用淺色文本的對比相對來說較弱些，可以減輕眼睛閱讀的疲勞度。另外，可以通過層級疊加的顏色變化來完成界面的UI設(shè)計。最后，還有優(yōu)化深色下的亮色對比程度 ，避免飽和度或亮度過高產(chǎn)生強(qiáng)對比的視覺疲勞。

　　3、卡片設(shè)計

卡片式設(shè)計一直是UI設(shè)計中最常用的方式之一，而在2020年卡片設(shè)計有了新的變化趨勢。比如柔和的圓角越來越常見，當(dāng)然在UI設(shè)計時更多需要考慮設(shè)計的產(chǎn)品風(fēng)格或氣質(zhì)是適合大圓角還是小圓角，而非依據(jù)一些設(shè)計網(wǎng)站上的流行趨勢。還有新的卡片設(shè)計更加趨向自然的投影，減弱投影帶來的切割感覺，提升界面的平整性。

4、留白設(shè)計

留白設(shè)計被越來越頻繁地應(yīng)用到UI設(shè)計中，相比于緊湊的設(shè)計，適當(dāng)?shù)牧舭卓梢宰屓嗽陂喿x時更加具有放松的心理暗示。留白是一種對比手法或方式，而非純粹的減少內(nèi)容來達(dá)到留白的目的，在有限的手機(jī)屏幕內(nèi)容我們需要清楚哪些位置或內(nèi)容可以做到適當(dāng)留白。

留白的設(shè)計方式有很多，像是頂部留白，讓使用者從一開始的就降低視覺壓迫性。還有去線留白，即減少線對內(nèi)容的信息干擾。再或者是減少重色，讓整體界面的設(shè)計更加輕量化、扁平化。還有增加邊距留白，增強(qiáng)內(nèi)容的聚焦。

　　5、擬物風(fēng)格

擬物風(fēng)格早就不是什么新詞了，在2019年就已經(jīng)在UI設(shè)計中頻頻被提及。不過2020年的擬物風(fēng)格與以往的擬物化設(shè)計不完全一樣，是一種介于扁平化和擬物化的新風(fēng)格嘗試。主要是通過光影的變化來突出內(nèi)容的區(qū)域或模塊設(shè)計，整體感覺相比扁平化的設(shè)計來說會更加具有氛圍性和視覺沖擊感。

2020年擬物風(fēng)格的基本原理主要是通過“凸起效果”和“凹陷效果”構(gòu)成的。凸起效果使用外投影來實現(xiàn)，疊加層級依次為：基層-亮投影-暗投影;凹陷效果效果使用內(nèi)投影來實現(xiàn)，疊加層級依次為：亮投影-暗投影-基層。從整體來看，新的擬物風(fēng)格并不適用于所有的UI設(shè)計，面對新的趨勢還要不斷地實踐中去調(diào)整。

以上就是UI設(shè)計的流行趨勢有哪些的全部分析。實際上，每年UI設(shè)計都有新的流行趨勢，但總體而言，這種變化相對較小。希望在了解UI設(shè)計的五個主要趨勢之后，可以在日常設(shè)計工作中，自覺使用這些設(shè)計方法來設(shè)計更好的產(chǎn)品。想了解更多關(guān)于UI設(shè)計的信息，請繼續(xù)關(guān)注中培偉業(yè)吧。