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

　　1、顏色對(duì)比

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

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

　　2、深色模式

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

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

　　3、卡片設(shè)計(jì)

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

4、留白設(shè)計(jì)

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

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

　　5、擬物風(fēng)格

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

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

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