江陰UI設(shè)計(jì)培訓(xùn)_UI設(shè)計(jì)你知道多少

過(guò)去幾年中，我們的積極反應(yīng)促使我們繼續(xù)探索和分析主要設(shè)計(jì)領(lǐng)域的新趨勢(shì)。盡管大多數(shù)趨勢(shì)都是去年發(fā)生的變化，但到2020年，我們?nèi)杂幸恍┬纶厔?shì)值得追求。最重要的趨勢(shì)是與技術(shù)有關(guān)的趨勢(shì)，以及它們的發(fā)展趨勢(shì)，以及它們?nèi)绾斡绊懺O(shè)計(jì)領(lǐng)域。

總體趨勢(shì)

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

目錄

1. UI / UX

2.插畫(huà)

3.動(dòng)態(tài)圖形

4.平面設(shè)計(jì)

1.UI / UX

1.1暗模式（Android Q和iOS 13）

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

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

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

1.2粗體顏色

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

1.3 UI中的插畫(huà)

多年來(lái)，插圖一直是設(shè)計(jì)中最強(qiáng)勁的趨勢(shì)之一。插圖是對(duì)概念的直觀解釋?zhuān)梢允褂脩?hù)更好地理解產(chǎn)品背后的思想。除了一些精美的插圖使這一概念獨(dú)具匠心外，它們還可以更快地傳達(dá)信息。

1.4產(chǎn)品敘述

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

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

1.5動(dòng)畫(huà)圖形和微交互

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

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

如果您是UI設(shè)計(jì)師，但尚未在工作中使用微交互，建議您這樣做，因?yàn)榈?020年，沒(méi)有UI的任何UI設(shè)計(jì)都將是非?；镜?。

1.6用戶(hù)界面中的視頻

到2020年，信息必須非常快地到達(dá)用戶(hù)手中，通過(guò)視頻內(nèi)容來(lái)完成。您選擇通過(guò)動(dòng)畫(huà)或經(jīng)典電影來(lái)解釋產(chǎn)品，視頻內(nèi)容對(duì)于任何網(wǎng)站或應(yīng)用程序都是必不可少的。

1.8手勢(shì)導(dǎo)航 重點(diǎn)

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

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

1.9漸變趨勢(shì)

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

2.插畫(huà)

2.1角色設(shè)計(jì)

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

2.2紋理插畫(huà)

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

2.3平面插畫(huà)

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

2.4等軸測(cè)圖

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

2.5 3D插畫(huà)

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

2.6超大膽的色彩

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

3.動(dòng)態(tài)圖形

3.1 3D視頻

在2020年，無(wú)法想象沒(méi)有3D設(shè)計(jì)的運(yùn)動(dòng)。設(shè)計(jì)的這個(gè)分支打開(kāi)了一個(gè)世界的大門(mén)，在這個(gè)世界中，只有想象力是極限。我們可以在廣告，電影，游戲，廣告活動(dòng)等中找到3D。

3.2 2D動(dòng)畫(huà)-說(shuō)明性視頻

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

3.3動(dòng)畫(huà)LOGO

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

3.4混合動(dòng)畫(huà)2D和3D集成

這一趨勢(shì)不是一個(gè)新趨勢(shì)，但值得一提?；旌蟿?dòng)畫(huà)就是使用為此創(chuàng)建的特定軟件將2D與3D結(jié)合在一起。

4.平面設(shè)計(jì)

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

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

4.2平面設(shè)計(jì)中的插畫(huà)

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

4.3動(dòng)畫(huà)海報(bào)

動(dòng)畫(huà)無(wú)處不在，我們?cè)谠O(shè)計(jì)的各個(gè)領(lǐng)域都可以找到它們，當(dāng)然它們也存在于數(shù)字海報(bào)中。動(dòng)畫(huà)可以將2D與3D混合在一起，效果令人著迷。

4.4Meb平面風(fēng)格

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

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

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

3.動(dòng)態(tài)圖形

3.1 3D視頻

在2020年，無(wú)法想象沒(méi)有3D設(shè)計(jì)的運(yùn)動(dòng)。設(shè)計(jì)的這個(gè)分支打開(kāi)了一個(gè)世界的大門(mén)，在這個(gè)世界中，只有想象力是極限。我們可以在廣告，電影，游戲，廣告活動(dòng)等中找到3D。

3.2 2D動(dòng)畫(huà)-說(shuō)明性視頻

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

3.3動(dòng)畫(huà)LOGO

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

3.4混合動(dòng)畫(huà)2D和3D集成

這一趨勢(shì)不是一個(gè)新趨勢(shì)，但值得一提?；旌蟿?dòng)畫(huà)就是使用為此創(chuàng)建的特定軟件將2D與3D結(jié)合在一起。

4.平面設(shè)計(jì)

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

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

4.2平面設(shè)計(jì)中的插畫(huà)

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

4.3動(dòng)畫(huà)海報(bào)

動(dòng)畫(huà)無(wú)處不在，我們?cè)谠O(shè)計(jì)的各個(gè)領(lǐng)域都可以找到它們，當(dāng)然它們也存在于數(shù)字海報(bào)中。動(dòng)畫(huà)可以將2D與3D混合在一起，效果令人著迷。

4.4Meb平面風(fēng)格

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

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

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

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

20世紀(jì)最重要的圖形設(shè)計(jì)運(yùn)動(dòng)始終是的設(shè)計(jì)師的靈感來(lái)源。這些樣式值得一提，因?yàn)樗鼈兪冀K是的，遵循它們所施加的規(guī)則幾乎不可能在設(shè)計(jì)中犯錯(cuò)誤?？偟膩?lái)說(shuō)，這些運(yùn)動(dòng)強(qiáng)調(diào)版式，無(wú)襯線(xiàn)字體，幾何形