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

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

簡(jiǎn)介：2020年8種UI / UX設(shè)計(jì)趨勢(shì)

1. 動(dòng)畫(huà)插圖

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

2. 微交互

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

3. Web和移動(dòng)界面中的3D圖形

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

4. 虛擬現(xiàn)實(shí)（VR）

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

5. AR技術(shù)

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

6. 新擬物

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

7. 不對(duì)稱布局

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

8. 講故事

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

1. 動(dòng)畫(huà)插圖

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

歡迎來(lái)到我們的商店！

入職動(dòng)畫(huà)

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

2. 微交互

微交互幾乎存在于每個(gè)APP或網(wǎng)站中。每次打開(kāi)喜歡的APP時(shí)，你都會(huì)看到它們。例如，F(xiàn)acebook有大量不同的微交互，其中「贊」功能就是一個(gè)很好的例子。雖然有時(shí)我們甚至不會(huì)特意感知到它的存在，因?yàn)樗浅Ｃ黠@的、自然的「融合」到用戶界面中去了。但是如果你從界面中刪除它們，你將很快意識(shí)到，某些重要的功能丟失了。

菜單切換關(guān)閉動(dòng)畫(huà)

標(biāo)簽欄活動(dòng)動(dòng)畫(huà)

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

3. Web和移動(dòng)界面中的3D圖形

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

3D翻轉(zhuǎn)菜單

汽車(chē)健康報(bào)告用戶界面

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

Apple AirPods Pro登陸頁(yè)面

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

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

4. 虛擬現(xiàn)實(shí)（VR）

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

Oculus Quest-手互動(dòng)功能

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

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

5. AR技術(shù)

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

ARKit 3 蘋(píng)果

公共交通應(yīng)用

Nathan Riley的植物之家AR概念

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

6. 新擬物

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

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

音樂(lè)播放器

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

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

7. 不對(duì)稱布局

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

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

卡琳時(shí)裝商店

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

8. 講故事

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

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

「本周青年實(shí)驗(yàn)室」頁(yè)面故事動(dòng)畫(huà)

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

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

文章來(lái)源：站酷  作者：一個(gè)辛普森