https://www.ui.cn/detail/446104.html?utm_source=gold_browser_extension
Dribbble是一個(gè)國(guó)際性質(zhì)且面向創(chuàng)作家、藝術(shù)工作者、設(shè)計(jì)師等創(chuàng)意類作品的人群，提供作品在線服務(wù)，供網(wǎng)友在線瀏覽創(chuàng)作作品的設(shè)計(jì)交流網(wǎng)站。
基于國(guó)際一流設(shè)計(jì)平臺(tái)網(wǎng)站，Dribbble的作品整體質(zhì)量卻非常高，許多攝影師、設(shè)計(jì)師和其他創(chuàng)意產(chǎn)業(yè)人士都喜歡在這里展示其創(chuàng)意設(shè)計(jì)，通過(guò)與其他設(shè)計(jì)師的共同探討來(lái)激發(fā)自己的靈感。
我們從追波的優(yōu)秀作品分析總結(jié)，或許能夠觸及2019設(shè)計(jì)流行趨勢(shì)。
2016年Dribbble上流行漸變風(fēng)格和彌散投影，2017年國(guó)內(nèi)刮起了一股漸變彌散投影風(fēng)。MBE STYLE 插畫風(fēng)格也是一樣，很多培訓(xùn)機(jī)構(gòu)都把MBE STYLE 設(shè)計(jì)技能作為UI設(shè)計(jì)師一項(xiàng)必不可少的技能。
為什么追波流行風(fēng)格火了之后次年才能在國(guó)內(nèi)流行起來(lái)？
首先追波中有大量全球知名設(shè)計(jì)師會(huì)把設(shè)計(jì)劃分的很細(xì)很細(xì)，只專注自己擅長(zhǎng)一個(gè)領(lǐng)域的設(shè)計(jì)，其次自己擅長(zhǎng)的設(shè)計(jì)領(lǐng)域進(jìn)行再創(chuàng)造、再創(chuàng)新，讓自己設(shè)計(jì)作品慢慢適應(yīng)更多的場(chǎng)景中去。
其次追波作品很多都是創(chuàng)意稿，所以設(shè)計(jì)作品會(huì)具有創(chuàng)意前瞻性。
當(dāng)一種創(chuàng)意風(fēng)格簡(jiǎn)單易用，適合更多的應(yīng)用場(chǎng)景，被大部人審美所接受后就會(huì)立刻流行起來(lái)。
我們篩選整理了追波2018一整年最流行的設(shè)計(jì)作品，共578個(gè)作品，578個(gè)作品中每個(gè)作品點(diǎn)贊過(guò)千，通過(guò)提煉每個(gè)作品元素中的共通性整理了Dribbble的主流風(fēng)格及設(shè)計(jì)趨勢(shì)。
品牌
品牌升級(jí)
By Medium
Medium 是一個(gè)輕量級(jí)內(nèi)容發(fā)行的平臺(tái)，允許單一用戶或多人協(xié)作，將自己創(chuàng)作的內(nèi)容以主題的形式結(jié)集為專輯，分享給用戶進(jìn)行消費(fèi)和閱讀。
2017年8月21日，Medium對(duì)自己品牌識(shí)別進(jìn)行全面升級(jí)，有原來(lái)具有可塑性的折疊式“M”直接改成了襯線字母，這次調(diào)整中沒(méi)有保留原來(lái)的任何設(shè)計(jì)元素，把兩年辛苦建立的品牌基因完全棄。但是它在產(chǎn)品用戶體現(xiàn)下足了功夫。
---Medium強(qiáng)調(diào)用視覺(jué)化的圖文樣式提高用戶的閱讀體驗(yàn)、用主題為核心的內(nèi)容組織方式來(lái)聚合內(nèi)容、用用戶投票的眾包形式進(jìn)一步精選內(nèi)容、用精美的網(wǎng)站模版來(lái)加強(qiáng)頁(yè)面的結(jié)構(gòu)化。對(duì)Medium 這樣的新的內(nèi)容發(fā)行形式來(lái)說(shuō)，作者、品牌不是最重要的，話題才是核心。Medium 不希望用戶僅僅因?yàn)槟称恼率悄硞€(gè)作者所寫就去閱讀，而希望他們閱讀的理由是因?yàn)樵撐恼碌脑掝}是其真正關(guān)注的。目前很多國(guó)內(nèi)設(shè)計(jì)類的譯文都來(lái)自Medium這個(gè)平臺(tái)，我也會(huì)每天關(guān)注這個(gè)平臺(tái)，里面的熱點(diǎn)設(shè)計(jì)類文章很具有前瞻性和實(shí)用性。
品牌調(diào)性
By green chameleon
---品牌調(diào)性，是基于品牌的外在表現(xiàn)而形成的市場(chǎng)印象，從品牌人格化的模式來(lái)說(shuō)，等同于人的性格。Botanical采用襯線字體突出咖啡個(gè)性品牌調(diào)性，品牌色綠色代表純天然，貼近自然，很陽(yáng)光。淡淡的暖紅色輔助色拉回了天然健康同時(shí)還兼顧女性客戶喝Botanical咖啡。整體包裝也采用纖細(xì)的字體，Botanical襯線字體正負(fù)形比重和字母之間的間距都恰到好處。
歐美風(fēng)
By Nick Slater
歐美風(fēng)的logo主要以簡(jiǎn)潔緊湊為主，英文字母的構(gòu)成基本上都是線條路徑環(huán)繞，圖形也是通過(guò)高度抽象提取造型，通過(guò)處理后所形成的文字和圖形相對(duì)簡(jiǎn)單整齊，容易與其他顏色或者背景形成統(tǒng)一的效果，突出重點(diǎn)，可以給人很深刻的印象，同時(shí)也容易記憶。很多NBA球隊(duì)的logo風(fēng)格都是類似這種歐美風(fēng)格。
品牌延展
By Eddie Lobanovskiy
為了獲得更有效的傳遞品牌價(jià)值，需要建立包括Logo、配色、字體、圖標(biāo)等一整套視覺(jué)規(guī)范，還需設(shè)計(jì)元素規(guī)范和輔助圖形。首先需要確定品牌主色、輔助色。用戶在使用現(xiàn)在的多平臺(tái)互聯(lián)網(wǎng)產(chǎn)品中，圖標(biāo)是重要的品牌設(shè)計(jì)元素，可以很好的輔助品牌延展到產(chǎn)品中去，統(tǒng)一的圖標(biāo)設(shè)計(jì)可以幫助用戶更容易識(shí)別品牌所傳遞的價(jià)值。
包裝設(shè)計(jì)
By Mike | Creative Mints
商品包裝展示的商標(biāo)、圖形、文字和組合排列在一起的一個(gè)完整的畫面。這四方面的組合構(gòu)成了包裝設(shè)計(jì)的整體效果。商品設(shè)計(jì)構(gòu)圖要素商標(biāo)、圖形、文字和色彩的運(yùn)用得正確、適當(dāng)、美觀，就可稱為優(yōu)秀的設(shè)計(jì)作品。
包裝設(shè)計(jì)的圖形主要指產(chǎn)品的形象和其它輔助裝飾形象等。圖形作為設(shè)計(jì)的語(yǔ)言，就是要把形象的內(nèi)在、外在的構(gòu)成因素表現(xiàn)出來(lái)，以視覺(jué)形象的形式把信息傳達(dá)給消費(fèi)者。要達(dá)以此目的，圖形設(shè)計(jì)的定位準(zhǔn)確是非常關(guān)鍵的。定位的過(guò)程既是熟悉產(chǎn)品全部?jī)?nèi)容的過(guò)程，其中包括商品的商標(biāo)、品名的含義及同類產(chǎn)品的現(xiàn)狀等諸多因素都要加以熟悉和研究。
界面
三維
By Mike | Creative Mints
---隨時(shí)C4D軟件的火熱，在界面設(shè)計(jì)中很多主體元素和造型都采用三維的設(shè)計(jì)手法，通過(guò)簡(jiǎn)單建模，加材質(zhì)渲染后進(jìn)行頁(yè)面排版，這種手法增加畫面質(zhì)感，烘托氣氛。Make大神不但自己手繪能力很強(qiáng)，還嘗試通過(guò)三維軟件對(duì)造型、配色、光影進(jìn)行更深層次的研究。不同的視覺(jué)效果。
網(wǎng)格規(guī)范化
By InVision
網(wǎng)頁(yè)設(shè)計(jì)中使用網(wǎng)格系統(tǒng)可以更好的規(guī)范網(wǎng)頁(yè)內(nèi)容，使用網(wǎng)格系統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)，非常的有條理性；看上去也很舒服。最重要的是，它給整個(gè)網(wǎng)站的頁(yè)面結(jié)構(gòu)定義了一個(gè)標(biāo)準(zhǔn)。網(wǎng)格系統(tǒng)雖然沒(méi)有統(tǒng)一的準(zhǔn)則，但是設(shè)計(jì)師可以采用黃金分割0.618、白銀比1.414經(jīng)典比例劃分，或垂直間距與網(wǎng)格系統(tǒng)的間距相同或是整倍。網(wǎng)格系統(tǒng)的參數(shù)根據(jù)項(xiàng)目的實(shí)際情況，盡量建立10的倍數(shù)或8的倍數(shù)。
極簡(jiǎn)風(fēng)
極簡(jiǎn)風(fēng)格的界面設(shè)計(jì)通常要具備幾個(gè)特征：簡(jiǎn)潔、清晰、一致，并且可用。你的交互體系應(yīng)當(dāng)通過(guò)清晰的視覺(jué)傳達(dá)方式幫用戶定位并解決問(wèn)題?？梢酝ㄟ^(guò)簡(jiǎn)單的配色方案；可使用大字體和醒目的色彩來(lái)讓特定的數(shù)據(jù)成為視覺(jué)焦點(diǎn)；也可以大膽使用留白讓畫面具有呼吸感。
暗調(diào)高亮風(fēng)格
By Eddie Lobanovskiy
暗調(diào)高亮風(fēng)格是一種新興的藝術(shù)風(fēng)格，近年來(lái)在網(wǎng)頁(yè)設(shè)計(jì)中廣泛應(yīng)用。暗調(diào)高亮風(fēng)格會(huì)更具個(gè)性化，也被廣泛年輕人所接受。暗調(diào)高亮風(fēng)格一般以黑色或深色調(diào)為背景色，加上一種高飽和度、高亮度的顏色作為主色，首頁(yè)過(guò)多亮色搭配不好會(huì)影響網(wǎng)頁(yè)的視覺(jué)效果。暗調(diào)高亮風(fēng)格對(duì)背景顏色光影明暗處理得當(dāng)就顯得十分重要。
形式感
By Mike | Creative Mints
騰訊設(shè)計(jì)師晉小彥出過(guò)一本書(shū)《形式感+：網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)創(chuàng)意拓展與快速表現(xiàn)》，里面寫了很多一些關(guān)于形式感設(shè)計(jì)方法論，比如抄現(xiàn)實(shí)的三步驟：減法、分塊、加法，把現(xiàn)實(shí)事物提取形態(tài)，然后把信息內(nèi)容與形態(tài)結(jié)合排版形成一個(gè)整體，讓畫面更形象生動(dòng)有趣。界面中把一幅插畫拆分到每一個(gè)小的分塊，通過(guò)打散方塊讓畫面更有趣，增加美感的同時(shí)也增加畫面的動(dòng)感。
動(dòng)效
品牌動(dòng)效
By Unfold
By lgor Pavlinski
品牌動(dòng)效Logo作為一種更新穎的展現(xiàn)方式，動(dòng)態(tài)圖形會(huì)更容易被用戶所理解，也具有更高的品牌辨識(shí)度。給人更加愉悅的視覺(jué)享受。一個(gè)好的有趣的動(dòng)態(tài)Logo能夠讓人觸發(fā)不同的情感。我們?cè)谠O(shè)計(jì)時(shí)可以營(yíng)造一個(gè)美好的故事情節(jié)，也可以體現(xiàn)我們品牌Logo設(shè)計(jì)中專業(yè)度為創(chuàng)新點(diǎn)。在品牌設(shè)計(jì)上有所創(chuàng)新，讓用戶更加認(rèn)可該公司的專業(yè)性。
界面微交互動(dòng)效
By Magic Unicorn
By Google
界面微交互動(dòng)效會(huì)讓用戶體驗(yàn)更加精致到位。想要打造優(yōu)秀的產(chǎn)品設(shè)計(jì)，微交互和動(dòng)效設(shè)計(jì)是繞不開(kāi)的，UI界面設(shè)計(jì)通過(guò)微交互反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。Google系統(tǒng)中控件規(guī)范化會(huì)讓界面更規(guī)范化。細(xì)微的動(dòng)效更能調(diào)動(dòng)用戶情緒，取悅用戶。
插畫動(dòng)效
By Markus Magnusson
By Zak Steele-Eklund
插畫繪制一般都具有藝術(shù)感，插畫傳達(dá)的信息是否明確就顯得格外重要。適當(dāng)添加簡(jiǎn)單的動(dòng)效，會(huì)增加插畫的場(chǎng)景性給用戶帶入感。插畫和動(dòng)效結(jié)合起來(lái)更容易引導(dǎo)用戶，吸引人的眼球。插畫動(dòng)畫可以幫助用戶更好的了解內(nèi)容，會(huì)讓用戶在界面插畫中尋找可交互的體驗(yàn)樂(lè)趣。
Mg動(dòng)畫
By Markus Magnusson
Mg動(dòng)畫需要很好的節(jié)奏感、韻律，每一個(gè)場(chǎng)景動(dòng)畫都需要其中的元素進(jìn)行連接變化，讓轉(zhuǎn)場(chǎng)動(dòng)畫更加自然，Markus Magnusson動(dòng)畫通過(guò)點(diǎn)線面的動(dòng)效變化讓畫面更加有趣、自然，會(huì)讓人更加印象深刻。
彈性動(dòng)畫
By Markus Magnusson
By Gal Shir
By Eduard Mykhailov
---Q彈動(dòng)畫中的Q彈效果會(huì)讓畫面更加有趣，會(huì)讓人重復(fù)欣賞不回感到膩。使用AE彈性表達(dá)式Bounce 和 Overshoot！利用這個(gè)兩個(gè)表達(dá)式你可以輕而易舉地實(shí)現(xiàn)各種彈性動(dòng)畫，也可以使用Ae腳本：物體彈簧彈性預(yù)設(shè)腳本 Aescripts Rubberize It，可以將你的物體圖形層中的元素模擬成具有彈簧彈性效果，更符合力學(xué)！
人物角色動(dòng)效
By Eran Mendel
By David Calderon
人物角色動(dòng)畫的AE使用插件較多，Puppet Tools插件利用圖釘來(lái)制作骨架的工具，但因?yàn)閳D釘工具本身的缺陷，容易破圖。DUIK插件現(xiàn)在普遍用在AE制作角色動(dòng)畫（角色動(dòng)畫比較硬），RubberHose插件角色動(dòng)畫比較軟，相對(duì)更加自然。為了更好的做好人物角色動(dòng)畫還需要平時(shí)對(duì)人物形態(tài)更細(xì)致的觀察。
酷炫科技風(fēng)
By Milkinside
AE Trapcode插件最常用的是particular和form了，這兩款粒子插件可以制作出很多酷炫的動(dòng)態(tài)效果，隨著科技進(jìn)步上面的動(dòng)態(tài)炫酷風(fēng)格可適用于多媒體大屏展示或用于公司企業(yè)官網(wǎng)，通過(guò)粒子插件來(lái)突出企業(yè)科技感，多用于互聯(lián)網(wǎng)公司。
三維動(dòng)效（C4D）
By Gleb Kuznetsov?
c4d三維場(chǎng)景動(dòng)畫通過(guò)構(gòu)建實(shí)物和場(chǎng)景模擬生活中的現(xiàn)實(shí)場(chǎng)景，會(huì)讓用戶體驗(yàn)真實(shí)感，三維軟件制作動(dòng)效的最大優(yōu)勢(shì)是通過(guò)動(dòng)力學(xué)和表達(dá)式會(huì)模擬真實(shí)感，未來(lái)在AR/VR領(lǐng)域會(huì)有更好的發(fā)展。相對(duì)于界面動(dòng)效學(xué)習(xí)成本難度也相對(duì)較大。
偽3D旋轉(zhuǎn)動(dòng)效
By Gal Shir
By Markus Magnusson
偽3D旋轉(zhuǎn)動(dòng)效漸漸的成為一種趨勢(shì)，360度無(wú)死角旋轉(zhuǎn)對(duì)角色造型有更高的要求。偽3D旋轉(zhuǎn)動(dòng)效也漸漸被更多的設(shè)計(jì)愛(ài)好者所喜歡，偽3D旋轉(zhuǎn)動(dòng)效主要使用了ae表達(dá)式進(jìn)行制作對(duì)360不同旋轉(zhuǎn)角度進(jìn)行定型，這種動(dòng)效比較新穎、百看不厭。
游戲動(dòng)效
By Mike | Creative Mints
By Markus Magnusson
游戲動(dòng)效可以很好的引導(dǎo)玩家操作，幫助新手引導(dǎo)，讓玩家了解游戲規(guī)則和操作使用，好的游戲動(dòng)效可以增加用戶粘性。游戲動(dòng)態(tài)、場(chǎng)景特效、角色動(dòng)畫對(duì)動(dòng)畫運(yùn)動(dòng)規(guī)律都有很高的要求，游戲動(dòng)態(tài)demo也可以節(jié)約研發(fā)人員的時(shí)間成本和溝通效率。
圖標(biāo)
漸變篇
By Ramotion
在扁平化設(shè)計(jì)剛興起時(shí)，很多ICON以純色和圖形為主，然而隨著漸變的流行，圖標(biāo)使用了漸變色彩，顯得更加符合趨勢(shì)。將漸變的設(shè)計(jì)同扁平化設(shè)計(jì)的美學(xué)特征融為一體。同樣的圖標(biāo)，運(yùn)用了不用色調(diào)的變化都會(huì)呈現(xiàn)不同的深度和層次。使用得當(dāng)?shù)臐u變色彩，可以使界面和圖標(biāo)的設(shè)計(jì)感得到迅速提升。
線面結(jié)合
By Eddie Lobanovskiy
線面結(jié)合圖標(biāo)是一種很出彩的風(fēng)格，線是高度概括的圖標(biāo)，這時(shí)候面更多的是充當(dāng)裝飾點(diǎn)綴的作用。面的表現(xiàn)方式也有很多種，可以是單色的，漸變色的，也可以像MBE風(fēng)格那樣提取主體結(jié)構(gòu)形成的面，也可以提取圖標(biāo)里面有閉合路徑所形成的面。這種風(fēng)格應(yīng)用也非常廣泛。
擬物風(fēng)
By Servin
看多了扁平風(fēng)，還是覺(jué)得擬物風(fēng)更加精致耐看，dribbble最早一批UI設(shè)計(jì)師擅長(zhǎng)擬物風(fēng)格。這需要對(duì)造型、光影、材質(zhì)、繪畫功底都會(huì)要很高的要求。ios為代表的都是過(guò)去擬物風(fēng)格的表現(xiàn)方式，強(qiáng)調(diào)的是對(duì)單一物件的刻畫細(xì)節(jié)仿真。如果從更廣義的范圍去討論，只要與現(xiàn)實(shí)世界有所關(guān)聯(lián)，都應(yīng)該稱為擬物？所以當(dāng)下的設(shè)計(jì)趨勢(shì)，便是這種廣義上的擬物，越來(lái)越強(qiáng)調(diào)現(xiàn)實(shí)世界的物理特性。
Windows也推出了一套自己的設(shè)計(jì)語(yǔ)言-Fluent Design System，基于平面化設(shè)計(jì)上增加了通過(guò)光感、陰影、材質(zhì)增強(qiáng)信息的層次感。模擬物理現(xiàn)實(shí)的彈性、光影、阻力等特性。增強(qiáng)了widget或者其他元素的動(dòng)畫特性以此來(lái)凸顯現(xiàn)信息。整體更加易用、簡(jiǎn)潔且信息突出。
輕擬物
By Rwds
由R神繪制的食物主題以輕擬物為主，更易識(shí)別，也更加輕簡(jiǎn)耐看。簡(jiǎn)約細(xì)膩，輕快的色彩讓食物很有食欲感。輕擬物風(fēng)格純粹有質(zhì)感，細(xì)節(jié)的處理認(rèn)真細(xì)膩。相比重?cái)M物制作過(guò)程也會(huì)更加有效率，值得設(shè)計(jì)師花時(shí)間去研究學(xué)習(xí)。
圖形
共生正負(fù)形
By Yoga Perdana
Yoga style之前都是曲線漸變風(fēng)格，最近嘗試共生正負(fù)圖形運(yùn)用到Logo設(shè)計(jì)中來(lái)，Yoga有意識(shí)的更加注重負(fù)形的變化，通過(guò)圖形標(biāo)識(shí)正負(fù)形態(tài)的互補(bǔ)，來(lái)提高圖形的表現(xiàn)力，增強(qiáng)視覺(jué)上的錯(cuò)視感和沖擊力。字母與圖形的組合趣味性，精心設(shè)計(jì)之后豐富了圖形的表現(xiàn)力，給人一種眼前一亮的藝術(shù)效果。
點(diǎn)線面
By Eddie Lobanovskiy
點(diǎn)線面是Logo設(shè)計(jì)中基本的構(gòu)成要素，可以體現(xiàn)Logo中各自的造型特征。合理運(yùn)用點(diǎn)線面可以讓視覺(jué)聚焦，Logo中點(diǎn)線面形態(tài)會(huì)更加活躍，點(diǎn)線面不僅能夠大幅度提高人們的注意程度，還可以通過(guò)造型結(jié)構(gòu)形式不同、色彩明度變化的視覺(jué)變化來(lái)給人留下深刻的印象。
幾何體
By Mike | Creative Mints
幾何體設(shè)計(jì)形式在設(shè)計(jì)中廣泛運(yùn)用，幾何體設(shè)計(jì)的畫面都比較簡(jiǎn)潔，主要把握結(jié)構(gòu)形體變化、元素造型提取再組合的過(guò)程，最后通過(guò)冷暖對(duì)比、互補(bǔ)色對(duì)比來(lái)加大視覺(jué)沖擊力，使畫面更有張力。抓住用戶眼球，能從優(yōu)秀的作品中脫穎而出。
配色
多彩色
By Eddie Lobanovskiy
多彩色設(shè)計(jì)總是給人眼前一亮的感覺(jué)，細(xì)細(xì)研究多彩色其實(shí)多彩色也有大的主旋律，可以從大的冷暖角度去區(qū)分，根據(jù)色彩的色塊大小、冷暖對(duì)比范圍來(lái)確定大方向。當(dāng)確定暖色調(diào)為主色調(diào)，冷色調(diào)就只能當(dāng)做輔色調(diào)。多彩色還可以通過(guò)紅橙黃綠青藍(lán)紫的順序來(lái)排列，這樣的排列方式會(huì)更加有秩序，多而不亂。
插畫
寫實(shí)風(fēng)
By Leo Natsume
寫實(shí)繪畫骨子里還是具有很強(qiáng)的藝術(shù)性，雖然繪畫和設(shè)計(jì)慢慢細(xì)分化，但好的手繪功底需要得天獨(dú)到的優(yōu)勢(shì)，更多美院畢業(yè)生都有這樣的功底，寫實(shí)繪畫有著不可抗拒的魅力，不可替代的功用，有更多的藝術(shù)家投身其中，潛心磨礪把寫實(shí)繪畫與設(shè)計(jì)相融合，讓它有適用更多的場(chǎng)景，發(fā)揮其光芒。
光影人物風(fēng)
By Eddie Lobanovskiy
By InVision
光影人物風(fēng)更多的也是像Mbe style一樣快速區(qū)分畫面中的黑白灰三種色調(diào)的分布，使用色塊進(jìn)行區(qū)分，最后通過(guò)多色配色讓其畫面保持一致性。在配色流程時(shí)我們可先使用黑白灰色調(diào)進(jìn)行調(diào)色，大的明暗調(diào)出來(lái)后進(jìn)行選取顏色，大多數(shù)以暖色調(diào)為主色調(diào)，適當(dāng)加入冷色調(diào)調(diào)節(jié)防止畫面太膩。
2.5D升級(jí)
By Dmitrii Kharchenko
---2.5D應(yīng)該是Mbe插畫風(fēng)格之后最火的插畫風(fēng)格了，由于它應(yīng)用范圍廣，制作方法類教程較多，ps/ai/c4d都可以快速的制作出來(lái)。2.5D插畫風(fēng)格升級(jí)后添加了漸變風(fēng)格增加其科技感，添加了光影效果增加其場(chǎng)景的真實(shí)感。加入小人物的工作場(chǎng)景會(huì)有一種帶入感，可以很清晰的識(shí)別其工作場(chǎng)景。
扁平插畫
By Joanna ?awniczak
扁平插畫要將畫面中的物體造型、陰影、顏色、形狀等具象的實(shí)物一定程度上脫離開(kāi)，通過(guò)豐富的想象力，豐富圖形組合趣味性，讓畫面的物體擺放有韻律和節(jié)奏感。扁平化插畫風(fēng)格在色彩選擇上也更加大膽，為了使畫面更豐富會(huì)增強(qiáng)明暗關(guān)系，增加色彩之間的塊面感、統(tǒng)一性和對(duì)比度。隨著大眾審美水平的提高，扁平風(fēng)格的插畫還是應(yīng)以簡(jiǎn)潔大方的插畫為主，讓具象的事物夸張化、新穎化，能縮短用戶的距離感，增加用戶視覺(jué)感官?gòu)?qiáng)化扁平插畫內(nèi)在情感。
人物插畫風(fēng)
By Dmitrii Kharchenko
人物插畫風(fēng)也是比較流行的一種插畫風(fēng)格，由于其使用場(chǎng)景廣，互聯(lián)網(wǎng)公司產(chǎn)品和B端產(chǎn)品都可以適用此類插畫風(fēng)格，而且它的繪畫操作難度適中，很快就流行開(kāi)來(lái)。人物和實(shí)際應(yīng)用場(chǎng)景會(huì)給人更多真實(shí)感，更好的給用戶傳達(dá)信息和情感。適當(dāng)?shù)募尤胫参锘ɑú莶菥哂醒b飾性的同時(shí)增加了畫面的活力。更加貼近自然、擁抱自然。
簡(jiǎn)潔燥點(diǎn)風(fēng)
By Fireart Studio
簡(jiǎn)潔風(fēng)在插畫中也同樣適用，畫面中對(duì)每個(gè)元素造型進(jìn)去提煉，每一個(gè)提煉后的造型元素都符合人的美學(xué)，通過(guò)對(duì)主題元素進(jìn)行重組符合透視的前提下通過(guò)大小對(duì)比、近大遠(yuǎn)小增加畫面層次感。燥點(diǎn)使用可以使用亮色燥點(diǎn)代表高光，也可使用暗色燥點(diǎn)代表暗部或陰影。燥點(diǎn)使用可以增加畫面的紋理感。
剪紙風(fēng)
By Eddie Lobanovskiy
剪紙風(fēng)具有高度的概括性，強(qiáng)烈的夸張性和豐富的裝飾性，通過(guò)造型、紋理和色彩的表達(dá)出插畫的內(nèi)在情感。剪紙風(fēng)從整體氣質(zhì)上顯得傳統(tǒng)并且具有親和力，使得剪紙風(fēng)格的插畫具有更多的藝術(shù)價(jià)值。剪紙風(fēng)應(yīng)用在插畫設(shè)計(jì)的方方面面，使其在設(shè)計(jì)的應(yīng)用性更強(qiáng)，風(fēng)格也更加突出。值得每個(gè)插畫設(shè)計(jì)師進(jìn)行嘗試。
卡通形象
吉祥物設(shè)計(jì)
By Mike | Creative Mints
吉祥物設(shè)計(jì)表現(xiàn)形式多為寫實(shí)圖形，用夸張和提煉的手法將原型再現(xiàn)，吉祥物設(shè)計(jì)是具有鮮明原型特征的創(chuàng)作手法。用卡通手法進(jìn)行創(chuàng)意需要設(shè)計(jì)者具有比較扎實(shí)的美術(shù)功底，能夠十分熟練地從自然原型中提煉特征元素，用藝術(shù)的手法重新表現(xiàn)，要準(zhǔn)確把握企業(yè)的品牌內(nèi)涵以及賽事活動(dòng)的特點(diǎn)，還要對(duì)形象適合后續(xù)衍生品開(kāi)發(fā)有良好的規(guī)劃能力。在公司品牌文化宣傳具有舉足輕重的作用。
表情包
By Ryan Putnam
表情包在國(guó)內(nèi)還是有很廣闊的市場(chǎng)。表情包這個(gè)東西太神奇了，可以使枯燥的文字變得有趣，表情的意義讓生硬的文字更有人情味兒，讓聊天變得更加有趣。表情包在我們聊天群或聊天軟件很常見(jiàn)，表情包的應(yīng)用還可以解放人的天性，可以將常在內(nèi)心深處不方便表達(dá)的心情用表情包來(lái)表達(dá)。
福利：
平時(shí)與大家交流較少，我會(huì)把578幅大約1.24G大小的優(yōu)秀作品發(fā)以百度云鏈接的方式放在這里，官人們請(qǐng)查收：鏈接:https://pan.baidu.com/s/1vlWUl2ruRErIU5ecdHC7Ww 密碼:b4p0
總結(jié)：
嘗試寫第一篇設(shè)計(jì)流行趨勢(shì)實(shí)在不易，陸陸續(xù)續(xù)也準(zhǔn)備些許時(shí)日，先把追波2018年1000贊的優(yōu)秀作品下載下來(lái)進(jìn)行分類總結(jié)，發(fā)現(xiàn)符合當(dāng)下趨勢(shì)的設(shè)計(jì)作品，對(duì)單個(gè)作品進(jìn)行分析解刨。從578個(gè)作品中第一輪篩選還剩200多個(gè)優(yōu)秀作品，第二輪篩選也還剩128個(gè)作品，優(yōu)秀的作品實(shí)在太多了，最后還是在128個(gè)作品中刷選出以上N種流行趨勢(shì)，大家可以根據(jù)自己的喜好和實(shí)際的工作需求提升相應(yīng)的技能。
（Ps：由于作品中有大量的視頻和動(dòng)效，也遇到Gif壓縮的問(wèn)題。為了方便大家觀看也嘗試了很多動(dòng)效壓縮的方法，最終使用了AE插件Gif gun重新對(duì)動(dòng)效和視頻進(jìn)行壓縮，整體效果很算不錯(cuò)。）
參考文獻(xiàn)：
Medium時(shí)隔兩年再次更換新Logo https://dwz.cn/YTXkKvlG
《形式感+：網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)創(chuàng)意拓展與快速表現(xiàn)》 晉小彥 清華大學(xué)出版社
Dribbble百度百科 https://dwz.cn/Y3qeL0w3
聯(lián)系客服
