個(gè)人都在關(guān)注趨勢(shì)。Dribbble 是設(shè)計(jì)師的集散地，也是設(shè)計(jì)趨勢(shì)最容易體現(xiàn)的地方。如果你經(jīng)常關(guān)注 Dribbble 上的那些設(shè)計(jì)作品，你總會(huì)注意到許多有意思的共性，在更長(zhǎng)的時(shí)間尺度上關(guān)注這些共性，會(huì)發(fā)現(xiàn)其中不少會(huì)延伸到更大的設(shè)計(jì)領(lǐng)域和范疇，其中很多會(huì)以趨勢(shì)的形式成為階段性甚至長(zhǎng)期的設(shè)計(jì)趨勢(shì)。這些流行的趨勢(shì)有的關(guān)乎技法，有的則是色彩、風(fēng)格，甚至是某種隱喻。

當(dāng)然，不論如何，作為設(shè)計(jì)師，這些趨勢(shì)的價(jià)值是毋庸置疑的，關(guān)注它們，以開(kāi)放的心態(tài)面對(duì)著，也許它們會(huì)在下一個(gè)階段在我們自己的設(shè)計(jì)作品中開(kāi)花結(jié)果。

1、非標(biāo)準(zhǔn)比例的人物形象

以人為核心的自定義插畫(huà)是這兩年來(lái)，最顯著的設(shè)計(jì)趨勢(shì)之一。這種插畫(huà)展現(xiàn)形式能夠快速呈現(xiàn)想要呈現(xiàn)的環(huán)境、流程，更重要的是創(chuàng)造情感訴求。標(biāo)準(zhǔn)而寫(xiě)實(shí)的人物形象在大量的設(shè)計(jì)訴求之下，顯得平庸而不夠突出，這也使得走樣但是富有張力的非標(biāo)準(zhǔn)人物身材比例顯得更加出彩，這也是為什么近年來(lái)我們能夠如此頻繁地看到諸多非標(biāo)準(zhǔn)的人物插畫(huà)。

這幅插畫(huà)來(lái)自 icons8 。巨大的鞋子，不成比例的巨手，水壺纖細(xì)的握柄和壺頸，強(qiáng)烈的對(duì)比顯得頗具張力。

Diana Stoyanova 的插畫(huà)呈現(xiàn)了一個(gè)忙碌女性的形象，非標(biāo)準(zhǔn)的身材略顯抽象，但是很有力量。

Diana Stoyanova 的這幅插畫(huà)作品用夸張巨大的人物形象來(lái)強(qiáng)調(diào)你比手機(jī)更大，更重要。

而 Radio 的這幅插畫(huà)則使用走樣的身材營(yíng)造出有趣而可愛(ài)的形象，讓交互更加有意思。

2、提供輔助信息的界面插畫(huà)

時(shí)至今日，插畫(huà)在 UI 中已經(jīng)不再鮮見(jiàn)。自定義的插畫(huà)早就不是裝飾性的設(shè)計(jì)，它讓UI界面更加具有視覺(jué)吸引力，和情感表達(dá)的能力。更重要的是，它是功能性的，它為界面的功能和信息提供支撐，以「互文」的方式來(lái)告知用戶(hù)界面想要呈現(xiàn)的功能，畢竟圖片和插畫(huà)所呈現(xiàn)的視覺(jué)信息比文字更快。

這個(gè)界面也是 icons8 團(tuán)隊(duì)制作的。輔助性的插畫(huà)讓報(bào)錯(cuò)信息也顯得足夠明亮而正能量，讓用戶(hù)不會(huì)覺(jué)得難受。

這組作品同樣來(lái)自 icons8 ，這次的風(fēng)格不同，并且是為移動(dòng)端新用戶(hù)引導(dǎo)而設(shè)計(jì)的。引人矚目的插畫(huà)將文字描述的優(yōu)勢(shì)更加具象化地表現(xiàn)出來(lái)。

