2020年的8種UI/UX設(shè)計趨勢

2020-7-9    ui設(shè)計分享達(dá)人

世界和技術(shù)正在飛速發(fā)展,每年都會影響設(shè)計趨勢的走向。作為設(shè)計師,我們需要了解現(xiàn)有和即將到來的設(shè)計趨勢,不斷學(xué)習(xí),改進(jìn)和擴(kuò)大我們的知識儲備,以便與時俱進(jìn)。

根據(jù)研究、經(jīng)驗和觀察,我們非常仔細(xì)地選擇了2020年應(yīng)該注意的8種UI / UX設(shè)計趨勢。那就讓我們開始吧~


簡介:2020年8種UI / UX設(shè)計趨勢


1. 動畫插圖

通過對插圖,或者讓插圖進(jìn)行運動,可以使我們的設(shè)計脫穎而出,并使其栩栩如生-增加額外的細(xì)節(jié)和個性。


2. 微交互

微交互完美證明了:著重于細(xì)節(jié)和發(fā)揚這些細(xì)節(jié)可能會大大改善你的APP的用戶體驗,并將使之更高能/更。


3. Web和移動界面中的3D圖形

新的Web瀏覽器功能為3D圖形打開了大門,作為設(shè)計師可以在現(xiàn)代Web和移動界面中創(chuàng)造和實現(xiàn)驚人的3D圖形。


4. 虛擬現(xiàn)實(VR)

游戲行業(yè)常將創(chuàng)新、和新技術(shù)帶入產(chǎn)品設(shè)計中。


5. AR技術(shù)

在AR空間中,有無數(shù)令人興奮的體驗機(jī)會。AR的UI設(shè)計將成為2020年的主要趨勢之一,因此,作為設(shè)計師,我們應(yīng)該做好準(zhǔn)備,并主動在創(chuàng)建AR體驗時學(xué)習(xí)新的工具和原理。


6. 新擬物

VR / AR技術(shù)的增長,以及最流行的設(shè)計平臺上顯示的那些優(yōu)秀的設(shè)計告訴我們:設(shè)計趨勢可能會使擬物設(shè)計在2020年卷土重來,但這一次,它會加入更多現(xiàn)代時尚。


7. 不對稱布局

非對稱布局有很大的創(chuàng)造空間,不過創(chuàng)建優(yōu)秀的非對稱布局需要我們有一定的經(jīng)驗和時間去處理它。


8. 講故事

講故事就是以最佳的信息和創(chuàng)意方式將數(shù)據(jù)傳輸給用戶。講故事也是一種出色而有效的營銷工具,可以極大地提高你的產(chǎn)品/服務(wù)的銷售額。




1. 動畫插圖

插畫在產(chǎn)品設(shè)計中已經(jīng)存在了很長時間。最近幾年的發(fā)展更是令人矚目。插畫作為非常流行的設(shè)計元素,為我們產(chǎn)品的整體UX添加了「自然的感覺」和「人性化的感覺」。插畫也是吸引注意力的焦點:通過對這些插畫進(jìn)行動效的展示,可以使我們的產(chǎn)品栩栩如生,并使它們脫穎而出-增加更多的細(xì)節(jié)和個性。

歡迎來到我們的商店!



入職動畫



動效展示的另一個好處是可以吸引用戶的注意力并使用戶與您的產(chǎn)品互動。動畫也是講述您的品牌、產(chǎn)品或服務(wù)故事的最有效方法之一。




2. 微交互

微交互幾乎存在于每個APP或網(wǎng)站中。每次打開喜歡的APP時,你都會看到它們。例如,F(xiàn)acebook有大量不同的微交互,其中「贊」功能就是一個很好的例子。雖然有時我們甚至不會特意感知到它的存在,因為它非常明顯的、自然的「融合」到用戶界面中去了。但是如果你從界面中刪除它們,你將很快意識到,某些重要的功能丟失了。

菜單切換關(guān)閉動畫



標(biāo)簽欄活動動畫



一般來說,在UI / UX設(shè)計中,有時即使很小的更改也可能產(chǎn)生巨大的影響。微交互完美證明了細(xì)節(jié)和發(fā)揚它們可能會大大改善你的APP的整體用戶體驗,并將其置于更高能/更的層次。在每一年,每種新設(shè)備都會帶來新的創(chuàng)造全新的微交互的機(jī)會,當(dāng)然,2020年也不例外。


















3. Web和移動界面中的3D圖形

3D圖形幾乎無處不在-在電影,視頻游戲,街頭廣告中。3D圖形是幾十年前才被引入到產(chǎn)品設(shè)計中的,從那時起,它已經(jīng)得到了極大到改善,并得到了高速的發(fā)展。移動和網(wǎng)絡(luò)技術(shù)也在快速增長。新的Web瀏覽器功能為3D圖形打開了大門,我們作為設(shè)計師可以在現(xiàn)代Web和移動界面中創(chuàng)建和實現(xiàn)炫目的3D圖形。

3D翻轉(zhuǎn)菜單



汽車健康報告用戶界面



創(chuàng)建3D圖形并將其實現(xiàn)到Web和移動界面中需要一些特定的技能和大量的工作,但是通常結(jié)果是非常有意義的。

Apple AirPods Pro登陸頁面



3D圖形以一種更具交互性和吸引力的方式來展示產(chǎn)品或服務(wù):例如,可以以360度演示方式查看3D圖形,從而改善了產(chǎn)品的用戶體驗。

