過去幾年中，UI設(shè)計師們都在探索和分析主要設(shè)計領(lǐng)域的新趨勢。盡管大多數(shù)趨勢都是以前發(fā)生的變化，但到2023年，仍然值得參考和使用。最重要的趨勢是與技術(shù)有關(guān)的趨勢，這些技術(shù)如何發(fā)展，以及它們是如何影響設(shè)計領(lǐng)域的。

?

總體趨勢

?

2023年的主要趨勢動作設(shè)計與動畫， 對于2023年，我們認(rèn)為運(yùn)動設(shè)計是主要趨勢，因為我們在所有設(shè)計領(lǐng)域都遇到動畫，從小的交互到徽標(biāo)和UI，一切都在變化。動畫內(nèi)容正在進(jìn)入現(xiàn)代世界，在現(xiàn)代世界中，書面內(nèi)容沒有以前那么吸引人。 動作設(shè)計正確實施后，可使廣告系列的信息更快，更正確地傳達(dá)給受眾。

?

?

1.UI / UX

1.1暗模式（Android Q和iOS 13）

?

暗模式是2023年的新趨勢，Android引入了兩種類型的暗模式，分別稱為"強(qiáng)制暗模式"和"系統(tǒng)暗模式"。

?

?

微軟通過在其電子郵件應(yīng)用程序中展示其暗模式擊敗了谷歌，但谷歌迅速推出了自己的針對Android 10的Gmail應(yīng)用程序的暗版本模式。

?

?

有了介紹此更新的大公司，許多設(shè)計師將選擇在他們的應(yīng)用程序或站點中使用暗模式，因此希望在來年看到越來越多的暗模式。

?

?

?

1.2粗體顏色

?

在過去的兩年（到2023年）中，強(qiáng)烈的色彩已成為重要的趨勢。大膽的色彩豐富，明亮，甚至極富活力。它們可以是主要或次要顏色。

?

?

?

1.3 UI中的插畫

?

多年來，插圖一直是設(shè)計中最強(qiáng)勁的趨勢之一。插圖是對概念的直觀解釋，可以使用戶更好地理解產(chǎn)品背后的思想。除了一些精美的插圖使這一概念獨具匠心外，它們還可以更快地傳達(dá)信息。

?

?

?

1.4產(chǎn)品敘述

?

設(shè)計中的講故事是關(guān)于幫助用戶在平臺上的旅程，從而使他的體驗盡可能輕松和流暢（在UX設(shè)計中）。

?

?

一個好的故事可以幫助用戶更輕松地了解產(chǎn)品。為了講述一個故事，我們可以使用一個特別創(chuàng)建的角色，將這個角色賦予他個性，我們創(chuàng)建一個故事和一個沖突，最終由我們的產(chǎn)品（UI設(shè)計）解決。這是產(chǎn)品設(shè)計中講故事的基礎(chǔ)。講故事在UI和UX中都使用，并且基于相同的原理，但實現(xiàn)方式有所不同。

?

?

1.5動畫圖形和微交互

?

正如我們所說，動態(tài)圖形是今年的趨勢，它在UI設(shè)計中也有很強(qiáng)的表現(xiàn)，它為插圖增添了力量，使創(chuàng)意更易于吸收并保留在用戶的記憶中。

?

微交互在2018年成為第一流，但這一趨勢值得在2023年關(guān)注。它們是UI設(shè)計中極其重要的趨勢，這使基本應(yīng)用程序/網(wǎng)站與非凡的應(yīng)用程序/網(wǎng)站有所不同。微交互在使用戶了解系統(tǒng)的工作原理并引導(dǎo)其獲得更好的體驗方面起著至關(guān)重要的作用。

?

如果您是UI設(shè)計師，但尚未在工作中使用微交互，建議您這樣做，因為到2023年，沒有UI的任何UI設(shè)計都將是非?；镜摹?/p>

?

?

1.6用戶界面中的視頻

?

到2023年，信息必須非?？斓氐竭_(dá)用戶手中，最好通過視頻內(nèi)容來完成。您選擇通過動畫或經(jīng)典電影來解釋產(chǎn)品，視頻內(nèi)容對于任何網(wǎng)站或應(yīng)用程序都是必不可少的。

?

?

1.8手勢導(dǎo)航 重點

?

在UI設(shè)計中，對細(xì)節(jié)的更多關(guān)注非常重要。從按鈕，圖標(biāo)，加載到導(dǎo)航到細(xì)微的細(xì)節(jié)，都可以打造出非凡的設(shè)計。隨著新技術(shù)的出現(xiàn)，我們在UI中必須注意的細(xì)節(jié)始終在變化。

?

在明年，最大的亮點之一，我們將看到越來越少的按鈕，以及更多基于手勢導(dǎo)航（此屏右滑即可返回），例如，后退按鈕（Android的導(dǎo)航常用）在Android 10中正式消失。IOS端騰訊QQ，QQ郵箱用戶體驗已正式運(yùn)用。