Netguru 的報(bào)錯(cuò)頁(yè)面顯得非常純粹也非?？蓯?ài)。

Hoang Nguyen 所設(shè)計(jì)的這個(gè)插畫(huà)甚至是交互式的，它的靈感來(lái)源于一款經(jīng)典的滑塊游戲，動(dòng)效模擬了這個(gè)效果。

3、動(dòng)態(tài)的 LOGO 和圖形

動(dòng)畫(huà)效果是強(qiáng)化視覺(jué)的重要手段。在以往，視覺(jué)和圖形化元素絕大多數(shù)都是靜態(tài)的，但是現(xiàn)在為了更加積極地迎合用戶(hù)體驗(yàn)，動(dòng)態(tài)的設(shè)計(jì)已經(jīng)成為常規(guī)，許多動(dòng)效所帶來(lái)的效果是靜態(tài)設(shè)計(jì)所無(wú)法呈現(xiàn)的，在情緒和氛圍上的營(yíng)造也更加強(qiáng)大。動(dòng)效不僅能夠讓產(chǎn)品在視覺(jué)上更加吸引人，而且能夠向用戶(hù)呈現(xiàn)出產(chǎn)品的品質(zhì)感。此外，你還能夠在網(wǎng)站、通知、教程和交互流程等地方找到動(dòng)效。這也是為何 Dribbble 的設(shè)計(jì)作品中，有如此之多的動(dòng)態(tài)的圖形化元素。

Motion Design School 的這個(gè)動(dòng)態(tài) LOGO 借用了負(fù)空間的設(shè)計(jì)方法，主體則采用了狗的形象，動(dòng)態(tài)呈現(xiàn)下極為可愛(ài)生動(dòng)。

Awsmd 則更有意思，將水母的運(yùn)動(dòng)方式賦予了花朵，良好的生命體在體態(tài)上貫穿一致，有著獨(dú)一無(wú)二的視覺(jué)表現(xiàn)力。

Markus Magnusson 將一組風(fēng)格一致情節(jié)連貫的插畫(huà)動(dòng)態(tài)地連接到了一起，讓LOGO 具備了強(qiáng)大的敘事能力。

Yup Nguyen 的動(dòng)畫(huà)則不僅時(shí)尚，而且非常有趣，讓人感到愉悅，而忘記等待的煩惱。

4、工作流程和工作區(qū)主題插畫(huà)

Dribbble 上最受歡迎的數(shù)字插畫(huà)主題之一，就是各種工作流程和場(chǎng)景。插畫(huà)和平面設(shè)計(jì)師熱衷于相對(duì)藝術(shù)地呈現(xiàn)設(shè)計(jì)工作的流程，團(tuán)隊(duì)的協(xié)作，創(chuàng)意的發(fā)散過(guò)程，溝通的狀態(tài)，工作空間的呈現(xiàn)。它流行的另一原因，是這種內(nèi)容的插畫(huà)在著陸頁(yè)和博客文章頁(yè)面中非常適用，且非常流行。

Tubik Studio 的這幅插畫(huà)展現(xiàn)了設(shè)計(jì)師的工作空間，整個(gè)視角似乎是在廣角相機(jī)下被扭曲了，非常有趣。

來(lái)自 Walid Beno 的這個(gè)插畫(huà)則呈現(xiàn)的是團(tuán)隊(duì)協(xié)作的場(chǎng)景，巨大的 UI界面顯得頗為夸張，不過(guò)主題性也是借此才得以體現(xiàn)和強(qiáng)化。

Pitch 的這幅插畫(huà)同樣呈現(xiàn)的是團(tuán)隊(duì)協(xié)作的場(chǎng)景，不過(guò)加入的動(dòng)效非常微妙，將協(xié)作的趨勢(shì)和狀態(tài)給放大了出來(lái)，視覺(jué)上更加動(dòng)感，且足夠時(shí)尚。

