我承認(rèn)，為「這個(gè)激動(dòng)人心的新趨勢(shì)」共同命名（注：Neumorphism 新擬物化，即 New 和 Skeumorphism 的結(jié)合詞，最初由作者 Michal Malewicz 另一篇文章《Neumorphism in user interface》的一位讀者提出）是件很有趣的事。但我沒想到它能被炒得這么火熱。

很多博客和 twitter 文聲稱它是「2020 年最值得期待的設(shè)計(jì)手法」。趁著它還沒膨脹，讓我先把這個(gè)幻想的泡泡戳破吧。

△ 以#neumorphism為主題的設(shè)計(jì)作品逐漸萌芽，但是大部分「淺色」設(shè)計(jì)看起來都相差無幾

論成為一個(gè)流行設(shè)計(jì)風(fēng)格，Neumorphism 并不夠多樣化，尤其對(duì)于現(xiàn)實(shí)中需要寫代碼的產(chǎn)品。

當(dāng)然你可以將它使用在 Dark Mode 深色模式中，同時(shí)你可以選擇同一種類白色的背景顏色，我們可以依此設(shè)計(jì)出六種風(fēng)格，不過他們的區(qū)別甚微。

別用在按鈕上

當(dāng)前新擬物化設(shè)計(jì)被過度使用到各類元素中，例如卡片和按鈕，但他們大多都違背了我在另一篇文章《Neumorphism in user interface》中略述的設(shè)計(jì)規(guī)則。雖然我也認(rèn)同它將按鈕的選中狀態(tài)呈現(xiàn)得很美觀，但是對(duì)很多人而言，不同按鈕狀態(tài)間的微妙差別讓人難以分辨。

此處的「很多人」并不只是指患有視力障礙的群體，同時(shí)也包括使用設(shè)備的屏幕質(zhì)量較差或?qū)Ρ榷容^低的用戶。

按鈕可能是使用新擬物化風(fēng)格典型雙側(cè)陰影最糟糕的地方，尤其是在呈現(xiàn)按鈕的選中狀態(tài)時(shí)。很多人分辨不出不同狀態(tài)的差別，其相似程度就像圖中右邊那樣。

下圖將新擬物化、擬物化及扁平化風(fēng)格的按鈕進(jìn)行對(duì)比，我們可以明顯地看出，新擬物化風(fēng)格的按鈕看起來既不像按鈕，也沒有達(dá)到引導(dǎo)操作的作用。

△ 你會(huì)點(diǎn)選哪個(gè)呢？

用在卡片上如何？

卡片和滑動(dòng)條可能是這項(xiàng)趨勢(shì)的最佳使用場(chǎng)景。但是需要注意的是，卡片的結(jié)構(gòu)需要處理恰當(dāng)。需要確保圖片、圖標(biāo)和字體間的層級(jí)清晰，間距足夠明顯。測(cè)試卡片設(shè)計(jì)的最好方式就是將新擬物化風(fēng)格的背景去掉，優(yōu)秀的設(shè)計(jì)在去除背景后視覺上也沒問題（尤其是在其他卡片并排在一起的時(shí)候）。

△ 要將新擬物化風(fēng)格的卡片呈現(xiàn)得好，需要確保即使將元素用框架呈現(xiàn)并去掉背景，它們也可被視為同一組

簡(jiǎn)而言之，可以從界面中移除而不造成影響的卡片設(shè)計(jì)就是好的設(shè)計(jì)。這建議聽起來很不錯(cuò)吧？尤其是當(dāng)我們考慮到 Dieter Rams （德國著名工業(yè)設(shè)計(jì)師迪特·拉姆斯，提出「設(shè)計(jì)十誡」的那位）所提出的移除「不必要」的設(shè)計(jì)理念。

但是它真的很新穎

還記得 Pantone2019 年的年度色嗎？讓我來為你回顧一下這項(xiàng)在 2019 年 1 月提出的「2019 設(shè)計(jì)新趨勢(shì)」。

盡管最初我們可以看到很多應(yīng)用這種「鮮亮的珊瑚色」的設(shè)計(jì)案例，但其中的大多數(shù)在 2019 年 2 月初時(shí)看起來就像要過時(shí)了。

在我看來，等到我們把所有可行的新擬物化設(shè)計(jì)組合都發(fā)掘得差不多了，我們就可能會(huì)選擇第一版了。

2020年設(shè)計(jì)方向會(huì)有哪些？

并不是說新擬物化設(shè)計(jì)就此湮沒了。

只是說，僅僅是用這種風(fēng)格，不足以讓整個(gè)產(chǎn)品成功。確實(shí)，最初采用這種風(fēng)格的幾款產(chǎn)品可能會(huì)獲得成功，但是一段時(shí)間后，它將會(huì)比 Material 設(shè)計(jì)更令人厭倦。

將新擬物化設(shè)計(jì)和其他風(fēng)格各取特點(diǎn)，加以結(jié)合，勢(shì)必會(huì)成為 2020 年及今后的趨勢(shì)走向。

想要兼顧產(chǎn)品的美觀度和功能性就意味著，在兩個(gè)方面都不要做得太極端。即使是當(dāng)前流行的柔和彩色陰影也僅僅在按鈕或圖標(biāo)上才行得通。想象一下，把它用在整個(gè)產(chǎn)品上會(huì)有多不適？

下面作者探討了六種將新擬物化風(fēng)格和其他風(fēng)格相結(jié)合的設(shè)計(jì)方向。

1. 深色模式

不管我們接受與否，深色模式一定會(huì)是大勢(shì)所趨。不過它不局限于我們隨處可見的采用低飽和度灰藍(lán)色的深色模式。

自從 OLED 屏幕的推出，純黑色低耗能的特性就很顯著了。所以如果采用深色模式的目的在于節(jié)約電量，我們應(yīng)當(dāng)會(huì)開始看到更多極簡(jiǎn)，注重功能性的界面以黑色作為主色，而非深灰。

采取深色模式的另一個(gè)主要原因在于緩解視覺壓力。在這種情況下，柔和的深色模式必然美觀得多。

△ 許多應(yīng)用的界面都采用了淺色和深色的雙模式設(shè)計(jì)

2. 插圖和3D

我們勢(shì)必需要更多樣的插圖設(shè)計(jì)。作為當(dāng)前最流行的風(fēng)格，略不成比例的身體結(jié)構(gòu)和松散的線條已然隨處可見。但這很快就會(huì)造成審美疲勞。

△ 這些插圖看起來都不錯(cuò)，但是過于相似

然而插圖其實(shí)是突出畫面最好的方式之一，前提是我們要嘗試多種方案以免同質(zhì)化。

3D 反而更容易設(shè)計(jì)出不同的風(fēng)格。不過它也難做得多，需要下更多工夫。這也就說明，如果將時(shí)間投入到制作 3D 渲染上，我們更容易做出高質(zhì)量、符合品牌調(diào)性的作品。

△ 品牌風(fēng)格圖的優(yōu)秀案例 Pitch.com

3. 動(dòng)畫

過渡和場(chǎng)景搭建會(huì)在今年更受重視。它的催化劑之一是很多令人激動(dòng)人心的 JS 庫的推出，它們極大程度上方便了復(fù)雜 2D 和 3D 過渡效果的制作。

是的，現(xiàn)在可以更輕松地用代碼寫出「很酷的東西」了，但建議不要過度使用。

我們要將這種扁平化設(shè)計(jì)用在平面上，再讓其旋轉(zhuǎn)起來，就像在游戲菲斯中（注：FEZ 菲斯，以復(fù)古的像素畫為風(fēng)格，結(jié)合了 2D 橫向卷軸和 3D 效果，詳情可自行百度）。

4. 等軸設(shè)計(jì)

在 2019 年，我在搭建我們的加密貨幣分析平臺(tái)期間，花了些時(shí)間分析超過 2000 個(gè)和加密有關(guān)的網(wǎng)站的設(shè)計(jì)，并逐一對(duì)其設(shè)計(jì)質(zhì)量、原創(chuàng)性和一致性進(jìn)行評(píng)分。

△ 這個(gè)設(shè)計(jì)真的很漂亮，但同時(shí)相似的圖片到處都是，真的很無趣

很觸動(dòng)我的一點(diǎn)是在近乎 1/4 的網(wǎng)站中都具有某種等軸測(cè)的圖片。他們都采用不同卻似曾相識(shí)的風(fēng)格，以至于一段時(shí)間后我竟然不確定他們是不是出自同一個(gè)免費(fèi)庫。

這種風(fēng)格可以被呈現(xiàn)得很棒，但是如果你僅僅打算將流行設(shè)計(jì)照搬到自己的設(shè)計(jì)中，我勸你還是放棄這個(gè)念頭吧。它已經(jīng)成了 2019 年最被濫用的設(shè)計(jì)之一（僅次于彩色陰影之后）。

5. 能充實(shí)內(nèi)心的極簡(jiǎn)主義設(shè)計(jì)

這種趨勢(shì)初露苗頭，也許只會(huì)停留在一個(gè)小群體中。今年我和周圍的許多人一樣陷入了電子產(chǎn)品戒癮的怪圈，使用了一些設(shè)計(jì)更極簡(jiǎn)化的產(chǎn)品。

左：Mudita Pure，右：Light Phone 2。兩個(gè)產(chǎn)品我均有購入，目前正在使用 Light Phone2，設(shè)計(jì)非常清新。

許多產(chǎn)品諸如 Mudita Pure 和 Light Phone 2 傳達(dá)出簡(jiǎn)潔、黑白、極端簡(jiǎn)化的界面。如果我們將使用的 app 看做是一定要滿足某種功能的工具，極簡(jiǎn)的界面設(shè)計(jì)就有一定意義了。當(dāng)然不是所有的 app 都可以用這種風(fēng)格（想象一下純文字的 Instagram）。

6. 語音界面

我在今年參加的一場(chǎng)論壇上，聽到過這樣一句話：不要再學(xué)習(xí) UI 了。在不久的將來我們大多會(huì)使用聲音識(shí)別與設(shè)備對(duì)話。

雖然這有些未來主義，并且在某些場(chǎng)景中適用（例如駕駛和運(yùn)動(dòng)中）。但是我認(rèn)為有兩個(gè)原因?qū)е抡Z音界面至少在目前還不足以居于主導(dǎo)地位。

• 人工智能存在的嚴(yán)重隱私問題，并且可能會(huì)造成驚悚事件。不久之前 Alexa 向它的用戶提出自殺建議，原因是這是阻止全球變暖、保護(hù)地球的最好方式。雖然這在邏輯上也許說得通，但是這絕對(duì)成為了一則標(biāo)題黨性質(zhì)的頭條。它讓人們不禁思考，智能音箱多么令人厭惡，它竊聽著我們的一字一句，秘密地搭建著下一代天網(wǎng)。
• 在很多情況下，對(duì)著手機(jī)說話（尤其是在公共場(chǎng)合）真的很奇怪。幾次快速的點(diǎn)擊既保證私密性又快速。所以直到我們發(fā)展出腦機(jī)接口技術(shù)（使得人能夠通過自身的腦電信號(hào)與他們周圍環(huán)境進(jìn)行交互），在公交車上對(duì)著手機(jī)說話來發(fā)出一條消息不會(huì)成為主流的互動(dòng)方式。

所以會(huì)流行什么呢？

