每個人(rén)都(dōu)在關注趨勢。Dribbble 是設計師(shī)的集散地(dì)，也是設計趨勢最容易體現的地(dì)方。如(rú)果你經常關注 Dribbble 上(shàng)的那(nà)些設計作(zuò)品，你總會注意到許多有意思的共性，在更長(cháng)的時(shí)間(jiān)尺度上(shàng)關注這(zhè)些共性，會發現其中不少(shǎo)會延伸到更大的設計領域和(hé)範疇，其中很(hěn)多會以趨勢的形式成為(wèi)階段性甚至長(cháng)期的設計趨勢。這(zhè)些流行(xíng)的趨勢有的關乎技法，有的則是色彩、風(fēng)格，甚至是某種隐喻。
當然，不論如(rú)何，作(zuò)為(wèi)設計師(shī)，這(zhè)些趨勢的價值是毋庸置疑的，關注它們，以開(kāi)放的心态面對着，也許它們會在下(xià)一(yī)個階段在我們自(zì)己的設計作(zuò)品中開(kāi)花結果。
以人(rén)為(wèi)核心的自(zì)定義插畫(huà)是這(zhè)兩年(nián)來，最顯著的設計趨勢之一(yī)。這(zhè)種插畫(huà)展現形式能(néng)夠快(kuài)速呈現想要(yào)呈現的環境、流程，更重要(yào)的是創造情感訴求。标準而寫實的人(rén)物(wù)形象在大量的設計訴求之下(xià)，顯得平庸而不夠突出，這(zhè)也使得走樣但(dàn)是富有張力的非标準人(rén)物(wù)身材比例顯得更加出彩，這(zhè)也是為(wèi)什麽近年(nián)來我們能(néng)夠如(rú)此頻(pín)繁地(dì)看(kàn)到諸多非标準的人(rén)物(wù)插畫(huà)。
這(zhè)幅插畫(huà)來自(zì) icons8 。巨大的鞋子，不成比例的巨手，水壺纖細的握柄和(hé)壺頸，強烈的對比顯得頗具張力。
Diana Stoyanova 的插畫(huà)呈現了(le)一(yī)個忙碌女(nǚ)性的形象，非标準的身材略顯抽象，但(dàn)是很(hěn)有力量。
Diana Stoyanova 的這(zhè)幅插畫(huà)作(zuò)品用誇張巨大的人(rén)物(wù)形象來強調你比手機更大，更重要(yào)。
而 Radio 的這(zhè)幅插畫(huà)則使用走樣的身材營造出有趣而可(kě)愛的形象，讓交互更加有意思。
時(shí)至今日，插畫(huà)在 UI 中已經不再鮮見(jiàn)。自(zì)定義的插畫(huà)早就不是裝飾性的設計，它讓UI界面更加具有視(shì)覺吸引力，和(hé)情感表達的能(néng)力。更重要(yào)的是，它是功能(néng)性的，它為(wèi)界面的功能(néng)和(hé)信息提供支撐，以「互文」的方式來告知用戶界面想要(yào)呈現的功能(néng)，畢竟圖片和(hé)插畫(huà)所呈現的視(shì)覺信息比文字更快(kuài)。
這(zhè)個界面也是 icons8 團隊制作(zuò)的。輔助性的插畫(huà)讓報錯信息也顯得足夠明(míng)亮而正能(néng)量，讓用戶不會覺得難受。
這(zhè)組作(zuò)品同樣來自(zì) icons8 ，這(zhè)次的風(fēng)格不同，并且是為(wèi)移動端新用戶引導而設計的。引人(rén)矚目的插畫(huà)将文字描述的優勢更加具象化地(dì)表現出來。
Netguru 的報錯頁面顯得非常純粹也非常可(kě)愛。
Hoang Nguyen 所設計的這(zhè)個插畫(huà)甚至是交互式的，它的靈感來源于一(yī)款經典的滑塊遊戲，動效模拟了(le)這(zhè)個效果。
動畫(huà)效果是強化視(shì)覺的重要(yào)手段。在以往，視(shì)覺和(hé)圖形化元素絕大多數(shù)都(dōu)是靜态的，但(dàn)是現在為(wèi)了(le)更加積極地(dì)迎合用戶體驗，動态的設計已經成為(wèi)常規，許多動效所帶來的效果是靜态設計所無法呈現的，在情緒和(hé)氛圍上(shàng)的營造也更加強大。動效不僅能(néng)夠讓産品在視(shì)覺上(shàng)更加吸引人(rén)，而且能(néng)夠向用戶呈現出産品的品質感。此外(wài)，你還能(néng)夠在網站、通(tōng)知、教程和(hé)交互流等吧托女(nǚ)個的地(dì)方找到動效。這(zhè)也是為(wèi)何 Dribbble 的設計作(zuò)品中，有如(rú)此之多的動态的圖形化元素。
Motion Design School 的這(zhè)個動态 LOGO 借用了(le)負空間(jiān)的設計方法，主體則采用了(le)狗的形象，動态呈現下(xià)極為(wèi)可(kě)愛生動。
Awsmd 則更有意思，将水母的運動方式賦予了(le)花朵，良好總生命體在體态上(shàng)貫穿一(yī)緻，有着獨一(yī)無二的視(shì)覺表現力。
Markus Magnusson 将一(yī)組風(fēng)格一(yī)緻情節連貫地(dì)插畫(huà)動态地(dì)連接到了(le)一(yī)起，讓LOGO 具備了(le)強大的叙事能(néng)力。
Yup Nguyen 的動畫(huà)則不僅時(shí)尚，而且非常有趣，讓人(rén)感到愉悅，而忘記等待的煩惱。
Dribbble 上(shàng)最受歡迎的數(shù)字插畫(huà)主題之一(yī)，就是對各種工(gōng)作(zuò)流程和(hé)場景。插畫(huà)和(hé)平面設計師(shī)熱(rè)衷于相對藝術(shù)地(dì)呈現設計工(gōng)作(zuò)的流程，團隊的協作(zuò)，創意的發散過程，溝通(tōng)的狀态，工(gōng)作(zuò)空間(jiān)的呈現。它流行(xíng)的另一(yī)原因，是這(zhè)種內(nèi)容的插畫(huà)在着陸頁和(hé)博客文章(zhāng)頁面中非常适用，且非常流行(xíng)。
Tubik Studio 的這(zhè)幅插畫(huà)展現了(le)設計師(shī)的工(gōng)作(zuò)空間(jiān)，整個視(shì)角似乎是在廣角相機下(xià)被扭曲了(le)，非常有趣。
來自(zì) Walid Beno 的這(zhè)個插畫(huà)則呈現的是團隊協作(zuò)的場景，巨大的UI界面顯得頗為(wèi)誇張，不過主題性也是借此才得以體現和(hé)強化。
Pitch 的這(zhè)幅插畫(huà)同樣呈現的是團隊協作(zuò)的場景，不過加入的動效非常微(wēi)妙，将協作(zuò)的趨勢和(hé)狀态給放大了(le)出來，視(shì)覺上(shàng)更加動感，且足夠時(shí)尚。
Ted Kulakevich 的插畫(huà)中則描摹的是一(yī)個正在工(gōng)作(zuò)，喝(hē)着咖啡的角色形象，和(hé)日常的設計和(hé)創意工(gōng)作(zuò)者的狀态非常接近，令人(rén)賞心悅目的色彩則讓整個狀态令觀者非常舒适。
如(rú)果你的工(gōng)作(zuò)狀态也是如(rú)此的忙碌，那(nà)麽你應該能(néng)夠從(cóng) icons8 的這(zhè)幅插畫(huà)中找到共鳴。插畫(huà)中被工(gōng)作(zuò)內(nèi)容所包圍的狀态不就是你嘛？
設計是一(yī)個需要(yào)想象力的工(gōng)作(zuò)。有趣的小怪獸，奇妙的機器人(rén)，經典或者原創的卡通(tōng)人(rén)物(wù)，隻存在于傳說和(hé)想象中的生物(wù)，從(cóng)來都(dōu)不會在 Dribbble 上(shàng)缺席。品牌吉祥物(wù)的設計在這(zhè)種趨勢下(xià)越來越具有明(míng)顯的情感表現力，而卡通(tōng)化的角色形象很(hěn)大程度上(shàng)會利用人(rén)們對于特定動物(wù)或者特定形象的情感關聯，人(rén)格化、角色化之後的吉祥物(wù)，能(néng)夠讓用戶産生在和(hé)它進行(xíng)情感交流的錯覺。
設計師(shī) Mike 的網頁設計作(zuò)品當中，有趣的卡通(tōng)形象作(zuò)為(wèi)視(shì)覺主體，讓産品和(hé)用戶更快(kuài)和(hé)頁面産生視(shì)覺連接。
和(hé)Mike 的設計目标不同的是，Alexandra Zutto 的插畫(huà)是借助機器人(rén)的形象來呈現未來主義的氛圍。
Motion Design School 使用可(kě)愛的動态插畫(huà)來強化品牌的展示。
這(zhè)組來自(zì) icons8 的插畫(huà)所營造的是一(yī)個典型的結帳場景。真正特别的地(dì)方在于角色的設定，人(rén)和(hé)機器人(rén)之間(jiān)的交互，營造出科幻的氛圍。
Ramothion 靈活的運用狐狸這(zhè)個吉祥物(wù)形象，結合UI元素，表達了(le)「演示」的主題。
icons8 的這(zhè)幅插畫(huà)則利用了(le)噪點來賦予角色以一(yī)種帶有藝術(shù)感的氣息。
運動就是生命。對于設計師(shī)和(hé)插畫(huà)師(shī)而言，最有張力的東西(xī)大概都(dōu)藏在運動将要(yào)開(kāi)始的時(shí)候，藏而未發的一(yī)瞬間(jiān)，或者運動過程中，姿态舒展的某一(yī)秒。體育運動中往往能(néng)夠更快(kuài)找到這(zhè)樣的狀态，不過其他(tā)的主題之下(xià)，也存在類似的運動狀态。這(zhè)樣的運動狀态充滿了(le)表現力，設計師(shī)和(hé)插畫(huà)師(shī)們常常會借助色彩、圖形、曲線等元素來構建這(zhè)樣的設計作(zuò)品。
Unfold 的插畫(huà)呈現的是沖過終點的運動員(yuán)，主題暗示出了(le)成功、成就，明(míng)亮的色彩和(hé)舒展的姿态在整體上(shàng)保持了(le)一(yī)緻，藝術(shù)性也不低(dī)。
同樣是呈現的跑步，但(dàn)是Jack Daly 所表現的是即将開(kāi)始的運動，蓄勢待發的一(yī)瞬間(jiān)的狀态。這(zhè)幅插畫(huà)是給 InVision 所設計的，主題是設計沖刺，而這(zhè)幅插畫(huà)非常貼合這(zhè)一(yī)隐喻。
Walid Beno 的插畫(huà)所呈現的場景非常獨特，現實的路徑和(hé)虛拟的景象連在一(yī)起，人(rén)物(wù)仿佛騎行(xíng)在現在與未來之間(jiān)。
這(zhè)幅來自(zì) Tubik 的插畫(huà)則将運動的場景和(hé)手機熔于一(yī)個場景當中，整個構圖非常動态。
平面設計另外(wài)一(yī)個重要(yào)的趨勢，就是使用盡可(kě)能(néng)具有表現力的插畫(huà)設計，利用陰影和(hé)負空間(jiān)來創造戲劇感和(hé)視(shì)覺影響力，就像Vogue 的禦用設計師(shī) Malika Favre 的插畫(huà)作(zuò)品那(nà)樣。
有限的色彩，引人(rén)矚目的色彩對比，光(guāng)影之間(jiān)的互相成就，大膽而有意義的細節。如(rú)果你稍微(wēi)有意識地(dì)去看(kàn)，會發現每天都(dōu)有設計師(shī)在 Dribbble 上(shàng)發布這(zhè)樣風(fēng)格的作(zuò)品。
比如(rú) Ksenia Shokorova 的這(zhè)幅插畫(huà)就很(hěn)好地(dì)呈現出夏天的炎熱(rè)和(hé)慵懶的夏日氣氛，以富有表現力的人(rén)物(wù)輪廓作(zuò)為(wèi)構圖的中心，甲闆和(hé)水面構成鮮明(míng)的對比，色彩不多但(dàn)是令人(rén)印象深刻。
Joanna Lawniszak 的插畫(huà)則使用強烈的光(guāng)影，讓一(yī)個簡單的着名變得具有明(míng)顯的舞(wǔ)台效果，相當大氣。
Yoga Perdana 的這(zhè)個LOGO設計作(zuò)品利用的是負空間(jiān)，讓文字當中融入了(le)一(yī)個非常清晰的貓的形象，并且還呈現出貓在文字之間(jiān)穿插的效果。
這(zhè)個名為(wèi) Mr.Travel 的LOGO設計作(zuò)品來自(zì)設計師(shī) Yuri Kartashov，他(tā)将男(nán)人(rén)的面部和(hé)山(shān)脈的形象結合到了(le)一(yī)起。
Dmitry Stolz 的設計項目 Fetch My Meds 中使用了(le)兩個可(kě)愛的動物(wù)角色，微(wēi)妙的動畫(huà)和(hé)明(míng)确的對比使得兩個角色顯得活潑而有趣。
3D 無疑是現在 Dribbble 上(shàng)最熱(rè)門的趨勢。大家用3D建模來做(zuò)各種各樣的東西(xī)，無論是等軸測的插畫(huà)還是遊戲角色，還是以往大家會用PS來繪制的光(guāng)影，現在一(yī)并使用 3D建模和(hé)渲染來實現了(le)。
Ueno 這(zhè)個引人(rén)入勝的動畫(huà)效果就是在 3D 渲染的基礎上(shàng)實現的，有趣的元素構建成的場景讓人(rén)愛不釋手，而這(zhè)居然是一(yī)個招聘廣告？有意思。
Tubik Studio 的這(zhè)個首圖中的插畫(huà)形象，同樣是使用3D建模來實現的，這(zhè)樣的角色形象很(hěn)容易讓人(rén)聯想到動漫和(hé)遊戲，結合風(fēng)格類似的CTA元素，可(kě)以極強地(dì)影響用戶的注意力。
這(zhè)是設計師(shī) Mohamed Chahin 精心設計的等軸測插畫(huà)，柔和(hé)的色調和(hé)模糊的光(guāng)影讓家的氛圍得到了(le)強化。
随着精通(tōng)插畫(huà)的設計師(shī)越來越多，插畫(huà)開(kāi)始深入到設計的方方面面，包括在 Web 和(hé) UI 界面當中的字體、圖形甚至整個氛圍和(hé)環境。由于注意力的競争如(rú)此的激烈，以往原本隻需要(yào)普通(tōng)圖片就能(néng)做(zuò)到的事情，現在需要(yào)借助插畫(huà)來做(zuò)到。
在 Dropbox Design 的這(zhè)篇創意相關的文章(zhāng)當中，包含有一(yī)些這(zhè)樣帶有粗野主義風(fēng)格的插畫(huà)。也許你并不是那(nà)麽青睐這(zhè)種風(fēng)格的插畫(huà)，但(dàn)是即便如(rú)此，你也不會繞過這(zhè)幅插畫(huà)隻單純浏覽文字。
這(zhè)是一(yī)幅關于醫(yī)生和(hé)專業交互界面的插畫(huà)，作(zuò)者是設計師(shī) Alexander Savic ，插畫(huà)會将人(rén)迅速帶入進醫(yī)療保健相關的領域。
這(zhè)幅插畫(huà)來自(zì)設計工(gōng)作(zuò)室 Fireart Studio，它暗示了(le)約會 APP 背後的真實和(hé)潛藏的精彩，讓人(rén)主動追求屬于自(zì)己的愛情。
Dmitry Stolz 的插畫(huà)則呈現了(le)移動端APP 上(shàng)的交互，做(zuò)決策的關鍵時(shí)刻。
最後一(yī)個值得一(yī)體的趨勢，則是類似剪紙(zhǐ)一(yī)樣的多層剪切視(shì)覺效果插畫(huà)。這(zhè)種設計效果讓插畫(huà)具備了(le)豐富的層次，顯得深沉而原創，帶有更強的物(wù)理工(gōng)藝質感和(hé)難以磨滅的印象。
Eddie Lobanovskiy 的插畫(huà)就是使用的這(zhè)樣的效果，主題關于太空，這(zhè)種多層剪切效果讓太空顯得更為(wèi)深邃。
Michael Fugoso 的設計作(zuò)品，他(tā)将這(zhè)種插畫(huà)定義為(wèi)具有深度幻覺的平面數(shù)字插畫(huà)。
如(rú)果這(zhè)種插畫(huà)風(fēng)格和(hé)卷軸效果結合起來，就更加強大了(le)，
Studio VØR的多層次剪切插畫(huà)在交互中次第呈現，各個部分相互之間(jiān)影響并關聯着。
這(zhè)是 Anano Miminoshvili 所創建的一(yī)個網頁滾動交互的案例，随着用戶不斷滾動，不同的層級的元素次第運動，一(yī)個接這(zhè)一(yī)個被激活。
毫無疑問(wèn)，Dribbble 本身正在逐步成熟，越來越多的設計作(zuò)品中，開(kāi)始融入更為(wèi)明(míng)顯的藝術(shù)特征，設計的層次和(hé)力量感比以往更強了(le)。作(zuò)為(wèi)設計師(shī)發布各種小樣、練習的Dribbble，本身也作(zuò)為(wèi)設計領域的試驗田而存在，很(hěn)多設計趨勢在這(zhè)個平台上(shàng)醞釀，成熟，并且逐漸走向世界。
在線客服1号
微(wēi)信公衆賬号