Ted Kulakevich 的插畫(huà)中描摹的是一個(gè)正在工作，喝著咖啡的角色形象，和日常的設(shè)計(jì)和創(chuàng)意工作者的狀態(tài)非常接近，令人賞心悅目的色彩則讓整個(gè)狀態(tài)令觀(guān)者非常舒適。

如果你的工作狀態(tài)也是如此的忙碌，那么你應(yīng)該能夠從 icons8 的這幅插畫(huà)中找到共鳴。插畫(huà)中被工作內(nèi)容所包圍的狀態(tài)不就是你嘛？

5、有趣的吉祥物和奇妙的生物

設(shè)計(jì)是一個(gè)需要想象力的工作。有趣的小怪獸，奇妙的機(jī)器人，經(jīng)典或者原創(chuàng)的卡通人物，只存在于傳說(shuō)和想象中的生物，從來(lái)都不會(huì)在 Dribbble 上缺席。品牌吉祥物的設(shè)計(jì)在這種趨勢(shì)下越來(lái)越具有明顯的情感表現(xiàn)力，而卡通化的角色形象很大程度上會(huì)利用人們對(duì)于特定動(dòng)物或者特定形象的情感關(guān)聯(lián)，人格化、角色化之后的吉祥物，能夠讓用戶(hù)產(chǎn)生在和它進(jìn)行情感交流的錯(cuò)覺(jué)。

設(shè)計(jì)師 Mike 的網(wǎng)頁(yè)設(shè)計(jì)作品當(dāng)中，有趣的卡通形象作為視覺(jué)主體，讓產(chǎn)品、用戶(hù)更快和頁(yè)面產(chǎn)生視覺(jué)連接。

和Mike 的設(shè)計(jì)目標(biāo)不同的是，Alexandra Zutto 的插畫(huà)是借助機(jī)器人的形象來(lái)呈現(xiàn)未來(lái)主義的氛圍。

Motion Design School 使用可愛(ài)的動(dòng)態(tài)插畫(huà)來(lái)強(qiáng)化品牌的展示。

這組來(lái)自 icons8 的插畫(huà)所營(yíng)造的是一個(gè)典型的結(jié)帳場(chǎng)景。真正特別的地方在于角色的設(shè)定，人和機(jī)器人之間的交互，營(yíng)造出科幻的氛圍。

Ramothion 靈活的運(yùn)用狐貍這個(gè)吉祥物形象，結(jié)合 UI元素，表達(dá)了「演示」的主題。

icons8 的這幅插畫(huà)則利用了噪點(diǎn)來(lái)賦予角色以一種帶有藝術(shù)感的氣息。

6、各式各樣的運(yùn)動(dòng)狀態(tài)

運(yùn)動(dòng)就是生命。對(duì)于設(shè)計(jì)師和插畫(huà)師而言，最有張力的東西大概都藏在運(yùn)動(dòng)將要開(kāi)始的時(shí)候，藏而未發(fā)的一瞬間，或者運(yùn)動(dòng)過(guò)程中，姿態(tài)舒展的某一秒。體育運(yùn)動(dòng)中往往能夠更快找到這樣的狀態(tài)，不過(guò)其他的主題之下，也存在類(lèi)似的運(yùn)動(dòng)狀態(tài)。這樣的運(yùn)動(dòng)狀態(tài)充滿(mǎn)了表現(xiàn)力，設(shè)計(jì)師和插畫(huà)師們常常會(huì)借助色彩、圖形、曲線(xiàn)等元素來(lái)構(gòu)建這樣的設(shè)計(jì)作品。

Unfold 的插畫(huà)呈現(xiàn)的是沖過(guò)終點(diǎn)的運(yùn)動(dòng)員，主題暗示出了成功、成就，明亮的色彩和舒展的姿態(tài)在整體上保持了一致，藝術(shù)性也不低。

