對於一個優秀的UI設計師來講,把握設計流行趨勢是一項基本能力。在反覆分析了2020年已經過去的幾個月的UI設計作品之後,本文為大家整理總結了2020年UI設計五大流行趨勢,分別是深色模式、顏色對比、卡片設計、擬物風格以及留白設計。下面我們一一來分析這些趨勢的具體內容和特點吧!
1、深色模式深色模式作為2020的主流設計趨勢之一,早已上升到系統級別的設計了( iOS、material design),另外還有一些主流的APP也跟隨系統進行了深色模式的設計。比如最近上熱搜的熱點事件微信發布深色模式版本。一般來講這些主流APP都是跟隨系統的設定而變化。關於深色模式的設計建議主要是使用基礎色進行延展,不能簡單粗暴的進行反色處理或變暗處理。比如儘量使用深灰色而非純黑色,因為在深灰色上使用淺色文本的對比相對來說較弱些,可以減輕眼睛閱讀的疲勞度。另外,可以通過層級疊加的顏色變化來完成界面的UI設計。最後,還有優化深色下的亮色對比程度 ,避免飽和度或亮度過高產生強對比的視覺疲勞。2、顏色對比年輕化的UI設計風格是2020年UI設計的一大趨勢之一。強烈對比的顏色運用,體現出了年輕化的活力與朝氣,使得UI設計產品更容易與年輕化的網際網路用戶產生共鳴。UI設計的多彩化主要表現在一些控制項或組件中,比如圖標、按鈕、內容模塊、插圖、背景、投影等等。具體來講就是通過多顏色的搭配,讓整體的UI界面變得豐富有層次,並且更加貼合年輕化的趨勢。除此之外,我們還可以在UI設計中大膽的使用漸變色,提升顏色的跨度表現,豐富設計質感。甚至可以運用撞色,提升用色的層次感。3、卡片設計卡片式設計一直是UI設計中最常用的方式之一,而在2020年卡片設計有了新的變化趨勢。比如柔和的圓角越來越常見,當然在UI設計時更多需要考慮設計的產品風格或氣質是適合大圓角還是小圓角,而非依據一些設計網站上的流行趨勢。還有新的卡片設計更加趨向自然的投影,減弱投影帶來的切割感覺,提升界面的平整性。4、擬物風格擬物風格早就不是什麼新詞了,在2019年就已經在UI設計中頻頻被提及。不過2020年的擬物風格與以往的擬物化設計不完全一樣,是一種介於扁平化和擬物化的新風格嘗試。主要是通過光影的變化來突出內容的區域或模塊設計,整體感覺相比扁平化的設計來說會更加具有氛圍性和視覺衝擊感。2020年擬物風格的基本原理主要是通過「凸起效果」和「凹陷效果」構成的。凸起效果使用外投影來實現,疊加層級依次為:基層-亮投影-暗投影;凹陷效果效果使用內投影來實現,疊加層級依次為:亮投影-暗投影-基層。從整體來看,新的擬物風格並不適用於所有的UI設計,面對新的趨勢還要不斷地實踐中去調整。5、留白設計留白設計被越來越頻繁地應用到UI設計中,相比於緊湊的設計,適當的留白可以讓人在閱讀時更加具有放鬆的心理暗示。留白是一種對比手法或方式,而非純粹的減少內容來達到留白的目的,在有限的手機屏幕內容我們需要清楚哪些位置或內容可以做到適當留白。留白的設計方式有很多,像是頂部留白,讓使用者從一開始的就降低視覺壓迫性。還有去線留白,即減少線對內容的信息幹擾。再或者是減少重色,讓整體界面的設計更加輕量化、扁平化。還有增加邊距留白,增強內容的聚焦。以上就是2020年UI設計五大流行趨勢的全部分析。事實上,雖然UI設計每年都會有新的變化趨勢,但是從整體上來看這種變化還是比較小的。希望大家在了解了2020年UI設計五大流行趨勢後,可以在日常的設計工作中有意識地去運用這些設計方法,從而設計出更好地產品。