旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > 2020年UI設(shè)計的10個小趨勢

2020年UI設(shè)計的10個小趨勢

時間:2020-08-13來源:m.5wd995.cn點擊量:作者:Gella
時間:2020-08-13點擊量:作者:Gella

        最近我花了不少時間來觀察 UI 設(shè)計的發(fā)展趨勢,我偶然間注意到了不少很有意思的苗頭,或者說設(shè)計趨勢。我認為這些設(shè)計趨勢,能夠在不久的將來塑造更加獨樹一幟的UI 。今天AAA教育郭老師就針對UI設(shè)計的10個小趨勢進行簡單的說明。

  1、新擬物化

 



 

  的確,新擬物化是2020年處于風口浪尖的一種視覺風格,無論你喜歡不喜歡,覺得它可行不可行,它現(xiàn)在都已經(jīng)是一個確定的、成型的風格,并且會持續(xù)存在著。
 

  不過,新擬物化從最初誕生到現(xiàn)在,已經(jīng)有一定的改變了,并且在向著更加復(fù)雜、完善的方向發(fā)展,有著更為良好的可訪問性,開始具備更多擬物化的設(shè)計特征,但是更加新鮮、現(xiàn)代,并且更能渲染出獨特的氛圍感。
 

  2、柔和漸變

 



 

  漸變這種設(shè)計趨勢正在進入兩極分化的一個階段。一方面,在視覺設(shè)計領(lǐng)域,一部分漸變變得更加夸張,但是在 UI 設(shè)計領(lǐng)域,無論是背景、UI元素(比如按鈕、卡片和圖形),漸變依然存在,只不過會顯得更加微妙柔和。
 

  在 UI 設(shè)計領(lǐng)域,還有的設(shè)計師會使用雙色漸變,并且結(jié)合模糊效果,讓它更加柔和。
 

  3、幾何元素

 



 

  幾何元素既可以作為背景來使用,也可以作為裝飾細節(jié),讓你的設(shè)計越來越有趣。幾何元素在最近幾年受到的關(guān)注非常多,在設(shè)計上的應(yīng)用也頗為廣泛,甚至有人將幾何元素拼接成為馬賽克,最終呈現(xiàn)出來的視覺效果非???
 

  4、色調(diào)柔和背景

 



 

  必須說,我個人是非常喜歡這種設(shè)計趨勢的。我已經(jīng)看到了很多令人驚艷的、輕巧且極富美學(xué)價值的背景設(shè)計,它們用明亮柔和的色彩鋪滿背景,展現(xiàn)出極強的色彩和搭配的技巧。
 

  使用色調(diào)柔和的背景能夠讓整個設(shè)計都顯得現(xiàn)代而沉靜,清新,讓內(nèi)容真正抓住用戶的注意力。
 

  5、插畫和3D元素

 



 

  插畫毫無疑問是非常流行的。不過,不論是配色還是視覺風格,無論是什么樣的插畫風格,最終的目標依然是要契合產(chǎn)品和 UI,所以很多插畫都選擇了相對扁平的風格,或者選擇模擬類似3D的視覺外觀。相比于每個數(shù)字項目都在使用的免費圖片,插畫真的是向前走出了一大步!
 

  6、抽象圖形

 



 

  和傳統(tǒng)的規(guī)則的幾何圖形不同,抽象而不規(guī)則的圖形可以讓界面顯得更加不拘一格和好玩,更通俗的來講,就是讓 UI 界面更加「有機」,我認為這是一件好事。使用鋼筆工具在原始的圓形和矩形上進行編輯,嘗試不同的輪廓,承載不同的顏色和漸變效果,最后生成的效果會非常有趣。如果你不想去自己繪制,可以嘗試一下 Blobmaker 這個工具,能夠幫你節(jié)省時間~
 

  7、深色模式

 



 

  深色模式在這2年絕對是人所共知的一個設(shè)計風尚了,如今的深色模式 UI 設(shè)計已經(jīng)深入到各個不同的應(yīng)用。簡單來說他是整個界面配色反轉(zhuǎn)之后的效果,便于用戶在深夜更輕松地瀏覽界面信息。只不過在具體的設(shè)計實施上,深色模式遠不是簡單的色彩反轉(zhuǎn)就可以實施的,有很多注意事項,尤其是在對比度控制上,具體可以看看下面的文章:
 

  8、傾斜角度呈現(xiàn)

 



 

  最初大家在 Dribbble 上會傾向于使用非標準的排版布局方式來呈現(xiàn)UI界面,后來這種展現(xiàn)方式開始逐漸在實際的設(shè)計項目中應(yīng)用開來。在實際的設(shè)計當中,絕大多數(shù)情況下都會挑選30度到50度之間的傾斜角度。這種方法非常不錯,可以多嘗試。
 

  9、彌散的陰影

 



 

  陰影是擬物化設(shè)計當中最重要的視覺元素之一,而如今它又再次大規(guī)模流行開來了。只不過相比于之前「沉重」的陰影,柔和的彌散陰影在美學(xué)上更加令人愉悅,通常,陰影會讓 UI 元素的「可點擊感」更強,并且有助于區(qū)分界面中的層次結(jié)構(gòu)。
 

  10、簡約加粗的字體

 



 

  實際上早在 iOS 7 的時代,曾經(jīng)一度流行過筆觸纖細且字體寬度比較窄的字體,不過很慶幸這個時代過去了?,F(xiàn)在所流行的字體更加講究字體的可讀性,字體的外輪廓都大體趨近于正方形,外觀顯得更加大氣而現(xiàn)代。如果你正在尋找類似這樣的字體,可以試試 Poppins、Montserrat、Gilroy、Sofia Pro、Proxima Nova 等字體。
 

  寫在最后
 

  這篇總結(jié),基本上都是基于我個人對于趨勢的觀察和了解,在我看來,它們都有著非常強大的生命力,UI 設(shè)計的未來會更加富有希望。因此,您現(xiàn)在已經(jīng)了解了與UI設(shè)計師的工作相關(guān)的主要技能。如果您想了解更多信息,請訪問AAA教育,包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。



 

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學(xué)習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

老師想和你聊一聊

?2007-2021/ m.5wd995.cn 北京漫動者教育科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