同樣是呈現(xiàn)的跑步，但是Jack Daly 所表現(xiàn)的是即將開(kāi)始的運(yùn)動(dòng)，蓄勢(shì)待發(fā)的一瞬間的狀態(tài)。這幅插畫(huà)是給 InVision 所設(shè)計(jì)的，主題是設(shè)計(jì)沖刺，而這幅插畫(huà)非常貼合這一隱喻。

Walid Beno 的插畫(huà)所呈現(xiàn)的場(chǎng)景非常獨(dú)特，現(xiàn)實(shí)的路徑和虛擬的景象連在一起，人物仿佛騎行在現(xiàn)在與未來(lái)之間。

 

這幅來(lái)自 Tubik 的插畫(huà)則將運(yùn)動(dòng)的場(chǎng)景和手機(jī)融于一個(gè)場(chǎng)景當(dāng)中，整個(gè)構(gòu)圖非常動(dòng)態(tài)。

7、陰影和負(fù)空間

平面設(shè)計(jì)另外一個(gè)重要的趨勢(shì)，就是使用盡可能具有表現(xiàn)力的插畫(huà)設(shè)計(jì)，利用陰影和負(fù)空間來(lái)創(chuàng)造戲劇感和視覺(jué)影響力，就像Vogue 的御用設(shè)計(jì)師  Malika Favre 的插畫(huà)作品那樣。

有限的色彩，引人矚目的色彩對(duì)比，光影之間的互相成就，大膽而有意義的細(xì)節(jié)。如果你稍微有意識(shí)地去看，會(huì)發(fā)現(xiàn)每天都有設(shè)計(jì)師在 Dribbble 上發(fā)布這樣風(fēng)格的作品。

比如 Ksenia Shokorova 的這幅插畫(huà)就很好地呈現(xiàn)出夏天的炎熱和慵懶的夏日氣氛，以富有表現(xiàn)力的人物輪廓作為構(gòu)圖的中心，甲板和水面構(gòu)成鮮明的對(duì)比，色彩不多但是令人印象深刻。

Joanna Lawniszak 的插畫(huà)則使用強(qiáng)烈的光影，讓一個(gè)簡(jiǎn)單的桌面變得具有明顯的舞臺(tái)效果，相當(dāng)大氣。

Yoga Perdana 的這個(gè)LOGO設(shè)計(jì)作品利用的是負(fù)空間，讓文字當(dāng)中融入了一個(gè)非常清晰的貓的形象，并且還呈現(xiàn)出貓?jiān)谖淖种g穿插的效果。

這個(gè)名為 Mr.Travel 的LOGO設(shè)計(jì)作品來(lái)自設(shè)計(jì)師 Yuri Kartashov，他將男人的面部和山脈的形象結(jié)合到了一起。

Dmitry Stolz 的設(shè)計(jì)項(xiàng)目 Fetch My Meds 中使用了兩個(gè)可愛(ài)的動(dòng)物角色，微妙的動(dòng)畫(huà)和明確的對(duì)比使得兩個(gè)角色顯得活潑而有趣。

8、3D 圖形

3D 無(wú)疑是現(xiàn)在 Dribbble 上最熱門(mén)的趨勢(shì)。大家用3D建模來(lái)做各種各樣的東西，無(wú)論是等軸測(cè)的插畫(huà)還是游戲角色，還是以往大家會(huì)用 PS 來(lái)繪制的光影，現(xiàn)在一并使用3D建模和渲染來(lái)實(shí)現(xiàn)了。

Ueno 這個(gè)引人入勝的動(dòng)畫(huà)效果就是在 3D 渲染的基礎(chǔ)上實(shí)現(xiàn)的，有趣的元素構(gòu)建成的場(chǎng)景讓人愛(ài)不釋手，而這居然是一個(gè)招聘廣告？有意思。

Tubik Studio 的這個(gè)首圖中的插畫(huà)形象，同樣是使用3D建模來(lái)實(shí)現(xiàn)的，這樣的角色形象很容易讓人聯(lián)想到動(dòng)漫和游戲，結(jié)合風(fēng)格類(lèi)似的CTA元素，可以極強(qiáng)地影響用戶(hù)的注意力。