?

?

1.9漸變趨勢

?

幾年來，我們一直在談?wù)撛O(shè)計中的漸變，這種趨勢在2023年將繼續(xù)保持強(qiáng)勁，因此值得一提。新鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕，圖標(biāo)，插圖，甚至用于排版。

?

?

2.插畫

2.1角色設(shè)計

?

角色設(shè)計包括定義一個支持整個概念的角色。最重要的是，通過繪圖，設(shè)計師向角色灌輸了強(qiáng)烈的個性。您在應(yīng)用程序或網(wǎng)站中遇到的虛擬助手是角色設(shè)計的一個很好的例子。

?

?

?

2.2紋理插畫

?

插畫和紋理很好地結(jié)合在一起，可以創(chuàng)造出令人難忘的構(gòu)圖。從粒狀紋理到預(yù)制的筆觸，您可以找到許多想法來為插圖添加紋理，也可以手動創(chuàng)建它們。瀏覽網(wǎng)絡(luò)時，您可以找到許多可以在插圖中使用的紋理，預(yù)制筆刷和工具。

?

?

2.3平面插畫

?

在過去的幾年中，我們到處都可以看到平面插圖。它們?nèi)匀惶幱谮厔葜校F(xiàn)在有了一個新的組成部分：對每個元素應(yīng)用細(xì)線。大多數(shù)藝術(shù)家都選擇使用細(xì)的黑色筆觸，但也可以將其上色，使其陰影比所涉及的對象暗。

?

?

2.4等軸測圖

?

等軸測圖（也叫2.5D）依然會流行，主要應(yīng)用于 UI 設(shè)計。這一趨勢發(fā)跡于虛擬貨幣領(lǐng)域，但在 2019 年得到了充分的發(fā)展，現(xiàn)在已經(jīng)被廣泛的應(yīng)用到其他領(lǐng)域

?

?

2.5 3D插畫

?

隨著效率越來越高的軟件和工具的出現(xiàn)，3D渲染已逐漸發(fā)生變化。3D插圖非常受歡迎，因為與2D插圖不同，它提供了更逼真的圖像。

?

?

?

2.6超大膽的色彩

?

大膽的顏色非常適合插圖。它們營造出歡樂的氛圍，使角色脫穎而出，并在圖像背后展現(xiàn)故事。

?

?

3.動態(tài)圖形

3.1 3D視頻

?

在2023年，無法想象沒有3D設(shè)計的運(yùn)動。設(shè)計的這個分支打開了一個世界的大門，在這個世界中，只有想象力是極限。我們可以在廣告，電影，游戲，廣告活動等中找到3D。

?

?

3.2 2D動畫-說明性視頻

?

2D動畫專注于產(chǎn)品故事和角色，并在創(chuàng)作過程中使用矢量插圖。當(dāng)您想要廣告系列或產(chǎn)品的說明性視頻時，2D可能是理想的選擇。在一個總是忙碌而又沒有時間閱讀的世界中，說明性視頻對于任何網(wǎng)站都是必不可少的。

?

?

3.3動畫LOGO

?

您已經(jīng)了解到動畫是2023年的"必備"技能，為了保持競爭力，我們還必須將它們集成到LOGO設(shè)計中。許多公司已開始對其LOGO進(jìn)行動畫處理，以引起人們的注意。這也是LOGO設(shè)計的主要趨勢。

?

?

3.4混合動畫2D和3D集成

?

這一趨勢不是一個新趨勢，但絕對值得一提?；旌蟿赢嬀褪鞘褂脼榇藙?chuàng)建的特定軟件將2D與3D結(jié)合在一起。

?

?

4.平面設(shè)計

4.1平面設(shè)計中的3D

?

雖然在平面設(shè)計領(lǐng)域主要是用 2D 元素來呈現(xiàn)的，但 3D 元素的加入可以為畫面增加了更多的視覺體驗。3D 元素可以是插畫，動畫或者字體等形式。

?

?

?

4.2平面設(shè)計中的插畫

?

插畫在設(shè)計的所有領(lǐng)域都非常重要，因此我們在圖形設(shè)計中也可以找到它們。2D插畫在現(xiàn)在已經(jīng)非常流行了幾年，并且即使在2023年，也將繼續(xù)成為設(shè)計師的最愛。

?

4.3動畫海報

?

?

動畫無處不在，我們在設(shè)計的各個領(lǐng)域都可以找到它們，當(dāng)然它們也存在于數(shù)字海報中。動畫可以將2D與3D混合在一起，效果令人著迷。

?

?

4.4Meb平面風(fēng)格

?

?