在2020年,更多的品牌將使用3D模型來展示產(chǎn)品或服務(wù),打通線上線下,以模擬現(xiàn)實世界(店內(nèi))的購物體驗。



4. 虛擬現(xiàn)實(VR)

2019年對于VR來說,是重要的一年。在過去的幾年,我們見證了VR技術(shù)的發(fā)展和其不可思議的效果,其中大部分是在游戲行業(yè)。游戲行業(yè)通常會首先在產(chǎn)品設(shè)計中引入創(chuàng)新和新技術(shù)。研究證明VR也不例外,2019年Oculus Quest推出后,其他行業(yè)也嘗試了很多可能性。Facebook首席執(zhí)行官馬克·扎克伯格(Mark Zuckerberg)已經(jīng)測試了令人興奮的手部交互功能,并于2020年初正式宣布了Quest的手部跟蹤更新!

Oculus Quest-手互動功能



PlayStation虛擬現(xiàn)實網(wǎng)站設(shè)計



索尼和微軟將在2020年發(fā)布其新一代游戲機(jī)。這些將為虛擬現(xiàn)實技術(shù)帶來很多機(jī)遇和增長空間。




5. AR技術(shù)

過去幾年中,我們看到了AR的許多發(fā)展和改進(jìn)。世界領(lǐng)先的科技公司在AR開發(fā)方面投入了數(shù)百萬美元,我們應(yīng)該期望在2020年行業(yè)會擴(kuò)展和發(fā)展此項技術(shù)。甚至蘋果公司也推出了自己的AR工具包ARKIT 3,以幫助設(shè)計人員和開發(fā)人員構(gòu)建基于AR的產(chǎn)品。


ARKit 3 蘋果


公共交通應(yīng)用



Nathan Riley的植物之家AR概念



在AR空間中,有無數(shù)令人興奮的體驗機(jī)會。AR的UI設(shè)計將成為2020年的主要趨勢之一,因此,作為設(shè)計師,我們應(yīng)該做好準(zhǔn)備,并主動在創(chuàng)建AR體驗時學(xué)習(xí)新的工具和原理。




6. 新擬物

一般來說,擬物設(shè)計是指以逼真的樣式/方式創(chuàng)建的設(shè)計元素,以匹配現(xiàn)實生活中的對象。VR / AR技術(shù)的增長和最流行的設(shè)計平臺(Dribbble,Behance等)上顯示的設(shè)計趨勢顯示:擬物設(shè)計可能會在2020年卷土重來,但這一次,它會加入更多現(xiàn)代時尚。同時有了一個略作修改的名稱:“新擬物” (也稱為Neumorphism)。

Skeuomorph手機(jī)銀行的黑暗模式



音樂播放器



睡眠周期應(yīng)用程序



我們可能已經(jīng)注意到:「新擬物設(shè)計」代表非常詳細(xì)和的設(shè)計風(fēng)格。高光,陰影,發(fā)光都被運用在設(shè)計中去。他們對細(xì)節(jié)的關(guān)注令人非常印象深刻。這已經(jīng)啟發(fā)了來自世界各地的許多設(shè)計師,并且很有可能成為2020年最大的UI設(shè)計趨勢。




7. 不對稱布局

在過去的幾年中,我們注意到產(chǎn)品設(shè)計中大量使用不對稱布局?;?nbsp; 傳統(tǒng)/模板 的布局漸漸消失。2020年將依舊如此,因為這一趨勢將繼續(xù)保持。正確使用非對稱布局會為我們的設(shè)計增加很多特征、動態(tài)和個性,或許它們將不再拘泥于模板。


Limnia高級珠寶首飾網(wǎng)格



卡琳時裝商店



創(chuàng)建非對稱布局時、有很大的創(chuàng)造空間。盡管創(chuàng)建成功的非對稱布局需要一定的經(jīng)驗和時間、將元素隨機(jī)放置在網(wǎng)格上當(dāng)然是不行的)  此外,應(yīng)謹(jǐn)慎使用和實現(xiàn)它們-因為我們要始終牢記用戶的需求:我們不希望用戶使用我們產(chǎn)品的時候感到困惑。



8. 講故事

故事在產(chǎn)品設(shè)計中的用戶體驗中扮演著非常重要的角色。可能會在登錄頁面上經(jīng)??吹剿鼈?,作為對品牌,產(chǎn)品或新功能的介紹。講故事就是以最佳的信息和創(chuàng)意方式將數(shù)據(jù)傳輸給用戶。這可以通過「版權(quán)(品牌)保護(hù)」與「強(qiáng)大而平衡的視覺等級」(印刷術(shù),插圖,高質(zhì)量照片,大膽的色彩,動畫和交互式元素)混合來實現(xiàn)。

講故事就是以最佳的信息和創(chuàng)意方式將數(shù)據(jù)傳輸給用戶。 



「本周青年實驗室」頁面故事動畫


講故事確實有助于在品牌和用戶之間建立積極的情感和關(guān)系。講故事還可以使您的品牌更令人難忘,并使用戶覺得他們是我們產(chǎn)品或服務(wù)的一部分,因此他們希望與他們建立聯(lián)系。話雖如此,講故事還是一種出色而有效的營銷工具,可能會大大提高您的產(chǎn)品/服務(wù)的銷售額。作為非常成功的工具,講故事將在2020年繼續(xù)并擴(kuò)大。

藍(lán)藍(lán)設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

文章來源:站酷  作者:一個辛普森



分享本文至:

日歷

鏈接

個人資料

存檔