這是設(shè)計(jì)師 Mohamed Chahin 精心設(shè)計(jì)的等軸測(cè)插畫(huà)，柔和的色調(diào)和模糊的光影讓家的氛圍得到了強(qiáng)化。

9、關(guān)于 UI 界面的插畫(huà)

隨著精通插畫(huà)的設(shè)計(jì)師越來(lái)越多，插畫(huà)開(kāi)始深入到設(shè)計(jì)的方方面面，包括在 Web 和 UI 界面當(dāng)中的字體、圖形甚至整個(gè)氛圍和環(huán)境。由于注意力的競(jìng)爭(zhēng)如此的激烈，以往原本只需要普通圖片就能做到的事情，現(xiàn)在需要借助插畫(huà)來(lái)做到。

在 Dropbox Design 的這篇?jiǎng)?chuàng)意相關(guān)的文章當(dāng)中，包含有一些這樣帶有粗野主義風(fēng)格的插畫(huà)。也許你并不是那么青睞這種風(fēng)格的插畫(huà)，但是即便如此，你也不會(huì)繞過(guò)這幅插畫(huà)只單純?yōu)g覽文字。

這是一幅關(guān)于醫(yī)生和專(zhuān)業(yè)交互界面的插畫(huà)，作者是設(shè)計(jì)師 Alexander Savic ，插畫(huà)會(huì)將人迅速帶進(jìn)醫(yī)療保健相關(guān)的領(lǐng)域。

這幅插畫(huà)來(lái)自設(shè)計(jì)工作室 Fireart Studio，它暗示了約會(huì) APP 背后的真實(shí)和潛藏的精彩，讓人主動(dòng)追求屬于自己的愛(ài)情。

Dmitry Stolz 的插畫(huà)則呈現(xiàn)了移動(dòng)端APP 上的交互，做決策的關(guān)鍵時(shí)刻。

10、多層次剪切效果插畫(huà)

最后一個(gè)值得一提的趨勢(shì)，則是類(lèi)似剪紙一樣的多層剪切視覺(jué)效果插畫(huà)。這種設(shè)計(jì)效果讓插畫(huà)具備了豐富的層次，顯得深沉而原創(chuàng)，帶有更強(qiáng)的物理工藝質(zhì)感和難以磨滅的印象。

Eddie Lobanovskiy 的插畫(huà)就是使用這樣的效果，主題關(guān)于太空，這種多層剪切效果讓太空顯得更為深邃。

Michael Fugoso 的設(shè)計(jì)作品，他將這種插畫(huà)定義為具有深度幻覺(jué)的平面數(shù)字插畫(huà)。

如果這種插畫(huà)風(fēng)格和卷軸效果結(jié)合起來(lái)，就更加強(qiáng)大了。

Studio VØR 的多層次剪切插畫(huà)在交互中次第呈現(xiàn)，各個(gè)部分之間相互影響并關(guān)聯(lián)著。

這是 Anano Miminoshvili 所創(chuàng)建的一個(gè)網(wǎng)頁(yè)滾動(dòng)交互的案例，隨著用戶(hù)不斷滾動(dòng)，不同的層級(jí)的元素次第運(yùn)動(dòng)，一個(gè)接著一個(gè)被激活。

結(jié)語(yǔ)

毫無(wú)疑問(wèn)，Dribbble 本身正在逐步成熟，越來(lái)越多的設(shè)計(jì)作品中，開(kāi)始融入更為明顯的藝術(shù)特征，設(shè)計(jì)的層次和力量感比以往更強(qiáng)了。作為設(shè)計(jì)師發(fā)布各種小樣、練習(xí)的Dribbble，本身也作為設(shè)計(jì)領(lǐng)域的試驗(yàn)田而存在，很多設(shè)計(jì)趨勢(shì)在這個(gè)平臺(tái)上醞釀，成熟，并且逐漸走向世界。