今年要關(guān)注的是新擬物風(fēng)還是2.5D矢量插畫又或者是其他？讓我們一起來看看在2020年可能會影響我們?nèi)粘ＴO(shè)計體驗的三大設(shè)計趨勢。
最近有大量的設(shè)計軟件和工具雨后春筍般涌現(xiàn)——Sketch,Figma,Adobe Creative Cloud,C4d,Redshift等等。這使得設(shè)計創(chuàng)作門檻越來越低，設(shè)計師們也能夠以更多的形式和更低的成本表達自己的創(chuàng)意。
我覺得趨勢應(yīng)該是能夠相互結(jié)合，還能以創(chuàng)造性的方式在web和許多APP中得到使用。如果使用正確，3D插圖、動畫和自定義的組合可以為用戶提供一套完整的解決方案。
3D 插畫
由于一批3D愛好者在Instagram上分享他們的作品，3D在2019年流行了起來。在2020年，3D設(shè)計領(lǐng)域會得到更加重要的發(fā)展。
3D之所以變得如此流行主要得歸功于一些強大的渲染工具，比如OC，RedShift等等，以及非常便宜的顯卡和其他硬件設(shè)備。
越來越強大的軟件以及越來越便宜的設(shè)備，使得不同領(lǐng)域的設(shè)計師們也能夠通過3D表達自己的創(chuàng)意。
Illustrations by Crystal Yumumu on Dribbble
Illustrations by Luis Yrisarry Labadía on Behance
Illustration by Mike | Creative Mints on Dribbble
Illustration by Mike | Creative Mints on Dribbble
將平面設(shè)計概念轉(zhuǎn)化為3D有無數(shù)種方法。我可以看到設(shè)計師們大多在以下領(lǐng)域重新構(gòu)思舊的想法，形成新的作品。
- 中小企業(yè)，企業(yè)，高科技(人工智能，機器學(xué)習(xí)，大數(shù)據(jù)等)和it相關(guān)公司的插圖
- 兒童插圖和動畫
- 實驗性的幾何插圖
幾年前，網(wǎng)頁設(shè)計師的設(shè)計工具還不需要會3D軟件。鮮明反差的是，今天的設(shè)計師們正在成為更全面的設(shè)計師，不斷學(xué)習(xí)插畫，攝影，C4D，動畫等。
設(shè)計師們已經(jīng)走了很長一段路，我喜歡看到他們慢慢成長為超級英雄！
動畫
在當(dāng)今快節(jié)奏的技術(shù)時代，動畫的發(fā)展緊跟步伐。尤其是近期在3D領(lǐng)域的應(yīng)用，把曾今的不可能實現(xiàn)變成了可能，為更加富有創(chuàng)意性的設(shè)計打開了大門。
2019年，我寫了一篇關(guān)于2D和3D混合使用的趨勢，預(yù)測設(shè)計師能有更加多的創(chuàng)意空間。隨著技術(shù)支持更進一步，設(shè)計師可以更加大膽的去思考2D與3D結(jié)合的創(chuàng)意，產(chǎn)出的動畫流暢順滑，這一趨勢在2020年肯定會大放異彩。
在2019年，我們注意到在一些網(wǎng)頁中，動畫被非常多具有想象力的方式呈現(xiàn)。一個很棒的例子是蘋果AirPods頁面。
毫無疑問，在2020年，網(wǎng)頁上會看到非常多的過渡動畫，場景動畫，這得益于網(wǎng)頁技術(shù)的支持，一些新的JS庫，比如ScrollMagic. js, Three.js, Anime.js, Mo.js, Velocity, Scroll Reveal 等等。
我用ScrollMagic庫設(shè)計了一個我的個人網(wǎng)站，它非常輕量，但很強大。盡管我直接應(yīng)用庫來做，幾乎未做修改，但是依然可以獲得比較好的網(wǎng)頁效果：
我的個人網(wǎng)頁截圖
使用SwiftUI庫可以讓iOS設(shè)計師很輕易的做出不錯的動畫。下面的動畫是我用SwiftUI不到10分做出來的動畫效果。
基于這些動畫庫和工具，能做出比較復(fù)雜的2D和3D動畫。設(shè)計師能夠更加大膽的設(shè)計創(chuàng)意效果，開發(fā)現(xiàn)在也能比較容易的用代碼實現(xiàn)出來。
Illustration by Zak Steele-Eklund on Dribbble
Illustration by Daniel Tan on Dribbble
Illustration by Stian ? on Dribbble
動畫可能看起來像一個閃亮的新玩具，但我們需要小心使用。過度使用動畫不僅會影響用戶體驗，還會影響性能。
自定義或是組件化
在2019年，我們見證了數(shù)量激增的定制插畫，特別是在商業(yè)設(shè)計中。這個趨勢在2020年將得到延續(xù)。
雖然在幾年前，很難說服客戶采用適合他們的業(yè)務(wù)或行業(yè)的插畫，但現(xiàn)在這點已經(jīng)成為行業(yè)標(biāo)準(zhǔn)。
組件化圖片通常應(yīng)用于通用對象，即那些易于可視化的對象。隨著人工智能，大數(shù)據(jù)，區(qū)塊鏈和機器學(xué)習(xí)的興起，這些插圖廣泛應(yīng)用于web和UI設(shè)計已經(jīng)成為不爭的事實。
Illustration by the Netguru Team
Illustration by Daniel Tan on Dribbble
Illustration by Ben Schade on Dribbble
Illustration by Calvin Sprague on Behance
擬物設(shè)計是仿照真實世界物件的樣式，也是在初代iPhone上被應(yīng)用的最亮眼的趨勢。巔峰之后，就漸漸被人遺忘。現(xiàn)如今，新擬物更多的被應(yīng)用于游戲設(shè)計或復(fù)媒體設(shè)計中。
Illustration by Paarth Desai on Dribbble
設(shè)計師們意識到，簡單易懂的風(fēng)格能更好的講好故事。干凈的風(fēng)格也使得設(shè)計師能夠設(shè)計出風(fēng)格獨特的插圖。
哪種風(fēng)格會持續(xù)下去？
我唯一能確定的就是未來會變得越來不確定。我這篇文章中的預(yù)測是基于觀察，分析數(shù)千個網(wǎng)頁，設(shè)計稿，插畫等等得出來的。
最近設(shè)計圈非?？駸岬淖放跣聰M物風(fēng)（軟UI），在一些功能簡單的應(yīng)用像音樂或日歷應(yīng)用上效果很不錯。為了畫出新擬物風(fēng)的效果，你需要做3層有差別的顏色：1、最淺的顏色用在左上角的投影上2、中間色用到元素及背景上3、最深的顏色用到右下角的投影上
我最近用這種方法設(shè)計了一個音樂APP概念。
新擬物風(fēng)才剛剛站上舞臺，所以我并不確定它是否能成為主流。我們需要看到它繼續(xù)發(fā)展并能真正應(yīng)用到實際的APP中。
對于現(xiàn)在，新擬物風(fēng)并不能取代扁平設(shè)計趨勢，它只是一個簡單的加法。
漸變在如今也很流行，許多人不確定它是否會持續(xù)下去。但是，漸變在現(xiàn)在已經(jīng)非常適合UI設(shè)計，它提供了非常優(yōu)雅的視覺體驗。
Stripe’s homepage
Illustration by Mike | Creative Mints on Dribbble
我熱切的期待設(shè)計師們能夠在今年使用這些趨勢，并能綜合這些設(shè)計方法為用戶提供極致的用戶體驗。
原文：彩云譯設(shè)計