此處唯一的正確答案是，我也不知道?？赡芪业呐袛嗍д`，未來我們會(huì)有很多突出的軟塑料風(fēng)格（新擬物化設(shè)計(jì)的特點(diǎn)之一），或者我們的手機(jī)屏幕會(huì)采用擠壓玻璃以呈現(xiàn)更逼真的設(shè)計(jì)。

△ 將如上探討的所有風(fēng)格進(jìn)行疊加的嘗試

但是很可能發(fā)生的事情是，沒有單一風(fēng)格會(huì)成為今年的主導(dǎo)。

最優(yōu)秀的設(shè)計(jì)一如既往會(huì)恰當(dāng)?shù)亟Y(jié)合當(dāng)下趨勢(shì)并采用優(yōu)秀的字體風(fēng)格。你可以在卡片上采取不同風(fēng)格的陰影，但如果其中的文字呈現(xiàn)得雜亂而古怪，任何流行風(fēng)格都不會(huì)讓設(shè)計(jì)看起來美觀。

可讀即美觀。在 2020 年記住這句話！

文章來源：優(yōu)設(shè)   作者：彩云譯設(shè)計(jì)

VeeValidator

語言設(shè)置

校驗(yàn)消息默認(rèn)是英文的，定義中文或其他語言的錯(cuò)誤提示消息

    


        


            


            

        

        


            

                import VeeValidate from 'vee-validate';
            

        

    

    


        


            


            

        

        


            

                import Vue from 'vue'
            

        

    

    


        


            


            

        

        


            

                Vue.use(VeeValidate)
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                var dict = {
            

        

    

    


        


            


            

        

        


            

                zh_CN: {
            

        

    

    


        


            


            

        

        


            

                messages: {
            

        

    

    


        


            


            

        

        


            

                required: function(field){
            

        

    

    


        


            


            

        

        


            

                return field + '不能為空！';
            

        

    

    


        


            


            

        

        


            

                },
            

        

    

    


        


            


            

        

        


            

                between: function(field){
            

        

    

    


        


            


            

        

        


            

                return field + '輸入不符合設(shè)定規(guī)則！';
            

        

    

    


        


            


            

        

        


            

                },
            

        

    

    


        


            


            

        

        


            

                min : function (field,leng) {
            

        

    

    


        


            


            

        

        


            

                return field + '長度不能小于'+leng+'位';
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                };
            

        

    

    


        


            


            

        

        


            


            

        

    

    


        


            


            

        

        


            

                VeeValidate.Validator.localize('zh_CN', dict.zh_CN);
            

        

    

校驗(yàn)的時(shí)候需要設(shè)置語言

this.$validator.localize('zh_CN');

錯(cuò)誤消息顯示

顯示指定字段的第一個(gè)錯(cuò)誤

this.$validator.first('fieldname')

顯示所有字段的第一個(gè)錯(cuò)誤消息

this.$validator.errors.all()

Mock.js

配置

路由攔截配置不需要修改之前的代碼,匹配的url請(qǐng)求會(huì)直接通過mock而不是請(qǐng)求服務(wù)器

    


        


            


            

        

        


            

                const handler = req => {
            

        

    

    


        


            


            

        

        


            

                return {mock數(shù)據(jù)};
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                Mock.mock('url攔截規(guī)則,正則表達(dá)式',handler)
            

        

    

配置延遲時(shí)間

模擬服務(wù)器請(qǐng)求的異步特性

    


        


            


            

        

        


            

                Mock.setup({
            

        

    

    


        


            


            

        

        


            

                timeout:1000
            

        

    

    


        


            


            

        

        


            

                })
            

        

    

Vuex

模塊化

多人協(xié)作，或者中大型的項(xiàng)目需要把store分為模塊

    


        


            


            

        

        


            

                const a = {
            

        

    

    


        


            


            

        

        


            

                 state : {foo:1},
            

        

    

    


        


            


            

        

        


            

                mutations : {hello(state)=> {}}，
            

        

    

    


        


            


            

        

        


            

                modules : {
            

        

    

    


        


            


            

        

        


            

                 ...嵌套
            

        

    

    


        


            


            

        

        


            

                 }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                const b = {}
            

        

    

    


        


            


            

        

        


            

                const store = {
            

        

    

    


        


            


            

        

        


            

                 state : {},
            

        

    

    


        


            


            

        

        


            

                mutations : {},
            

        

    

    


        


            


            

        

        


            

                actions : {},
            

        

    

    


        


            


            

        

        


            

                modules : {
            

        

    

    


        


            


            

        

        


            

                 module_name_a:a,
            

        

    

    


        


            


            

        

        


            

                 module_name_b:b
            

        

    

    


        


            


            

        

        


            

                 }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

在調(diào)用的時(shí)候，state 有命名空間的，而mutation和actions都與父模塊共用同樣的命名空間所以不能定義與父模塊同名的mutation 或 action

獲取模塊的state

 this.$store.state.module_name_a.foo

調(diào)用模塊的mutation

this.$store.commit('hello')

namespace

定義了namespace ,mutations 和 action 會(huì)帶上模塊的命名: module_name/muation

    


        


            


            

        

        


            

                const store = {
            

        

    

    


        


            


            

        

        


            

                modules : {
            

        

    

    


        


            


            

        

        


            

                namespace : true,
            

        

    

    


        


            


            

        

        


            

                a: {
            

        

    

    


        


            


            

        

        


            

                muations : {
            

        

    

    


        


            


            

        

        


            

                test(state) => {...}
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

    


        


            


            

        

        


            

                }
            

        

    

這時(shí)候調(diào)模塊內(nèi)的mutation

this.$store.commit('a/test')

vuejs-datepicker

日期選擇控件

設(shè)置默認(rèn)值

 <datepicker v-model="mydate" </datepicker> 

日期格式化

<datepicker :format="'yyyy-MM-dd'"> </datepicker> 

語言選擇（默認(rèn)是英文）

導(dǎo)入語言資源文件，然后再設(shè)置:language

設(shè)置成中文

寫在前面

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

01. theQoos品牌插圖由  閔慶  02  軍團(tuán)賽季 3由  尼克Scarcella   03.  溶劑-使大麻銀行公開賽由  BluBlu工作室  04  云服務(wù)（動(dòng)畫圖標(biāo)）由  亞歷山大Baleev  05.  病毒性肝炎由  昂布爾集體 ，  蒂博ZELLER ，  喬納森Plesel  06 。  UXC_Design2020_Project研究通過  Donerzozo

目錄

1. UI / UX

2.插圖

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

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

5.基于技術(shù)的趨勢(shì) 

6.包裝

7.版式

8.趨勢(shì)工具

1. UI / UX

1.1暗模式（Android Q和iOS 13）

暗模式是2020年的新趨勢(shì)，Android引入了兩種類型的暗模式，分別稱為“強(qiáng)制暗模式”和“系統(tǒng)暗模式”。微軟通過在其電子郵件應(yīng)用程序中展示其暗模式擊敗了谷歌，但谷歌迅速推出了自己的針對(duì)Android 10的Gmail應(yīng)用程序的暗版本模式。

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

1.2粗體顏色

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

01.  EMART UX / UI可再生的通過  加X，  李寶藍(lán) ，  Sabum卞 ，  熙榮，  尤金全度妍 ，  ? ? ?，  Bongho彩  02  NSH通過  索菲婭費(fèi)多托娃   03.   埃爾多拉多賭場(chǎng)-移動(dòng)Web UI，應(yīng)用程序ü用  的Loredana PAPP-Dinea ，  Mihai Baldean ，  Milo主題  04.  mmcité+網(wǎng)站由  工作室9  茲林，帕維爾Valek  05.  自動(dòng)哈克系列＃21-25由  安德烈福  06.  Flipd應(yīng)用程序通過  ESTUDIO PUM

1.3 UI中的插圖

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

01.  海妖重新設(shè)計(jì)，以  西爾Theyssens ，  安東尼科拉德  02  浮雕-醫(yī)療項(xiàng)目由  馬丁Pankiewicz  葛爾若，  米沃什Po?arkowski  03.  abuk：圖書封面設(shè)計(jì)有聲書商店到  謝爾蓋Valiukh，  Tubik工作室  04.我llustration系統(tǒng)GOL到  ESTUDIO PUM  05 。  智能家居的應(yīng)用程序- IOS到  瑪麗亞Osadcha  06.斯基林貿(mào)易（skilling.com） -   Loredana酒店P(guān)APP-Dinea ，  米哈伊Baldean 

1.4講故事

設(shè)計(jì)中的講故事是關(guān)于幫助用戶在平臺(tái)上的旅程，從而使他的體驗(yàn)盡可能輕松和流暢（在UX設(shè)計(jì)中）。一個(gè)好的故事可以幫助用戶更輕松地了解產(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)方式有所不同。

01.  余吳-旅行計(jì)劃應(yīng)用由  朱莉張庭  02.  UX / UI | 食品外賣應(yīng)用由  康斯坦丁Seredkin  03.  COOC通過  cuneyt仙

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

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

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

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

01.  UI / UX | 智能藥房應(yīng)用的   阿納斯塔西婭中號(hào)，  謝爾蓋Nikonenko UX   02.  氣候與動(dòng)物：滅絕危機(jī)網(wǎng)站UI / UX  由  丹尼爾·譚，  達(dá)芙妮龍  03  飛素食者由  帕特里夏賴納斯  04.  UKRPOSHTA。烏克蘭國家郵政局的移動(dòng)應(yīng)用程序，伊洛娜·金（  Ilona Kim）  05 .  Tagir Tikeev 的聾人報(bào)警應(yīng)用程序

1.6用戶界面中的視頻

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

1.7功能

UI設(shè)計(jì)中的一個(gè)重要部分是功能，即，根據(jù)其目的和功能選擇每個(gè)元素。許多人認(rèn)為您必須在設(shè)計(jì)和功能之間進(jìn)行選擇，但是在新技術(shù)的幫助下，這兩種技術(shù)可以很好地融合在一起并相互補(bǔ)充。設(shè)計(jì)負(fù)責(zé)引起對(duì)站點(diǎn)或應(yīng)用程序的注意，其功能使體驗(yàn)變得更輕松。它使用戶可以更快地找到信息。

01.斯基林貿(mào)易（skilling.com） -   Loredana酒店帕普用餐 ，  邁克爾Baldean 

1.8注意細(xì)節(jié)

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

在明年，我們將看到越來越少的按鈕，以及更多基于手勢(shì)的導(dǎo)航。例如，后退按鈕（Android的導(dǎo)航常用）在Android 10中正式消失。

01.  FLYR的視覺形象和營銷網(wǎng)站的  Ramotion 

02.  鬧鐘應(yīng)用聾人通過  Tagir Tikeev

1.8漸變

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

01.  Wavecut - IOS應(yīng)用程序通過  Eleken局  02.  抗憂郁癥的應(yīng)用程序-產(chǎn)品設(shè)計(jì)（UX / UI）由  安娜Arutiunian 

03.  保羅回腸-電影音樂作曲家，制作人，DJ，Perfomer  通過  的Loredana PAPP-Dinea ，  米哈伊Baldean ，  米洛主題  04.  ITEXIA通過  下一頁局 ，  亞歷克斯海鷗 ，  Jegor Walowski

2.插圖

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

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

01.  新微小的事情?兒童圖畫書由  Vuon插圖 ，  榮阮 ，  榮范  02  的Adobe X Createfulness由  邁特弗蘭基，  馬蒂厄Tarwane  03。 3D人物V2由  安東尼奧·佩蒂特Cwirko  04.  Malayali由  丹尼·何塞

2.2紋理

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

01. JDE - Common Grounds by Marianna Tomaselli 02. Japan by 飯 太稀

2.3平面插圖

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

01. BILLY KENNY -剛剛為音樂通過  桑戈BANG  02 Babelia - Lecturas對(duì)維拉諾由  米格爾·安赫爾Camprubí  03.  拳擊貓-第一滴血由  Felms   04.  COUSCOUS STUDIO | 解釋器VIDEO  由  哈立德abdelazi ?

2.4等軸測(cè)圖

是的，等軸測(cè)圖仍然在這里。它們主要可以在UI設(shè)計(jì)中找到。隨著人們對(duì)加密貨幣的興趣不斷增加，這種趨勢(shì)似乎已經(jīng)生效，但是在2019年它已經(jīng)發(fā)展了，現(xiàn)在我們?cè)谄渌麡I(yè)務(wù)領(lǐng)域中發(fā)現(xiàn)了這一趨勢(shì)。

01.  龐克市由  溫祚_  02  FastCompany -等距號(hào)由  阿圖爾Tenczynski  03和05.  抗體亞型由  馬里奧·德?梅耶爾  04.  松弛插圖由  京張 

2.5 3D

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

01. 游戲巴伊亞之家由  Miagui  02  天平 由  卡韋薩Patata工作室  03.  城堡毀滅者由  穆罕默德Chahin  04.  Eyoo家庭3D插圖由  Baianat  05.  個(gè)人插圖第1卷由  巴勃羅·馬林 06.  一個(gè)人旅行通過  亂伊萊恩

2.6超大膽的色彩

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

01.  瑪莎·希肖娃（Masha Shishova）攝于莫斯科的  STRTFD咖啡壁畫  02. 作家- 利奧·夏目（  Leo Natsume）的移動(dòng)互聯(lián)網(wǎng)思想  03.  可口可樂圓罐插圖由塔尼亞·雅庫諾娃（  Tania Yakunova） 

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

3.1 3D視頻 

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

01.  龐克市由  溫祚_ ，  視覺設(shè)計(jì)藝術(shù)的影響  

3.2視頻+動(dòng)畫插圖（混合媒體）

拍攝的視頻，動(dòng)畫插圖以及有時(shí)是靜止的照片的結(jié)合可以產(chǎn)生非凡的效果。2d或3d插圖可創(chuàng)建令人難忘的視頻，從幾行運(yùn)動(dòng)到3D真實(shí)人物甚至是現(xiàn)實(shí)生活中不存在的復(fù)雜視覺效果。

01.  Coppel /回到學(xué)校通過  大量工作室  02  PWR  由安娜·霍查，  Edvina元 

3.3 2D動(dòng)畫-說明性視頻

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

01.  Freelive  由  工作室Infografika ，  謝爾蓋·薩多斯基 ，  阿納斯塔西婭Alterka ，  Arsentiy Lesnik賓館 ，  尤里·阿姆斯特朗 ，  阿林好，  喬治VALD ，馬克西姆Tleubaev  

3.4動(dòng)畫徽標(biāo)

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

01.  杯茶由  維多利亞伍  02 - 07.  運(yùn)動(dòng)野獸?Logomachine。動(dòng)畫標(biāo)志的  運(yùn)動(dòng)設(shè)計(jì)學(xué)院，  維克托Villamarin的，  波格丹·杜米特留，  Logomachine .NET ，  亞歷山大·庫茲涅佐夫，  扎克李，  丹尼斯Siurin ，  斯坦尼斯拉夫·馬爾琴科，  莉扎薇塔Tsareva ，  Supremus Levenus ，  安東·福明，  埃米爾Khafizov ，  膽堿哈達(dá)           

3.5混合動(dòng)畫2D和3D集成

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

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

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

盡管2d壟斷了設(shè)計(jì)的這一分支，但3d可以為最終概念添加額外的內(nèi)容。3d渲染可以采用插圖，動(dòng)畫或字體的形式。

01.  畫像由  費(fèi)爾南多·多明格斯Cózar  02.  NASA | 太空時(shí)代的  工作室-JQΔ   03.  美國宇航局X BBC | 不自然世界的  工作室，JQΔ

4.2雙色

精益求精的概念可以完美描述這一趨勢(shì)，設(shè)計(jì)師在其中創(chuàng)造出大膽的元素，并帶有優(yōu)雅的手感和強(qiáng)烈的對(duì)比。這種趨勢(shì)是創(chuàng)建更易于訪問的打印的理想選擇，因?yàn)槟承┐蛴〖夹g(shù)如果顏色更多，則價(jià)格會(huì)更高。

01.  冬季公開賽'18由  Kinoto Studio，  Romina Rios，  Luc Geoffroy  02 Synticate©由  斯捷潘索洛德科夫   03.  TIGER在博物館由  de_form工作室，  諾拉demeczky ，  的Eniko DERI  04.  刻字系列IX由  拉斐爾·塞拉

4.3光學(xué)感知藝術(shù)

歐普藝術(shù)作品是抽象的，有許多知名的黑白作品。通常，它們給觀看者留下動(dòng)感，隱藏的圖像，閃爍和振動(dòng)的圖案或腫脹或翹曲的印象。（來源：wikipedia.org）。

這種趨勢(shì)給人以動(dòng)靜的印象，但是以一種靜態(tài)的方式。如果要實(shí)現(xiàn)在印刷海報(bào)中移動(dòng)圖形的想法，這是最合適的方法。

01 02  東京電影節(jié)共混物由  梅賽德斯巴桑 ，  的Adobe住  03.  海報(bào)-第一卷由  Xtian米勒

4.4平面設(shè)計(jì)中的插圖

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

01.  GOOSE赫爾-海報(bào)由  Ewelina鵝  02  CAT酒吧和舞廳/ 2019至  kissmiklos，  Eszter薩拉 

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

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

01  節(jié)地鐵地鐵由  Bzoing，  維吉尼貝達(dá)德  02.  失敗的Windows由  皮埃爾Kleinhouse，  轄Zivony 

4.6復(fù)古合成波

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

01.  雞尾酒和夢(mèng)想通過  Gjorgji Despodov  02.  CINEMAX由  杰森巴爾巴  03.奇怪的事情（Netflix.com）

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

20世紀(jì)最重要的圖形設(shè)計(jì)運(yùn)動(dòng)始終是最好的設(shè)計(jì)師的靈感來源。這些樣式值得一提，因?yàn)樗鼈兪冀K是的，遵循它們所施加的規(guī)則幾乎不可能在設(shè)計(jì)中犯錯(cuò)誤。總的來說，這些運(yùn)動(dòng)強(qiáng)調(diào)版式，無襯線字體（Helvetica于1957年在包豪斯舞臺(tái)上創(chuàng)建），幾何形狀，簡(jiǎn)單的線條，體積和顏色。

01.  瑞士海報(bào)01（版式方面）由  Mehman Mammedov  02.  黃視VOL.3通過  維奧萊納齊名

4.8大的不間斷彩色空間 

大型，不間斷的色彩空間將在明年成為非常流行的趨勢(shì)。它們與大膽的字體搭配使用，可以在圖形設(shè)計(jì)，產(chǎn)品設(shè)計(jì)以及ui中找到。

01.  Synticate©由  斯捷潘索洛德科夫  02  Havaianas人字品牌內(nèi)容由  約翰Vernizzi  03.  Kekkil?-BVB的  Kurppa Hosk

4.9超極簡(jiǎn)主義

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

01.  Heim雜志，第3頁，  Sasha Yaguza撰寫  02.  Andrei Gheorghe- DADA-通過  moodley品牌標(biāo)識(shí)發(fā)布

5.基于技術(shù)的趨勢(shì)

技術(shù)通過智能設(shè)備和嶄新的理念正在徹底改變我們的生活。這些新技術(shù)使設(shè)計(jì)師已經(jīng)開發(fā)出進(jìn)入當(dāng)前趨勢(shì)的新功能。人工智能，機(jī)器學(xué)習(xí)，虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)正在影響設(shè)計(jì)師的思維方式和創(chuàng)作方式。

5.1增強(qiáng)現(xiàn)實(shí)的移動(dòng)應(yīng)用

隨著蘋果和谷歌推出自己的AR開發(fā)平臺(tái)ARKit和ARCore，很明顯，整個(gè)世界將面向增強(qiáng)現(xiàn)實(shí)技術(shù)。 

許多大品牌已經(jīng)在其應(yīng)用程序中采用了這項(xiàng)技術(shù)，而那些尚未采用這種技術(shù)的公司必須認(rèn)真考慮如何使用戶在這種新現(xiàn)實(shí)中與之交互。

有一些AR交互可用于創(chuàng)建直觀的應(yīng)用程序。第一個(gè)是將應(yīng)用程序固定在手機(jī)屏幕上時(shí)。另一個(gè)是AR UI與用戶周圍的環(huán)境相關(guān)聯(lián)時(shí)。最常用的互動(dòng)方式之一

是當(dāng)UI與對(duì)象相關(guān)并通過掃描特定項(xiàng)目觸發(fā)時(shí)。該動(dòng)作將數(shù)字動(dòng)畫連接到特殊的“標(biāo)記”。 

有關(guān)更具體的AI規(guī)則，請(qǐng)閱讀Apple指南，以提供“將真實(shí)的虛擬對(duì)象與現(xiàn)實(shí)世界無縫融合的沉浸式，引人入勝的體驗(yàn)”。

5.2 AI，ML，聊天機(jī)器人和虛擬助手

聊天機(jī)器人是一種 通過聽覺或文本方法 進(jìn)行  對(duì)話的  軟件。[1]  此類程序通常旨在令人信服地模擬人類作為對(duì)話伴侶的行為，盡管截至2019年，它們?nèi)赃h(yuǎn)遠(yuǎn)不能通過  圖靈測(cè)試。[2]  資料來源：維基百科

人們還不習(xí)慣與AI對(duì)話，因此設(shè)計(jì)師（和開發(fā)人員）的工作很大一部分是使流程簡(jiǎn)單并建立信任。他們需要幫助人們了解系統(tǒng)可以做什么以及如何使用它。

使用AIML（人工智能標(biāo)記語言）設(shè)計(jì)和編寫腳本聊天機(jī)器人，是出色的UX設(shè)計(jì)人員的魔力可以發(fā)揮作用的地方。

大多數(shù)使用聊天機(jī)器人的公司都選擇說明助手來為AI做鬼臉。以下是一些在其UI設(shè)計(jì)中使用聊天機(jī)器人的品牌：Spotify，星巴克，萬事達(dá)卡，絲芙蘭，Lyft，必勝客。

5.3 VR

大多數(shù)人將VR與游戲行業(yè)聯(lián)系在一起是有充分理由的，但是隨著所有大型科技公司開發(fā)VR套件和應(yīng)用程序，我們可以肯定地說，我們將發(fā)現(xiàn)使用和享受這項(xiàng)技術(shù)的新方法。VR已經(jīng)用于教育，醫(yī)療保健，旅游，房地產(chǎn)或建筑。 

5.4語音用戶界面（VUI）

語音用戶界面（VUI）使用語音識(shí)別  來理解語音命令和問題，通常是文本到語音以播放答復(fù)，從而  使語音與計(jì)算機(jī)的人機(jī)交互成為可能  。語音命令設(shè)備（VCD）是受語音用戶界面控制的設(shè)備。資料來源：維基百科 

去年，使用互聯(lián)網(wǎng)連接的設(shè)備的人中有40％每月至少使用一次語音助手，與去年相比，這一數(shù)字增加了10％。

6.產(chǎn)品設(shè)計(jì)

6.1包裝中的圖案

在過飽和的包裝市場(chǎng)中，很難創(chuàng)造出可以脫穎而出的新產(chǎn)品，因此設(shè)計(jì)師要回到根源并創(chuàng)造出使產(chǎn)品在擁擠的零售貨架上脫穎而出的樣式。幾何，花卉，浪漫或單色圖案是任何產(chǎn)品包裝的大膽選擇。

01.  飛行山羊咖啡由  妮可LaFave    02.  VITA SPA皮膚  由  DWYW   03.  巧克力包裝設(shè)計(jì)由  算術(shù)   04.  100手繪無縫的圖案和形狀   的  Arseny Samolevsky

6.2包裝插圖

插圖一直是包裝設(shè)計(jì)中的重要元素。通過他們，我們可以講述一個(gè)故事，使目標(biāo)受眾可以更好地理解該概念背后的歷史。平面插圖已經(jīng)存在了數(shù)十年，并且很可能會(huì)一直處于流行趨勢(shì)。

01. 布里格斯原件由  熙宰金  02  天鵝絨咖啡杯  由  安東Malishev，  呵呵卡羅拉  03.  廢物不包括廚房-品牌打造的  嘗試和真正的DESIG ň04  家，甜蜜的壽司兒童  通過  精明的機(jī)構(gòu)，  馬里亞納星火  05.  Cerveza塔Maleante通過  Antonay 

6.3留白

極簡(jiǎn)主義是設(shè)計(jì)的基本原則，而今天它又是新事物。它放棄了設(shè)計(jì)中不需要的所有內(nèi)容，并用負(fù)空間代替了它。這種趨勢(shì)將功能帶到了最前沿，并專注于簡(jiǎn)潔的設(shè)計(jì)，使版式脫穎而出。

01.  香味精油 由Y u型簡(jiǎn)林，  黃惡嗯-祥  ，  智泰蓮 02.  重塑品牌理念，為BodriPincészet由  克里斯托夫Gáthi

6.4單色和兩種顏色

首先，在調(diào)色板中僅使用1或2個(gè)色調(diào)似乎有些限制，但它們可以創(chuàng)建非常強(qiáng)烈的視覺識(shí)別感。僅使用一種或兩種顏色，就可以保持簡(jiǎn)約的外觀，放棄所有多余的東西。結(jié)果是精美，高雅的產(chǎn)品令人賞心悅目。

01. Zerbet冰糕由  才林賈爾斯  02.  貝利啤酒  由  埃德大廳 悉尼，  葉卡捷琳娜Leontyeva ，  波阿斯孫

6.5大膽的顏色

大膽的顏色和漸變?nèi)匀皇欠浅?qiáng)烈的趨勢(shì)，這種趨勢(shì)將在2020年持續(xù)。使用這些顏色，您可以創(chuàng)建令人難忘的產(chǎn)品。

01.  極簡(jiǎn)主義和享樂主義：Fabula Branding 重新設(shè)計(jì)了  千年品牌

02  紋身商城  通過  Openmint工作室，  葉卡捷琳娜Teterkino ，  煙，  葉戈?duì)朘umachov 

03.  Organic  by  Larissa Kendrik 和  加布里埃爾· 沙茨曼

04.  VIZOU -老花眼鏡  的  工作室開頭語，  阿克塞爾杜馬克 

05.  包裝的調(diào)味開心果由  米拉Katagarova

6.6注意細(xì)節(jié)（受新藝術(shù)風(fēng)格啟發(fā)）

注重細(xì)節(jié)的包裝比以往任何時(shí)候都更受歡迎。設(shè)計(jì)師選擇這種趨勢(shì)是因?yàn)樗x予了產(chǎn)品真實(shí)性。這種趨勢(shì)使我們以現(xiàn)代方式思考經(jīng)典。 

01.  HYWILDE由  查德·邁克爾·工作室  02  AMSTEL KARGO IPA通過  卡帕羅設(shè)計(jì)船員

03.  大島咖啡烘焙-咖啡咬傷的  農(nóng)場(chǎng)設(shè)計(jì)

6.7包裝中的講故事

到2020年，品牌將不得不重新考慮其產(chǎn)品和包裝。品牌必須講述一個(gè)故事，以幫助客戶體驗(yàn)產(chǎn)品的本質(zhì)。這可以通過為包裝創(chuàng)建視覺和敘述身份來實(shí)現(xiàn)。

01.  喙接通過  骨干品牌推廣   02.  Colorea用t  骨干品牌

7.版式

7.1粗體印刷

粗體印刷術(shù)是設(shè)計(jì)中的重要趨勢(shì)，它取代了圖像作為主要元素。勇敢的排版可以在網(wǎng)頁設(shè)計(jì)和圖形設(shè)計(jì)中發(fā)揮作用。

01.  埃里克·林格（Eirik Lyng），作者：  埃里克· 赫斯特雷（ErikHerrstr?m）；  02.  包豪斯（Bauhaus_100）（x3），作者：  BunkerType（JesúsMorentin）

03.  UCCA當(dāng)代藝術(shù)中心北京由  布魯斯·莫設(shè)計(jì)（BMD）  ，耶勒馬雷夏爾 

7.2小寫

越來越多的應(yīng)用程序使用完全小寫的文本，非常易于閱讀，并且完美地融入了簡(jiǎn)約和現(xiàn)代的設(shè)計(jì)中。在明年，我們絕對(duì)必須關(guān)注這一趨勢(shì)。

01.  Autea品牌和網(wǎng)頁設(shè)計(jì)由  米哈爾Markiewicz  02  山大食品公司 CI由  臣藤田/ tegusu公司 03.  Aquality品牌的  哈坎Fidan的

7.3自定義字體 

盡管自定義字體沒有什么新意，但我們將看到這種趨勢(shì)越來越多地出現(xiàn)在設(shè)計(jì)中，尤其是在徽標(biāo)和海報(bào)中。這種做法在大品牌中更常見，因?yàn)樯a(chǎn)專用字體可能會(huì)非常昂貴，但是設(shè)計(jì)人員可以對(duì)現(xiàn)有字體進(jìn)行少量調(diào)整，結(jié)果可能會(huì)非常獨(dú)特。 

01.  Think8全球研究院通過  勃洛克設(shè)計(jì)  02  ZINEZ?//設(shè)計(jì)周期由  芭芭拉·卡托納 ，  媒體與設(shè)計(jì)系埃格爾  03.  式設(shè)計(jì)'19通過  TRüF創(chuàng)意  04.  Cako字體由  維奧萊納齊名

7.4動(dòng)力學(xué)排版

就像我們說的那樣，動(dòng)畫在設(shè)計(jì)中無處不在，因此在排版中也很常見。動(dòng)態(tài)字體使用小的和簡(jiǎn)單的交互作用來移動(dòng)和移動(dòng)屏幕上的字體。這種簡(jiǎn)單的技術(shù)可以處理文本并創(chuàng)建最終產(chǎn)品，該產(chǎn)品保留在查看器的內(nèi)存中。

01和02.  Grafika  ，  Gimmick Studio設(shè)計(jì)  。03＆04.  增強(qiáng)現(xiàn)實(shí)與動(dòng)作排版，作者：  Alex Slobzheninov

7.5堆疊字體 

堆疊文本可能是一種現(xiàn)代化的解決方案，可以吸引您注意基本信息。我們可以在網(wǎng)頁設(shè)計(jì)，應(yīng)用程序設(shè)計(jì)和圖形設(shè)計(jì)中看到這種趨勢(shì)。

01.  L'嗡通過  Atipus巴塞羅那  02  期刊由  杰瑪馬奧尼  03.  海報(bào)收藏| VOL.8由  羅馬發(fā)表  04. SMLXL由  梅麗莎Baillache，  墊新郎，  杰森·利特爾

8.趨勢(shì)工具

8.1 Adobe Spark

Adobe Spark是Adobe Systems  開發(fā)的  用于移動(dòng)和Web的媒體創(chuàng)建應(yīng)用程序的集成套件  。[1]  它包含三個(gè)獨(dú)立的設(shè)計(jì)應(yīng)用程序：  Spark Page，  Spark Post和  Spark Video。（來源：WIkipedia） 

他的免費(fèi)Adobe Spark Web應(yīng)用程序可與Spark Page，Spark Post和Spark Video  iOS移動(dòng)應(yīng)用程序同步  ，從而使用戶可以從任何設(shè)備創(chuàng)建，編輯和共享其視覺故事。

[3]  這三個(gè)設(shè)計(jì)應(yīng)用程序允許用戶創(chuàng)建和設(shè)計(jì)可用于企業(yè)，教育，社交媒體營銷人員等的視覺內(nèi)容。[4]  Spark Gallery突出顯示了使用該應(yīng)用程序的人們所做的不同項(xiàng)目。使用這三個(gè)應(yīng)用程序時(shí)，用戶可以導(dǎo)入圖片或搜索圖片。

8.2繁殖

 Procreate是 由Savage Interactive針對(duì)iOS開發(fā)和發(fā)布的   用于  數(shù)字繪畫的  光柵圖形編輯器 應(yīng)用程序。針對(duì)iPad的藝術(shù)可能性而設(shè)計(jì)  ，并且適合從初學(xué)者到專業(yè)人士的藝術(shù)家。

 它提供130多種逼真的畫筆，多層，  混合模式，  蒙版，   過程視頻的4K分辨率導(dǎo)出  ，  自動(dòng)保存以及許多其他經(jīng)典和原始的  數(shù)字藝術(shù)  工具。除光柵圖形外，該軟件的編輯和渲染文本和矢量圖形能力有限  。（來源：Wikipedia）Procreate是2018年App Store上最暢銷的應(yīng)用程序。

8.3 Adobe XD

Adobe XD是  由Adobe Inc開發(fā)和發(fā)布的   用于  Web應(yīng)用程序  和  移動(dòng)應(yīng)用程序的基于矢量的 用戶體驗(yàn)設(shè)計(jì)工具。它適用于  macOS  和  Windows，盡管有適用于iOS  和  Android的版本   可幫助直接在移動(dòng)設(shè)備上預(yù)覽工作結(jié)果。XD支持  網(wǎng)站線框圖，并創(chuàng)建簡(jiǎn)單的交互式點(diǎn)擊型原型。（來源：維基百科）

作者授權(quán)

總結(jié)

每一年每一個(gè)時(shí)間段都會(huì)有新的趨勢(shì)，學(xué)會(huì)的辯證的眼光去看待便是最大的智慧。世界一直都在變，趨勢(shì)也是。保持學(xué)習(xí)和探索的心不變就是對(duì)自己熱愛的事情最好的回應(yīng)，念念不忘，必有回響。共勉！

轉(zhuǎn)自：站酷-木七木七 

（按發(fā)言順序）

文章來源：UI中國

寫在前面

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

01. theQoos品牌插圖由  閔慶  02  軍團(tuán)賽季 3由  尼克Scarcella   03.  溶劑-使大麻銀行公開賽由  BluBlu工作室  04  云服務(wù)（動(dòng)畫圖標(biāo)）由  亞歷山大Baleev  05.  病毒性肝炎由  昂布爾集體 ，  蒂博ZELLER ，  喬納森Plesel  06 。  UXC_Design2020_Project研究通過  Donerzozo

目錄

1. UI / UX

2.插圖

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

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

5.基于技術(shù)的趨勢(shì) 

6.包裝

7.版式

8.趨勢(shì)工具

1. UI / UX

1.1暗模式（Android Q和iOS 13）

暗模式是2020年的新趨勢(shì)，Android引入了兩種類型的暗模式，分別稱為“強(qiáng)制暗模式”和“系統(tǒng)暗模式”。微軟通過在其電子郵件應(yīng)用程序中展示其暗模式擊敗了谷歌，但谷歌迅速推出了自己的針對(duì)Android 10的Gmail應(yīng)用程序的暗版本模式。

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

1.2粗體顏色

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

01.  EMART UX / UI可再生的通過  加X，  李寶藍(lán) ，  Sabum卞 ，  熙榮，  尤金全度妍 ，  ? ? ?，  Bongho彩  02  NSH通過  索菲婭費(fèi)多托娃   03.   埃爾多拉多賭場(chǎng)-移動(dòng)Web UI，應(yīng)用程序ü用  的Loredana PAPP-Dinea ，  Mihai Baldean ，  Milo主題  04.  mmcité+網(wǎng)站由  工作室9  茲林，帕維爾Valek  05.  自動(dòng)哈克系列＃21-25由  安德烈福  06.  Flipd應(yīng)用程序通過  ESTUDIO PUM

1.3 UI中的插圖

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

01.  海妖重新設(shè)計(jì)，以  西爾Theyssens ，  安東尼科拉德  02  浮雕-醫(yī)療項(xiàng)目由  馬丁Pankiewicz  葛爾若，  米沃什Po?arkowski  03.  abuk：圖書封面設(shè)計(jì)有聲書商店到  謝爾蓋Valiukh，  Tubik工作室  04.我llustration系統(tǒng)GOL到  ESTUDIO PUM  05 。  智能家居的應(yīng)用程序- IOS到  瑪麗亞Osadcha  06.斯基林貿(mào)易（skilling.com） -   Loredana酒店P(guān)APP-Dinea ，  米哈伊Baldean 

1.4講故事

設(shè)計(jì)中的講故事是關(guān)于幫助用戶在平臺(tái)上的旅程，從而使他的體驗(yàn)盡可能輕松和流暢（在UX設(shè)計(jì)中）。一個(gè)好的故事可以幫助用戶更輕松地了解產(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)方式有所不同。

01.  余吳-旅行計(jì)劃應(yīng)用由  朱莉張庭  02.  UX / UI | 食品外賣應(yīng)用由  康斯坦丁Seredkin  03.  COOC通過  cuneyt仙

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

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

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

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

01.  UI / UX | 智能藥房應(yīng)用的   阿納斯塔西婭中號(hào)，  謝爾蓋Nikonenko UX   02.  氣候與動(dòng)物：滅絕危機(jī)網(wǎng)站UI / UX  由  丹尼爾·譚，  達(dá)芙妮龍  03  飛素食者由  帕特里夏賴納斯  04.  UKRPOSHTA。烏克蘭國家郵政局的移動(dòng)應(yīng)用程序，伊洛娜·金（  Ilona Kim）  05 .  Tagir Tikeev 的聾人報(bào)警應(yīng)用程序

1.6用戶界面中的視頻

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

1.7功能

UI設(shè)計(jì)中的一個(gè)重要部分是功能，即，根據(jù)其目的和功能選擇每個(gè)元素。許多人認(rèn)為您必須在設(shè)計(jì)和功能之間進(jìn)行選擇，但是在新技術(shù)的幫助下，這兩種技術(shù)可以很好地融合在一起并相互補(bǔ)充。設(shè)計(jì)負(fù)責(zé)引起對(duì)站點(diǎn)或應(yīng)用程序的注意，其功能使體驗(yàn)變得更輕松。它使用戶可以更快地找到信息。

01.斯基林貿(mào)易（skilling.com） -   Loredana酒店帕普用餐 ，  邁克爾Baldean 

1.8注意細(xì)節(jié)

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

在明年，我們將看到越來越少的按鈕，以及更多基于手勢(shì)的導(dǎo)航。例如，后退按鈕（Android的導(dǎo)航常用）在Android 10中正式消失。

01.  FLYR的視覺形象和營銷網(wǎng)站的  Ramotion 

02.  鬧鐘應(yīng)用聾人通過  Tagir Tikeev

1.8漸變

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

01.  Wavecut - IOS應(yīng)用程序通過  Eleken局  02.  抗憂郁癥的應(yīng)用程序-產(chǎn)品設(shè)計(jì)（UX / UI）由  安娜Arutiunian 

03.  保羅回腸-電影音樂作曲家，制作人，DJ，Perfomer  通過  的Loredana PAPP-Dinea ，  米哈伊Baldean ，  米洛主題  04.  ITEXIA通過  下一頁局 ，  亞歷克斯海鷗 ，  Jegor Walowski

2.插圖

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

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

01.  新微小的事情?兒童圖畫書由  Vuon插圖 ，  榮阮 ，  榮范  02  的Adobe X Createfulness由  邁特弗蘭基，  馬蒂厄Tarwane  03。 3D人物V2由  安東尼奧·佩蒂特Cwirko  04.  Malayali由  丹尼·何塞

2.2紋理

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

01. JDE - Common Grounds by Marianna Tomaselli 02. Japan by 飯 太稀

2.3平面插圖

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

01. BILLY KENNY -剛剛為音樂通過  桑戈BANG  02 Babelia - Lecturas對(duì)維拉諾由  米格爾·安赫爾Camprubí  03.  拳擊貓-第一滴血由  Felms   04.  COUSCOUS STUDIO | 解釋器VIDEO  由  哈立德abdelazi ?

2.4等軸測(cè)圖

是的，等軸測(cè)圖仍然在這里。它們主要可以在UI設(shè)計(jì)中找到。隨著人們對(duì)加密貨幣的興趣不斷增加，這種趨勢(shì)似乎已經(jīng)生效，但是在2019年它已經(jīng)發(fā)展了，現(xiàn)在我們?cè)谄渌麡I(yè)務(wù)領(lǐng)域中發(fā)現(xiàn)了這一趨勢(shì)。

01.  龐克市由  溫祚_  02  FastCompany -等距號(hào)由  阿圖爾Tenczynski  03和05.  抗體亞型由  馬里奧·德?梅耶爾  04.  松弛插圖由  京張 

2.5 3D

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

01. 游戲巴伊亞之家由  Miagui  02  天平 由  卡韋薩Patata工作室  03.  城堡毀滅者由  穆罕默德Chahin  04.  Eyoo家庭3D插圖由  Baianat  05.  個(gè)人插圖第1卷由  巴勃羅·馬林 06.  一個(gè)人旅行通過  亂伊萊恩

2.6超大膽的色彩

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

01.  瑪莎·希肖娃（Masha Shishova）攝于莫斯科的  STRTFD咖啡壁畫  02. 作家- 利奧·夏目（  Leo Natsume）的移動(dòng)互聯(lián)網(wǎng)思想  03.  可口可樂圓罐插圖由塔尼亞·雅庫諾娃（  Tania Yakunova） 

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

3.1 3D視頻 

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

01.  龐克市由  溫祚_ ，  視覺設(shè)計(jì)藝術(shù)的影響  

3.2視頻+動(dòng)畫插圖（混合媒體）

拍攝的視頻，動(dòng)畫插圖以及有時(shí)是靜止的照片的結(jié)合可以產(chǎn)生非凡的效果。2d或3d插圖可創(chuàng)建令人難忘的視頻，從幾行運(yùn)動(dòng)到3D真實(shí)人物甚至是現(xiàn)實(shí)生活中不存在的復(fù)雜視覺效果。

01.  Coppel /回到學(xué)校通過  大量工作室  02  PWR  由安娜·霍查，  Edvina元 

3.3 2D動(dòng)畫-說明性視頻

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

01.  Freelive  由  工作室Infografika ，  謝爾蓋·薩多斯基 ，  阿納斯塔西婭Alterka ，  Arsentiy Lesnik賓館 ，  尤里·阿姆斯特朗 ，  阿林好，  喬治VALD ，馬克西姆Tleubaev  

3.4動(dòng)畫徽標(biāo)

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

01.  杯茶由  維多利亞伍  02 - 07.  運(yùn)動(dòng)野獸?Logomachine。動(dòng)畫標(biāo)志的  運(yùn)動(dòng)設(shè)計(jì)學(xué)院，  維克托Villamarin的，  波格丹·杜米特留，  Logomachine .NET ，  亞歷山大·庫茲涅佐夫，  扎克李，  丹尼斯Siurin ，  斯坦尼斯拉夫·馬爾琴科，  莉扎薇塔Tsareva ，  Supremus Levenus ，  安東·福明，  埃米爾Khafizov ，  膽堿哈達(dá)           

3.5混合動(dòng)畫2D和3D集成

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

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

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

盡管2d壟斷了設(shè)計(jì)的這一分支，但3d可以為最終概念添加額外的內(nèi)容。3d渲染可以采用插圖，動(dòng)畫或字體的形式。

01.  畫像由  費(fèi)爾南多·多明格斯Cózar  02.  NASA | 太空時(shí)代的  工作室-JQΔ   03.  美國宇航局X BBC | 不自然世界的  工作室，JQΔ

4.2雙色

精益求精的概念可以完美描述這一趨勢(shì)，設(shè)計(jì)師在其中創(chuàng)造出大膽的元素，并帶有優(yōu)雅的手感和強(qiáng)烈的對(duì)比。這種趨勢(shì)是創(chuàng)建更易于訪問的打印的理想選擇，因?yàn)槟承┐蛴〖夹g(shù)如果顏色更多，則價(jià)格會(huì)更高。

01.  冬季公開賽'18由  Kinoto Studio，  Romina Rios，  Luc Geoffroy  02 Synticate©由  斯捷潘索洛德科夫   03.  TIGER在博物館由  de_form工作室，  諾拉demeczky ，  的Eniko DERI  04.  刻字系列IX由  拉斐爾·塞拉

4.3光學(xué)感知藝術(shù)

歐普藝術(shù)作品是抽象的，有許多知名的黑白作品。通常，它們給觀看者留下動(dòng)感，隱藏的圖像，閃爍和振動(dòng)的圖案或腫脹或翹曲的印象。（來源：wikipedia.org）。

這種趨勢(shì)給人以動(dòng)靜的印象，但是以一種靜態(tài)的方式。如果要實(shí)現(xiàn)在印刷海報(bào)中移動(dòng)圖形的想法，這是最合適的方法。

01 02  東京電影節(jié)共混物由  梅賽德斯巴桑 ，  的Adobe住  03.  海報(bào)-第一卷由  Xtian米勒

4.4平面設(shè)計(jì)中的插圖

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

01.  GOOSE赫爾-海報(bào)由  Ewelina鵝  02  CAT酒吧和舞廳/ 2019至  kissmiklos，  Eszter薩拉 

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

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

01  節(jié)地鐵地鐵由  Bzoing，  維吉尼貝達(dá)德  02.  失敗的Windows由  皮埃爾Kleinhouse，  轄Zivony 

4.6復(fù)古合成波

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

01.  雞尾酒和夢(mèng)想通過  Gjorgji Despodov  02.  CINEMAX由  杰森巴爾巴  03.奇怪的事情（Netflix.com）

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

20世紀(jì)最重要的圖形設(shè)計(jì)運(yùn)動(dòng)始終是最好的設(shè)計(jì)師的靈感來源。這些樣式值得一提，因?yàn)樗鼈兪冀K是的，遵循它們所施加的規(guī)則幾乎不可能在設(shè)計(jì)中犯錯(cuò)誤?？偟膩碚f，這些運(yùn)動(dòng)強(qiáng)調(diào)版式，無襯線字體（Helvetica于1957年在包豪斯舞臺(tái)上創(chuàng)建），幾何形狀，簡(jiǎn)單的線條，體積和顏色。

01.  瑞士海報(bào)01（版式方面）由  Mehman Mammedov  02.  黃視VOL.3通過  維奧萊納齊名

4.8大的不間斷彩色空間 

大型，不間斷的色彩空間將在明年成為非常流行的趨勢(shì)。它們與大膽的字體搭配使用，可以在圖形設(shè)計(jì)，產(chǎn)品設(shè)計(jì)以及ui中找到。

01.  Synticate©由  斯捷潘索洛德科夫  02  Havaianas人字品牌內(nèi)容由  約翰Vernizzi  03.  Kekkil?-BVB的  Kurppa Hosk

4.9超極簡(jiǎn)主義

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

01.  Heim雜志，第3頁，  Sasha Yaguza撰寫  02.  Andrei Gheorghe- DADA-通過  moodley品牌標(biāo)識(shí)發(fā)布

5.基于技術(shù)的趨勢(shì)

技術(shù)通過智能設(shè)備和嶄新的理念正在徹底改變我們的生活。這些新技術(shù)使設(shè)計(jì)師已經(jīng)開發(fā)出進(jìn)入當(dāng)前趨勢(shì)的新功能。人工智能，機(jī)器學(xué)習(xí)，虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)正在影響設(shè)計(jì)師的思維方式和創(chuàng)作方式。

5.1增強(qiáng)現(xiàn)實(shí)的移動(dòng)應(yīng)用

隨著蘋果和谷歌推出自己的AR開發(fā)平臺(tái)ARKit和ARCore，很明顯，整個(gè)世界將面向增強(qiáng)現(xiàn)實(shí)技術(shù)。 

許多大品牌已經(jīng)在其應(yīng)用程序中采用了這項(xiàng)技術(shù)，而那些尚未采用這種技術(shù)的公司必須認(rèn)真考慮如何使用戶在這種新現(xiàn)實(shí)中與之交互。

有一些AR交互可用于創(chuàng)建直觀的應(yīng)用程序。第一個(gè)是將應(yīng)用程序固定在手機(jī)屏幕上時(shí)。另一個(gè)是AR UI與用戶周圍的環(huán)境相關(guān)聯(lián)時(shí)。最常用的互動(dòng)方式之一

是當(dāng)UI與對(duì)象相關(guān)并通過掃描特定項(xiàng)目觸發(fā)時(shí)。該動(dòng)作將數(shù)字動(dòng)畫連接到特殊的“標(biāo)記”。 

有關(guān)更具體的AI規(guī)則，請(qǐng)閱讀Apple指南，以提供“將真實(shí)的虛擬對(duì)象與現(xiàn)實(shí)世界無縫融合的沉浸式，引人入勝的體驗(yàn)”。

5.2 AI，ML，聊天機(jī)器人和虛擬助手

聊天機(jī)器人是一種 通過聽覺或文本方法 進(jìn)行  對(duì)話的  軟件。[1]  此類程序通常旨在令人信服地模擬人類作為對(duì)話伴侶的行為，盡管截至2019年，它們?nèi)赃h(yuǎn)遠(yuǎn)不能通過  圖靈測(cè)試。[2]  資料來源：維基百科

人們還不習(xí)慣與AI對(duì)話，因此設(shè)計(jì)師（和開發(fā)人員）的工作很大一部分是使流程簡(jiǎn)單并建立信任。他們需要幫助人們了解系統(tǒng)可以做什么以及如何使用它。

使用AIML（人工智能標(biāo)記語言）設(shè)計(jì)和編寫腳本聊天機(jī)器人，是出色的UX設(shè)計(jì)人員的魔力可以發(fā)揮作用的地方。

大多數(shù)使用聊天機(jī)器人的公司都選擇說明助手來為AI做鬼臉。以下是一些在其UI設(shè)計(jì)中使用聊天機(jī)器人的品牌：Spotify，星巴克，萬事達(dá)卡，絲芙蘭，Lyft，必勝客。

5.3 VR

大多數(shù)人將VR與游戲行業(yè)聯(lián)系在一起是有充分理由的，但是隨著所有大型科技公司開發(fā)VR套件和應(yīng)用程序，我們可以肯定地說，我們將發(fā)現(xiàn)使用和享受這項(xiàng)技術(shù)的新方法。VR已經(jīng)用于教育，醫(yī)療保健，旅游，房地產(chǎn)或建筑。 

5.4語音用戶界面（VUI）

語音用戶界面（VUI）使用語音識(shí)別  來理解語音命令和問題，通常是文本到語音以播放答復(fù)，從而  使語音與計(jì)算機(jī)的人機(jī)交互成為可能  。語音命令設(shè)備（VCD）是受語音用戶界面控制的設(shè)備。資料來源：維基百科 

去年，使用互聯(lián)網(wǎng)連接的設(shè)備的人中有40％每月至少使用一次語音助手，與去年相比，這一數(shù)字增加了10％。

6.產(chǎn)品設(shè)計(jì)

6.1包裝中的圖案

在過飽和的包裝市場(chǎng)中，很難創(chuàng)造出可以脫穎而出的新產(chǎn)品，因此設(shè)計(jì)師要回到根源并創(chuàng)造出使產(chǎn)品在擁擠的零售貨架上脫穎而出的樣式。幾何，花卉，浪漫或單色圖案是任何產(chǎn)品包裝的大膽選擇。

01.  飛行山羊咖啡由  妮可LaFave    02.  VITA SPA皮膚  由  DWYW   03.  巧克力包裝設(shè)計(jì)由  算術(shù)   04.  100手繪無縫的圖案和形狀   的  Arseny Samolevsky

6.2包裝插圖

插圖一直是包裝設(shè)計(jì)中的重要元素。通過他們，我們可以講述一個(gè)故事，使目標(biāo)受眾可以更好地理解該概念背后的歷史。平面插圖已經(jīng)存在了數(shù)十年，并且很可能會(huì)一直處于流行趨勢(shì)。

01. 布里格斯原件由  熙宰金  02  天鵝絨咖啡杯  由  安東Malishev，  呵呵卡羅拉  03.  廢物不包括廚房-品牌打造的  嘗試和真正的DESIG ň04  家，甜蜜的壽司兒童  通過  精明的機(jī)構(gòu)，  馬里亞納星火  05.  Cerveza塔Maleante通過  Antonay 

6.3留白

極簡(jiǎn)主義是設(shè)計(jì)的基本原則，而今天它又是新事物。它放棄了設(shè)計(jì)中不需要的所有內(nèi)容，并用負(fù)空間代替了它。這種趨勢(shì)將功能帶到了最前沿，并專注于簡(jiǎn)潔的設(shè)計(jì)，使版式脫穎而出。

01.  香味精油 由Y u型簡(jiǎn)林，  黃惡嗯-祥  ，  智泰蓮 02.  重塑品牌理念，為BodriPincészet由  克里斯托夫Gáthi

6.4單色和兩種顏色

首先，在調(diào)色板中僅使用1或2個(gè)色調(diào)似乎有些限制，但它們可以創(chuàng)建非常強(qiáng)烈的視覺識(shí)別感。僅使用一種或兩種顏色，就可以保持簡(jiǎn)約的外觀，放棄所有多余的東西。結(jié)果是精美，高雅的產(chǎn)品令人賞心悅目。

01. Zerbet冰糕由  才林賈爾斯  02.  貝利啤酒  由  埃德大廳 悉尼，  葉卡捷琳娜Leontyeva ，  波阿斯孫

6.5大膽的顏色

大膽的顏色和漸變?nèi)匀皇欠浅?qiáng)烈的趨勢(shì)，這種趨勢(shì)將在2020年持續(xù)。使用這些顏色，您可以創(chuàng)建令人難忘的產(chǎn)品。

01.  極簡(jiǎn)主義和享樂主義：Fabula Branding 重新設(shè)計(jì)了  千年品牌

02  紋身商城  通過  Openmint工作室，  葉卡捷琳娜Teterkino ，  煙，  葉戈?duì)朘umachov 

03.  Organic  by  Larissa Kendrik 和  加布里埃爾· 沙茨曼

04.  VIZOU -老花眼鏡  的  工作室開頭語，  阿克塞爾杜馬克 

05.  包裝的調(diào)味開心果由  米拉Katagarova

6.6注意細(xì)節(jié)（受新藝術(shù)風(fēng)格啟發(fā)）

注重細(xì)節(jié)的包裝比以往任何時(shí)候都更受歡迎。設(shè)計(jì)師選擇這種趨勢(shì)是因?yàn)樗x予了產(chǎn)品真實(shí)性。這種趨勢(shì)使我們以現(xiàn)代方式思考經(jīng)典。 

01.  HYWILDE由  查德·邁克爾·工作室  02  AMSTEL KARGO IPA通過  卡帕羅設(shè)計(jì)船員

03.  大島咖啡烘焙-咖啡咬傷的  農(nóng)場(chǎng)設(shè)計(jì)

6.7包裝中的講故事

到2020年，品牌將不得不重新考慮其產(chǎn)品和包裝。品牌必須講述一個(gè)故事，以幫助客戶體驗(yàn)產(chǎn)品的本質(zhì)。這可以通過為包裝創(chuàng)建視覺和敘述身份來實(shí)現(xiàn)。

01.  喙接通過  骨干品牌推廣   02.  Colorea用t  骨干品牌

7.版式

7.1粗體印刷

粗體印刷術(shù)是設(shè)計(jì)中的重要趨勢(shì)，它取代了圖像作為主要元素。勇敢的排版可以在網(wǎng)頁設(shè)計(jì)和圖形設(shè)計(jì)中發(fā)揮作用。

01.  埃里克·林格（Eirik Lyng），作者：  埃里克· 赫斯特雷（ErikHerrstr?m）；  02.  包豪斯（Bauhaus_100）（x3），作者：  BunkerType（JesúsMorentin）

03.  UCCA當(dāng)代藝術(shù)中心北京由  布魯斯·莫設(shè)計(jì)（BMD）  ，耶勒馬雷夏爾 

7.2小寫

越來越多的應(yīng)用程序使用完全小寫的文本，非常易于閱讀，并且完美地融入了簡(jiǎn)約和現(xiàn)代的設(shè)計(jì)中。在明年，我們絕對(duì)必須關(guān)注這一趨勢(shì)。

01.  Autea品牌和網(wǎng)頁設(shè)計(jì)由  米哈爾Markiewicz  02  山大食品公司 CI由  臣藤田/ tegusu公司 03.  Aquality品牌的  哈坎Fidan的

7.3自定義字體 

盡管自定義字體沒有什么新意，但我們將看到這種趨勢(shì)越來越多地出現(xiàn)在設(shè)計(jì)中，尤其是在徽標(biāo)和海報(bào)中。這種做法在大品牌中更常見，因?yàn)樯a(chǎn)專用字體可能會(huì)非常昂貴，但是設(shè)計(jì)人員可以對(duì)現(xiàn)有字體進(jìn)行少量調(diào)整，結(jié)果可能會(huì)非常獨(dú)特。 

01.  Think8全球研究院通過  勃洛克設(shè)計(jì)  02  ZINEZ?//設(shè)計(jì)周期由  芭芭拉·卡托納 ，  媒體與設(shè)計(jì)系埃格爾  03.  式設(shè)計(jì)'19通過  TRüF創(chuàng)意  04.  Cako字體由  維奧萊納齊名

7.4動(dòng)力學(xué)排版

就像我們說的那樣，動(dòng)畫在設(shè)計(jì)中無處不在，因此在排版中也很常見。動(dòng)態(tài)字體使用小的和簡(jiǎn)單的交互作用來移動(dòng)和移動(dòng)屏幕上的字體。這種簡(jiǎn)單的技術(shù)可以處理文本并創(chuàng)建最終產(chǎn)品，該產(chǎn)品保留在查看器的內(nèi)存中。

01和02.  Grafika  ，  Gimmick Studio設(shè)計(jì)  。03＆04.  增強(qiáng)現(xiàn)實(shí)與動(dòng)作排版，作者：  Alex Slobzheninov

7.5堆疊字體 

堆疊文本可能是一種現(xiàn)代化的解決方案，可以吸引您注意基本信息。我們可以在網(wǎng)頁設(shè)計(jì)，應(yīng)用程序設(shè)計(jì)和圖形設(shè)計(jì)中看到這種趨勢(shì)。

01.  L'嗡通過  Atipus巴塞羅那  02  期刊由  杰瑪馬奧尼  03.  海報(bào)收藏| VOL.8由  羅馬發(fā)表  04. SMLXL由  梅麗莎Baillache，  墊新郎，  杰森·利特爾

8.趨勢(shì)工具

8.1 Adobe Spark

Adobe Spark是Adobe Systems  開發(fā)的  用于移動(dòng)和Web的媒體創(chuàng)建應(yīng)用程序的集成套件  。[1]  它包含三個(gè)獨(dú)立的設(shè)計(jì)應(yīng)用程序：  Spark Page，  Spark Post和  Spark Video。（來源：WIkipedia） 

他的免費(fèi)Adobe Spark Web應(yīng)用程序可與Spark Page，Spark Post和Spark Video  iOS移動(dòng)應(yīng)用程序同步  ，從而使用戶可以從任何設(shè)備創(chuàng)建，編輯和共享其視覺故事。

[3]  這三個(gè)設(shè)計(jì)應(yīng)用程序允許用戶創(chuàng)建和設(shè)計(jì)可用于企業(yè)，教育，社交媒體營銷人員等的視覺內(nèi)容。[4]  Spark Gallery突出顯示了使用該應(yīng)用程序的人們所做的不同項(xiàng)目。使用這三個(gè)應(yīng)用程序時(shí)，用戶可以導(dǎo)入圖片或搜索圖片。

8.2繁殖

 Procreate是 由Savage Interactive針對(duì)iOS開發(fā)和發(fā)布的   用于  數(shù)字繪畫的  光柵圖形編輯器 應(yīng)用程序。針對(duì)iPad的藝術(shù)可能性而設(shè)計(jì)  ，并且適合從初學(xué)者到專業(yè)人士的藝術(shù)家。

 它提供130多種逼真的畫筆，多層，  混合模式，  蒙版，   過程視頻的4K分辨率導(dǎo)出  ，  自動(dòng)保存以及許多其他經(jīng)典和原始的  數(shù)字藝術(shù)  工具。除光柵圖形外，該軟件的編輯和渲染文本和矢量圖形能力有限  。（來源：Wikipedia）Procreate是2018年App Store上最暢銷的應(yīng)用程序。

8.3 Adobe XD

Adobe XD是  由Adobe Inc開發(fā)和發(fā)布的   用于  Web應(yīng)用程序  和  移動(dòng)應(yīng)用程序的基于矢量的 用戶體驗(yàn)設(shè)計(jì)工具。它適用于  macOS  和  Windows，盡管有適用于iOS  和  Android的版本   可幫助直接在移動(dòng)設(shè)備上預(yù)覽工作結(jié)果。XD支持  網(wǎng)站線框圖，并創(chuàng)建簡(jiǎn)單的交互式點(diǎn)擊型原型。（來源：維基百科）

作者授權(quán)

總結(jié)

每一年每一個(gè)時(shí)間段都會(huì)有新的趨勢(shì)，學(xué)會(huì)的辯證的眼光去看待便是最大的智慧。世界一直都在變，趨勢(shì)也是。保持學(xué)習(xí)和探索的心不變就是對(duì)自己熱愛的事情最好的回應(yīng)，念念不忘，必有回響。共勉！

文章來源：站酷-木七翻譯整理

當(dāng)下消費(fèi)市場(chǎng)，年輕人是絕對(duì)的主力人群。對(duì)于品牌來講，抓住年輕人就是抓住了市場(chǎng)，于是品牌們紛紛開始“年輕化”。但是在這條路上，一不小心，可能就會(huì)陷入“坑”中。本文筆者對(duì)品牌年輕化進(jìn)行分析解讀，總結(jié)了自己的看法，供大家學(xué)習(xí)參考。

互聯(lián)網(wǎng)打破了渠道與媒介的壁壘，加速了整個(gè)社會(huì)消費(fèi)觀念、品味、需求的變遷。無論是消費(fèi)觀念還是購買能力，顯然當(dāng)下的年輕人是絕對(duì)的主力人群。

對(duì)于品牌而言，就好像牧羊一般，草在哪兒，羊群就在哪兒，不追草的羊不是已經(jīng)餓死，就是在餓死的路上。

于是品牌年輕化好似成為了一切品牌問題的解藥，不幸的是，這些品牌在年輕化的道路，都走到了相似的逼仄中，年輕化僅僅達(dá)到了“形”的貼近，卻夭折在了“神”的部分。

那品牌年輕化到底該如何做呢？

木蘭姐認(rèn)為，在回答這個(gè)問題之前，我們需要先弄清楚一點(diǎn)：

品牌年輕化≠品牌年輕人化

與人一樣，品牌也有自己的生命周期，會(huì)經(jīng)歷誕生-成長-成熟-老化的過程。但與人不同的是，品牌生命周期并不單純以年齡來劃分，而是與市場(chǎng)環(huán)境、經(jīng)濟(jì)環(huán)境、消費(fèi)者行為綁定在一起。

但很多品牌往往容易陷進(jìn)一個(gè)誤區(qū)：認(rèn)為品牌年輕化就是年輕人化，于是先給年輕人貼幾個(gè)標(biāo)簽，然后再把這些標(biāo)簽貼在自己身上，試圖收獲年輕人的認(rèn)同，混進(jìn)他們的圈子，用看似時(shí)尚、熱門、流行的元素將自己打扮成“年輕人”，但往往最后結(jié)果卻是不被年輕人買單的無效溝通。

舉個(gè)例子：

KFC前段時(shí)間的形象風(fēng)波就是大型的翻車現(xiàn)場(chǎng)，讓消費(fèi)者者覺得品牌對(duì)“年輕”有誤解。

KFC為了更貼合年輕消費(fèi)者對(duì)顏值的要求，完全翻轉(zhuǎn)了大家對(duì)爺爺慈祥微胖的印象，以更時(shí)尚的高顏值形象走入消費(fèi)者眼簾。

但這個(gè)形象橫空出現(xiàn)，只給消費(fèi)者帶來了短暫的視覺沖擊，并沒有讓其產(chǎn)生情感上的認(rèn)同，甚至是嚇到了部分消費(fèi)者，很多人直呼不買賬。

△圖片截取自網(wǎng)絡(luò)

所幸這只是KFC品牌年輕化的一次嘗試，并沒有真正投入市場(chǎng)，也沒有給品牌帶來太多的影響。

從KFC的案例中我們可以得到什么樣的警醒呢：或許品牌用表面的裝嫩的方式能夠獲得一時(shí)關(guān)注，但混入年輕人的圈子，走進(jìn)他們的內(nèi)心卻有些難度。

就像1000個(gè)讀者就有1000個(gè)哈姆雷特一樣，1000個(gè)消費(fèi)者可能會(huì)有1000種需求或喜好，品牌無法對(duì)這個(gè)群體“一刀切”，也沒有一個(gè)品牌能做到被所有年輕人追捧。

要知道，這一代年輕人并不是很多品牌自以為所謂的 “狂拽炸酷吊炸天”這么簡(jiǎn)單，品牌需要做的是真正洞察年輕人的生活態(tài)度，先在價(jià)值觀上找到和年輕人真正的契合點(diǎn)，強(qiáng)調(diào) “我”，而不是追隨 “他”。

那正解如何呢？

一、為品牌灌注新鮮活力

就像物理學(xué)中的杠桿支點(diǎn)一樣，支點(diǎn)找得準(zhǔn)不準(zhǔn)，直接影響其他要素的確定。對(duì)企業(yè)而言，突破品牌桎梏，精準(zhǔn)地找到品牌年輕化的支點(diǎn)，才是贏得消費(fèi)群體的王道。

而這個(gè)“品牌年輕化”的支點(diǎn)，木蘭姐認(rèn)為應(yīng)該是為品牌灌注新鮮活力，延長或恢復(fù)品牌的“青春期”，讓品牌可以一直活躍在時(shí)代主力消費(fèi)人群的面前，不至于被消費(fèi)者和市場(chǎng)遺忘。

無疑，旺旺是其中的佼佼者者。

旺旺在年輕化的道路上摸索出了一條康莊大道，除了主打情懷回憶殺，還不斷嘗試將品牌時(shí)尚化，以此來滿足年輕人的潮流需求，比如六一攜手奈雪的茶推出寶藏奶茶；與自然堂聯(lián)合，打造自然堂x旺旺定制款氣墊BB霜組合裝，以及聯(lián)名款服裝等，一系列令人意外又驚喜的跨界合作，無疑賺足了眼球。

這一波國民經(jīng)典IP與原創(chuàng)潮牌的跨界合作，不僅意味著旺旺已經(jīng)洞察到現(xiàn)如今年輕一代的喜好，更代表了旺旺作為一個(gè)國民老品牌，有著高度的包容性，在打破以往成就、固化的品牌形象后，以有活力、年輕化、時(shí)尚潮流的品牌范兒，不斷刷新品牌的高曝光度，以及年輕人對(duì)品牌的認(rèn)可度。

可以說，旺旺在嘗試年輕化營銷的同時(shí)，也能看到其要做年輕化內(nèi)容、年輕化產(chǎn)品、年輕化品牌的決心。

還有我們的國民老品牌百雀羚，不管是提到廣告，還是產(chǎn)品，百雀羚都是美妝界永遠(yuǎn)繞不開的話題，而百雀羚能在消費(fèi)者心中留下如此重要的認(rèn)知，都離不開其一直以來的努力和創(chuàng)新。

從三生花系列到現(xiàn)如今的故宮美什件，從《一九三一》到今天的《見微知著》、《多了一點(diǎn)》，通過消費(fèi)者喜歡的方式，為品牌注入新鮮的血液，讓經(jīng)典老品牌顯得“年輕力”十足，成功激活了消費(fèi)群體，并在品牌年輕化的形象和銷售轉(zhuǎn)化量上都實(shí)現(xiàn)了質(zhì)的突破。

可見，只有為品牌注入與時(shí)代相符的新內(nèi)涵，才能積極契合消費(fèi)族群的變遷，才是品牌永葆年輕的護(hù)城河。

二、傳遞年起人認(rèn)同的品牌價(jià)值觀

提到這一點(diǎn)之前，我們先來看一個(gè)2018年最佳汽車營銷廣告案例，來自奧迪。

在這支廣告里，奧迪沒有流于表面的年輕元素，而是全程展現(xiàn)了一位滑雪飛人，觀眾跟著他腳下的雙板劃過幾乎地球上所有的地貌：山地，森林，沙漠，草原，火山，長城，海洋…

而整個(gè)片子中，奧迪車全程沒有入境，只在影片結(jié)尾，藍(lán)色海洋的背景里出現(xiàn)奧迪的廣告語：“All Conditions Are Perfect Conditions.（所有場(chǎng)景，都是完美場(chǎng)景）”。

但就是這支充滿“挑戰(zhàn)、無畏、前進(jìn)等精神”的廣告大片最后贏得戛納社會(huì)化營銷金獎(jiǎng)，引起熱議，深受年輕觀眾的喜愛。

這說明了什么？品牌年輕化，不應(yīng)拘泥于品牌面貌的年輕，更多的是品牌內(nèi)核的年輕。

再舉個(gè)極端的案例：

年過123歲的銳步（Reebok）簽下80歲“高齡青年”王順德為品牌代言人。這個(gè)加在一起超過200歲的“超高齡組合”，如果純粹按年紀(jì)來說，絕對(duì)稱不上“年輕”，而如果單從代言人王順德的外形上硬要找一點(diǎn)年輕元素的話，可能也就能是那一頭狂野白發(fā)中的“狂野”了。

為什么會(huì)選中王順德？銳步看中了王順德身上年輕的態(tài)度——堅(jiān)持、自信、突破極限，向消費(fèi)者傳遞出“任何年紀(jì)，都可以活出自己的樣子，突破極限，打破年齡的疆界”的心態(tài)。

而這跟當(dāng)代年輕人釋放個(gè)性，崇尚平等，追求自由，積極進(jìn)取，享受生活，不喜歡權(quán)威，不喜歡說教的價(jià)值觀是一致的，銳步升華了代言人背后的品牌精神。

所以木蘭姐認(rèn)為，如果你正在為品牌年輕化發(fā)愁，不妨從品牌的核心精神和態(tài)度入手，形成年輕的品牌價(jià)值觀，去發(fā)現(xiàn)目標(biāo)消費(fèi)群的價(jià)值需求，找到一個(gè)能在你們之間產(chǎn)生共鳴的態(tài)度，讓他們對(duì)品牌產(chǎn)生認(rèn)同。

三、幫用戶發(fā)聲彰顯自我

此外，90后及00后的自我意識(shí)是全面覺醒的，與以往的群體不同，他們天生具有強(qiáng)烈的表達(dá)欲及掌控欲，這也進(jìn)一步催化品牌要用“陪伴心態(tài)”去與年輕人相處，真正懂他們，幫他們發(fā)聲，彰顯自我……最終成為他們心里“陪在他們身邊的人”。

比如說江小白的文案，其實(shí)不少是用戶自己寫的文案，然后通過篩選量產(chǎn)出來。再比如有時(shí)間火爆的《我的說明書》H5、DIY類H5，引發(fā)了同類H5作品的爆發(fā)，背后都是用戶的自我價(jià)值表達(dá)。

還有今年五四青年節(jié)百度APP通過創(chuàng)意互動(dòng)手繪形式，站在年輕人的角度，說出了他們的心聲，彰顯年輕人的才華和態(tài)度，也是狠狠地刷了一波存在感。

我們從不拒絕新事物

青年人，就要站在時(shí)代與潮流的風(fēng)口浪尖

甭管哪年，在愛國這個(gè)原則性問題上

我們的脾氣還是有點(diǎn)大

在國家最需要我們的時(shí)候

青年人逆風(fēng)而行，救民于水火之中

這就像安裝了八個(gè)情感按鍵，撬動(dòng)用戶心中的共鳴開關(guān)，最終完成內(nèi)容與用戶的深度溝通，讓用戶認(rèn)同品牌價(jià)值；更重要的是設(shè)計(jì)出文案，讓用戶表達(dá)自我，從而在用戶群中分享傳播品牌價(jià)值。

由此可見，年輕化不是品牌的一廂情愿，而是品牌和消費(fèi)者的合謀：“看見世界，找到自己”。

結(jié)語

最后，木蘭姐想說，年輕化的“套路”不可能一成不變，無須刻意貼合年輕人時(shí)下的熱點(diǎn)，抓住深的洞察獲得年輕人共鳴，才是品牌年輕化的最好方式。

文章來源：人人都是產(chǎn)品經(jīng)理

在本篇開始之前，我們稍作回顧。目前已經(jīng)完成的兩個(gè)系列包括：「iOS 13 設(shè)計(jì)新特性」，涉及深色模式、SF Symbols、卡片面板及情境菜單等話題，錯(cuò)過的朋友不妨回看，畢竟新系統(tǒng)將會(huì)在近兩日正式推送。在「基礎(chǔ)設(shè)計(jì)原理」當(dāng)中，演講人通過一場(chǎng)夏威夷之旅帶領(lǐng)我們了解了一系列重要的設(shè)計(jì)原理，包括一致性、可供性、心智模型、漸進(jìn)呈現(xiàn)等等，深入淺出，老少咸宜，強(qiáng)烈推薦。

△ Mike Stern 老師的「基礎(chǔ)設(shè)計(jì)原理」

而本期開始的新話題則聚焦于如何面向 Apple 生態(tài)體系中的多種設(shè)備進(jìn)行設(shè)計(jì)，包括如何選擇平臺(tái)，如何針對(duì)不同的平臺(tái)權(quán)衡功能與外觀風(fēng)格，如何構(gòu)建生態(tài)體驗(yàn)等等；演講者是 Apple 的設(shè)計(jì)師 Cas Lemmens。

跨平臺(tái)設(shè)計(jì) – 平臺(tái)選擇

在 Apple，我們非常自豪于我們所創(chuàng)造的一系列設(shè)備平臺(tái)。在創(chuàng)造和升級(jí)這些平臺(tái)的過程中，我們都會(huì)以提升人們的日常生活品質(zhì)為目標(biāo)，并力圖在人與設(shè)備之間構(gòu)建富有意義的關(guān)聯(lián)。這關(guān)聯(lián)未必僅存在于單一平臺(tái)當(dāng)中；你所使用的 Apple 設(shè)備越多，便越發(fā)能體會(huì)到整個(gè)生態(tài)帶來的依存關(guān)系。

你可能會(huì)戴著 Apple Watch 晨跑，可能會(huì)在 MacBook 或是 iMac 上完成一天的工作；下班后，你可能會(huì)借助 iPhone 的一系列功能來使用公共交通，或是在你的車?yán)锸褂?CarPlay；回到家，你可能會(huì)通過 Apple TV 看劇或電影；睡前，你可能還會(huì)在 iPad 上讀書。

無論你正在使用何種設(shè)備，Apple 的平臺(tái)生態(tài)都可以識(shí)別你、理解你，并幫助到你。

面向這樣的生態(tài)體系進(jìn)行設(shè)計(jì)，你必須對(duì)其中的每一個(gè)平臺(tái)都有著深刻的理解。對(duì)于 Apple 的設(shè)計(jì)師而言，這樣的挑戰(zhàn)已經(jīng)變得司空見慣。我們必須謹(jǐn)慎思考每一個(gè) app 可能適合的平臺(tái)類型，以及如何使其針對(duì)不同的平臺(tái)進(jìn)行相應(yīng)的調(diào)整。

Apple 開發(fā)的 app 當(dāng)中，有些是面向全平臺(tái)的，例如「照片」或「音樂」。

而有些則僅存在于特定的平臺(tái)當(dāng)中，例如「?jìng)渫洝?、「郵件」等等。

有些服務(wù)可以在你擁有多種設(shè)備的情況下帶來最優(yōu)體驗(yàn)，例如 ApplePay；另外一些則必須基于多臺(tái)設(shè)備同時(shí)運(yùn)行，例如 FaceTime。

今天，我要與各位分享的，便是 Apple 的設(shè)計(jì)師在進(jìn)行跨平臺(tái)設(shè)計(jì)時(shí)所采用的典型流程。希望這些經(jīng)驗(yàn)可以幫助各位更加且目標(biāo)明確地將你的產(chǎn)品和服務(wù)推向 Apple 生態(tài)圈當(dāng)中的更多平臺(tái)。

我們首先會(huì)從「平臺(tái)選擇」開始，即了解每一個(gè)平臺(tái)的情境特質(zhì)與能力特征，并以此為基礎(chǔ)選擇最恰當(dāng)?shù)哪繕?biāo)平臺(tái)。

然后是「平臺(tái)適配」，即基于目標(biāo)平臺(tái)的設(shè)備特性，對(duì)我們希望實(shí)現(xiàn)的功能進(jìn)行權(quán)衡與管理。

接下來是「風(fēng)格協(xié)調(diào)」，即在品牌風(fēng)格與平臺(tái)規(guī)范之間尋求平衡，對(duì) app 的視覺外觀及操作體驗(yàn)進(jìn)行定義。

然后是「平臺(tái)連接」，即探索如何在不同的設(shè)備平臺(tái)之間實(shí)現(xiàn)功能的連續(xù)性，打造輕松、無縫的使用體驗(yàn)。

最后，我們還會(huì)嘗試「平臺(tái)擴(kuò)展」，即探索如何同時(shí)基于多平臺(tái)實(shí)現(xiàn)最優(yōu)的綜合生態(tài)體驗(yàn)。

以上便是跨平臺(tái)設(shè)計(jì)的主要流程。接下來，我們將對(duì)這五個(gè)步驟逐一進(jìn)行了解。

平臺(tái)選擇

所謂「平臺(tái)選擇」，即回答「我要面向哪個(gè)平臺(tái)進(jìn)行設(shè)計(jì)」這個(gè)問題。

或許你還沒有上線過任何 app，目前正在考慮以哪個(gè)平臺(tái)作為首發(fā)；或許你已經(jīng)在一兩個(gè)平臺(tái)上發(fā)布過 app，正在考慮接下來應(yīng)該進(jìn)行怎樣的擴(kuò)展。

在選擇平臺(tái)時(shí)，有兩個(gè)最為關(guān)鍵的概念需要我們重點(diǎn)思考：

• 情境：特定平臺(tái)最為適用的時(shí)間、地點(diǎn)及其他環(huán)境要素。
• 能力：特定平臺(tái)最具差異性的功能特征。

對(duì)于「情境」的理解至關(guān)重要，因?yàn)楫?dāng)情境發(fā)生變化時(shí)，人們通常會(huì)切換他們所使用的設(shè)備，以不同的方式完成不同的任務(wù)。

舉個(gè)例子。譬如你正在辦公室里工作，或是在學(xué)校上著課；這些都是高度聚焦和穩(wěn)定的情境。當(dāng)你離開這些場(chǎng)所，乘上了公交車或地鐵，你便進(jìn)入了高度動(dòng)態(tài)和移動(dòng)化的情境。這兩類情境之間的差異非常明顯，我們通常會(huì)從 Mac 切換至 iPhone 或 Watch，因?yàn)楹髢烧弑揪褪敲嫦蛞苿?dòng)化情境進(jìn)行設(shè)計(jì)的。

而對(duì)于「能力」的理解則可以幫助你掌握并充分利用特定平臺(tái)的獨(dú)特功能。

接下來，讓我們從「情境」與「能力」這兩個(gè)方面，對(duì) Apple 生態(tài)體系當(dāng)中的一些典型平臺(tái)進(jìn)行分析。

平臺(tái)分析

首先是 iPhone，因?yàn)檫@可能是我們多數(shù)人最為熟悉的平臺(tái)了。

從情境的角度來看，iPhone 始終保持開機(jī)，始終與我們相隨，因此它是高度移動(dòng)化的；同時(shí)，iPhone 也是高度私人化的設(shè)備，我們不會(huì)輕易與他人共享使用；此外，iPhone 通常被用于高頻而短時(shí)的互動(dòng)，我們每次使用不會(huì)超過幾分鐘。

iPhone 所具有的能力可以有效地支持其情境特質(zhì)。「始終開機(jī)，常伴于身」的特性要求 iPhone 必須具備良好的環(huán)境感知能力，其內(nèi)置的陀螺儀、加速計(jì)等傳感器可以始終在背景進(jìn)程當(dāng)中處理環(huán)境相關(guān)的信息，即便是在我們沒有使用 iPhone 的時(shí)候；iPhone 的 Touch ID（及 Face ID 等機(jī)制）則會(huì)為我們提供私人化的保護(hù)；其高清晰度的觸屏則能確保我們?cè)诙虝r(shí)間的互動(dòng)過程中獲得輕松與愉悅的體驗(yàn)。

與 iPhone 類似，Watch 也具備「始終開機(jī)，常伴于身」的特性，且同樣是高度私人化的。但 Watch 具有更強(qiáng)的即刻性，所面向的是更為短暫的互動(dòng)，譬如你只需一瞥便可以從表盤上獲取與當(dāng)下情境最為相關(guān)的信息；而提示信息在你注視稍久時(shí)還會(huì)進(jìn)一步提供詳細(xì)信息。

Watch 所具備的能力與其私人化的情境特質(zhì)息息相關(guān)。Watch 可以追蹤你的運(yùn)動(dòng)狀態(tài)、地理位置及心率；其觸覺反饋可以通過輕觸手腕來提醒你查看信息；而表盤也是高度定制化的，你可以讓最為需要的信息始終呈現(xiàn)在表盤之上，便于一瞥之間快速獲取。

而 iPad 則具有較為復(fù)雜的情境特質(zhì)，既可以被用于穩(wěn)定的環(huán)境，同時(shí)也支持移動(dòng)化場(chǎng)景。你可以用 iPad 完成一些而聚焦的任務(wù)，也可以將其作為放松型設(shè)備來享受影視或游戲體驗(yàn)。而所有這些互動(dòng)過程都比 iPhone 或 Watch 更加持久。

從能力的角度，iPad 的大屏正是對(duì)這些情境特質(zhì)的有效支持。充足的屏幕尺寸可以幫助你完成高精度的操作，環(huán)境光傳感器可以使其良好適應(yīng)于日夜不同的光照條件；高保真揚(yáng)聲器和高精度觸屏可以為影音或游戲帶來更具沉浸感的視聽體驗(yàn)；若是配合 Apple Pencil，iPad 還能幫助你完成更加、更具創(chuàng)意性的工作。

再來看 Mac。其情境特質(zhì)具有高度的專業(yè)性，你可以進(jìn)行非常而聚焦的工作，譬如設(shè)計(jì)和開發(fā) app；MacBook 可以被作為共享設(shè)備來使用，但它同時(shí)也是個(gè)人化的，因?yàn)槎鄶?shù)使用者都擁有獨(dú)立的個(gè)人帳戶；我們通常會(huì)長時(shí)間使用 MacBook 或 iMac，譬如每天都會(huì)有幾個(gè)小時(shí)的互動(dòng)時(shí)間。

在能力方面，為了支持高度專業(yè)化的任務(wù)，Mac 具備著非常高的性能表現(xiàn)；鍵盤鼠標(biāo)可以幫助你進(jìn)行而復(fù)雜的操作；多任務(wù)能力允許你以自己所需的方式進(jìn)行工作；而多帳戶體系則能使 Mac 適用于更多樣的工作場(chǎng)景。

最后來看 Apple TV。這是生態(tài)當(dāng)中最具共享性的平臺(tái)，我們通常會(huì)與家人或朋友一起觀看；TV 最具穩(wěn)定性，始終與電視機(jī)綁定在一起，不會(huì)四處移動(dòng)；TV 是完完全全的放松型設(shè)備，我們用它來享受影音或游戲，每次使用時(shí)長通常在三十分鐘到幾個(gè)小時(shí)之間。

配以高清顯示屏，TV 的畫質(zhì)將會(huì)鮮活得呼之欲出；TV 的遙控器輕便易用，你可以輕松地將其傳遞給朋友和家人；TV 可以與 HomeKit 良好配合，使其高度穩(wěn)定的特性得以在「家庭」這個(gè)場(chǎng)景中充分地發(fā)揮；其界面設(shè)計(jì)特別面向 10 碼左右的距離進(jìn)行優(yōu)化，使你可以輕松地窩在沙發(fā)里享受娛樂體驗(yàn)。

通過以上分析，你便能理解，為何了解每個(gè)平臺(tái)的「情境」與「能力」對(duì)于你的目標(biāo)平臺(tái)選擇來說是如此重要的事了。

「情境」是平臺(tái)的立命之本，而「能力」則決定了其獨(dú)特性。

對(duì)于你的 app 來說也是如此。你需要問自己兩個(gè)關(guān)鍵問題：我的 app 可以在怎樣的情境里體現(xiàn)產(chǎn)品價(jià)值？要實(shí)現(xiàn)產(chǎn)品價(jià)值，需要哪些特定的技術(shù)能力作為支持？

平臺(tái)選擇練習(xí)

在 Apple 內(nèi)部，每當(dāng)需要為 app 選擇目標(biāo)平臺(tái)時(shí)，我們都會(huì)反復(fù)進(jìn)行一項(xiàng)簡(jiǎn)單的練習(xí)?，F(xiàn)在我來為各位進(jìn)行演示。

首先讓我們以「健身記錄」 app 為例。

想想看「健身記錄」的產(chǎn)品特性，你會(huì)發(fā)現(xiàn)它首先必須具備移動(dòng)性。它需要追蹤你全天的運(yùn)動(dòng)行為，以便進(jìn)行的數(shù)據(jù)統(tǒng)計(jì)。因此它需要設(shè)備平臺(tái)具備「始終開機(jī)，常伴于身」的特質(zhì)，即高度的移動(dòng)性。

同時(shí)，「健身記錄」還必須是私人化的。它應(yīng)該能且只能追蹤你個(gè)人的數(shù)據(jù)。

接下來，我們要通過象限圖來建立情境特質(zhì)與平臺(tái)之間的映射關(guān)系。其中橫軸代表「移動(dòng)性」，從左到右遞減；一系列 Apple 設(shè)備平臺(tái)按照各自的特質(zhì)分布在軸線上，譬如 Watch 最具移動(dòng)性，而 TV 最具穩(wěn)定性。

而縱軸代表「私人性」，從上到下遞減。其中 Watch 最具私人性，TV 則最具共享性。

對(duì)于「健身記錄」而言，由于要同時(shí)具備高度的移動(dòng)性與私人性，因此在象限圖當(dāng)中會(huì)大致位于左上方的位置。這便解釋了為什么它會(huì)出現(xiàn)在 Watch 和 iPhone 當(dāng)中，而非其他平臺(tái)。

接下來我們以 GarageBand 為例。

GarageBand 涉及到的人機(jī)互動(dòng)是高度精準(zhǔn)型的，因?yàn)槿藗冃枰浅?zhǔn)確地操作音頻內(nèi)容，使它們出現(xiàn)在正確的時(shí)間和地點(diǎn)。

此外，GarageBand 必須良好地支持多任務(wù)，因?yàn)槿藗兺鶗?huì)將多種音頻器材和樂器連接進(jìn)來同時(shí)進(jìn)行演奏。

我們通過象限圖來建立映射關(guān)系。其中橫軸代表交互的性，左端為粗放型，最具代表性的平臺(tái)是 Watch，因?yàn)槠淦聊惠^小，而人們的手指相對(duì)粗大，難以完成具有高精度要求的操作；右端為精準(zhǔn)型，代表平臺(tái)為 MacBook 或 iMac，因?yàn)殒I鼠操作具備最高的度。

縱軸則代表「多任務(wù)能力」，從上到下遞減。在 Mac 上，我們可以輕松地進(jìn)行多任務(wù)操作；而對(duì)于 Watch，你每次只能完成一項(xiàng)任務(wù)。

GarageBand 需要同時(shí)具備高度的交互能力，以及良好的多任務(wù)能力，因此在象限圖當(dāng)中會(huì)大致位于右側(cè)偏上的位置，所對(duì)應(yīng)的即是 Mac、iPad 和 iPhone。

這兩個(gè)例子都非常簡(jiǎn)單，各自僅涉及到兩方面的情境特質(zhì)。在實(shí)際當(dāng)中，我們通常需要將更多、更復(fù)雜的特質(zhì)因素考慮進(jìn)去；最終，我們希望能夠?yàn)?app 找到最適合其生存的平臺(tái)。

以上便是跨平臺(tái)設(shè)計(jì)流程中的第一步，「平臺(tái)選擇」，即綜合考量不同設(shè)備的情境特質(zhì)及能力特征，進(jìn)而為 app 選擇最為適合的平臺(tái)。