MBE風(fēng)格把作品詮釋的更加閃耀。線條上根據(jù)顏色粗細(xì)有度，斷點位置與形狀結(jié)合，斷點多少與氛圍結(jié)合；圖形簡單溢出填補(bǔ)空白，溢出與表達(dá)思想結(jié)合增加美感；運(yùn)用色彩學(xué)知識理論增加深淺兩種關(guān)系色營造作品質(zhì)感，圖形、小花瓣，加號改變顏色、位置、大小保持了風(fēng)格的固有特色。

?

?

4.5復(fù)古合成故障藝術(shù) （賽博朋克）

?

復(fù)古合成波是一種在80年代出現(xiàn)的趨勢，但一旦好萊塢開始發(fā)行該十年的電影后便開始重新出現(xiàn)。隨著《陌生人事物》系列的成功，這一潮流再次開始流行。

?

?

?

3.動態(tài)圖形

3.1 3D視頻

?

在2023年，無法想象沒有3D設(shè)計的運(yùn)動。設(shè)計的這個分支打開了一個世界的大門，在這個世界中，只有想象力是極限。我們可以在廣告，電影，游戲，廣告活動等中找到3D。

?

?

3.2 2D動畫-說明性視頻

?

2D動畫專注于產(chǎn)品故事和角色，并在創(chuàng)作過程中使用矢量插圖。當(dāng)您想要廣告系列或產(chǎn)品的說明性視頻時，2D可能是理想的選擇。在一個總是忙碌而又沒有時間閱讀的世界中，說明性視頻對于任何網(wǎng)站都是必不可少的。

?

?

3.3動畫LOGO

?

您已經(jīng)了解到動畫是2023年的"必備"技能，為了保持競爭力，我們還必須將它們集成到LOGO設(shè)計中。許多公司已開始對其LOGO進(jìn)行動畫處理，以引起人們的注意。這也是LOGO設(shè)計的主要趨勢。

?

?

3.4混合動畫2D和3D集成

?

這一趨勢不是一個新趨勢，但絕對值得一提?；旌蟿赢嬀褪鞘褂脼榇藙?chuàng)建的特定軟件將2D與3D結(jié)合在一起。

?

?

4.平面設(shè)計

4.1平面設(shè)計中的3D

?

雖然在平面設(shè)計領(lǐng)域主要是用 2D 元素來呈現(xiàn)的，但 3D 元素的加入可以為畫面增加了更多的視覺體驗。3D 元素可以是插畫，動畫或者字體等形式。

?

?

4.2平面設(shè)計中的插畫

?

?

插畫在設(shè)計的所有領(lǐng)域都非常重要，因此我們在圖形設(shè)計中也可以找到它們。2D插畫在現(xiàn)在已經(jīng)非常流行了幾年，并且即使在2023年，也將繼續(xù)成為設(shè)計師的最愛。

?

?

4.3動畫海報

?

動畫無處不在，我們在設(shè)計的各個領(lǐng)域都可以找到它們，當(dāng)然它們也存在于數(shù)字海報中。動畫可以將2D與3D混合在一起，效果令人著迷。

?

?

4.4Meb平面風(fēng)格

?

MBE風(fēng)格把作品詮釋的更加閃耀。線條上根據(jù)顏色粗細(xì)有度，斷點位置與形狀結(jié)合，斷點多少與氛圍結(jié)合；圖形簡單溢出填補(bǔ)空白，溢出與表達(dá)思想結(jié)合增加美感；運(yùn)用色彩學(xué)知識理論增加深淺兩種關(guān)系色營造作品質(zhì)感，圖形、小花瓣，加號改變顏色、位置、大小保持了風(fēng)格的固有特色。

?

?

4.5復(fù)古合成故障藝術(shù) （賽博朋克）

?

復(fù)古合成波是一種在80年代出現(xiàn)的趨勢，但一旦好萊塢開始發(fā)行該十年的電影后便開始重新出現(xiàn)。隨著《陌生人事物》系列的成功，這一潮流再次開始流行。

?

?

4.6瑞士設(shè)計，達(dá)達(dá)主義，包豪斯

?

?

20世紀(jì)最重要的圖形設(shè)計運(yùn)動始終是最好的設(shè)計師的靈感來源。這些樣式值得一提，因為它們始終是最新的，遵循它們所施加的規(guī)則幾乎不可能在設(shè)計中犯錯誤。總的來說，這些運(yùn)動強(qiáng)調(diào)版式，無襯線字體，幾何形狀，簡單的線條，體積和顏色。

?

?

4.7超極簡主義設(shè)計

?

?

極簡主義的設(shè)計僅使用必需品，非常有限的調(diào)色板和簡單的形狀來打造令人難忘的身份。放棄多余的元素，使所有設(shè)計項目都有目的。要創(chuàng)建超極簡主義的設(shè)計，您需要使用盡可能多的白色/負(fù)空間，簡單的配色方案和一些基本的幾何形狀。