今年要關(guān)注的是新擬物風(fēng)或是2.5D矢量插畫又或者是其余？讓我們一路來看看在2020年可能會影響我們?nèi)粘ＴO(shè)計(jì)體驗(yàn)的三大設(shè)計(jì)趨勢。
非常近有大批的設(shè)計(jì)應(yīng)用和對象雨后春筍般涌現(xiàn)——Sketch,Figma,Adobe Creative Cloud,C4d,Redshift等等。這使得設(shè)計(jì)創(chuàng)作門檻越來越低，設(shè)計(jì)師們也可以以更多的形式和更低的老本表白本人的創(chuàng)意。
我覺得趨勢應(yīng)該是能夠相互結(jié)合，還能以締造性的方法在web和很多APP中獲得應(yīng)用。若應(yīng)用精確，3D插圖、動畫和自定義的組合可以為用戶提供一套完備的辦理方案。
3D 插畫
因?yàn)橐慌?D醉心者在Instagram上共享他們的作品，3D在2019年盛行了起來。在2020年，3D設(shè)計(jì)平臺會獲得加倍緊張的發(fā)展。
3D之所以變得云云盛行主要得歸功于一些壯大的渲染對象，好比OC，RedShift等等，以及非常便宜的顯卡和其余硬件裝備。
越來越壯大的應(yīng)用以及越來越便宜的裝備，使得不同平臺的設(shè)計(jì)師們也可以通過3D表白本人的創(chuàng)意。
Illustrations by Luis Yrisarry Labadía on Behance
Illustration by Mike | Creative Mints on Dribbble
Illustration by Mike | Creative Mints on Dribbble
將平面設(shè)計(jì)概念轉(zhuǎn)化為3D有無數(shù)種技巧。我可以看到設(shè)計(jì)師們大多在以下平臺重新構(gòu)想舊的年頭，形成新的作品。
- 中小企業(yè)，企業(yè)，高科技(人工智能，機(jī)械學(xué)習(xí)，大數(shù)據(jù)等)和it關(guān)聯(lián)公司的插圖
- 兒童插圖和動畫
- 實(shí)驗(yàn)性的幾多插圖
幾年前，網(wǎng)絡(luò)設(shè)計(jì)師的設(shè)計(jì)對象還不需要會3D應(yīng)用。鮮明反差的是，今天的設(shè)計(jì)師們正在成為更全面的設(shè)計(jì)師，接續(xù)學(xué)習(xí)插畫，攝影，C4D，動畫等。
設(shè)計(jì)師們曾經(jīng)走了很長一段路，我稀飯看到他們逐步發(fā)展為超級英雄！
動畫
在當(dāng)今快節(jié)拍的技術(shù)時代，動畫的發(fā)展緊跟措施。尤其是近期在3D平臺的應(yīng)用，把曾今的不可能實(shí)現(xiàn)造成了可能，為加倍富有創(chuàng)意性的設(shè)計(jì)翻開了大門。
2019年，我寫了一篇對于2D和3D混合應(yīng)用的趨勢，展望設(shè)計(jì)師能有加倍多的創(chuàng)意空間。跟著技術(shù)支持更進(jìn)一步，設(shè)計(jì)師可以加倍斗膽的去思考2D與3D結(jié)合的創(chuàng)意，產(chǎn)出的動畫流利順滑，這一趨勢在2020年肯定會大放異彩。
在2019年，我們留意到在一些網(wǎng)絡(luò)中，動畫被非常多具備想象力的方法出現(xiàn)。一個很棒的例子是蘋果AirPods頁面。
毫無問題，在2020年，網(wǎng)絡(luò)上會看到非常多的過渡動畫，場景動畫，這得益于網(wǎng)絡(luò)技術(shù)的支持，一些新的JS庫，好比ScrollMagic. js, Three.js, Anime.js, Mo.js, Velocity, Scroll Reveal 等等。
我用ScrollMagic庫設(shè)計(jì)了一個我的個人網(wǎng)站，它非常輕量，但很壯大。只管我干脆應(yīng)用庫來做，險些未做點(diǎn)竄，但是仍然可以獲得相對好的網(wǎng)絡(luò)結(jié)果：
我的個人網(wǎng)絡(luò)截圖
應(yīng)用SwiftUI庫可以讓iOS設(shè)計(jì)師很輕易的做出不錯的動畫。下面的動畫是我用SwiftUI不到10分做出來的動畫結(jié)果。
基于這些動畫庫和對象，能做出相對復(fù)雜的2D和3D動畫。設(shè)計(jì)師能夠加倍斗膽的設(shè)計(jì)創(chuàng)意結(jié)果，開發(fā)當(dāng)今也能相對輕易的用代碼實(shí)現(xiàn)出來。
Illustration by Zak Steele-Eklund on Dribbble
Illustration by Daniel Tan on Dribbble
Illustration by Stian ? on Dribbble
動畫可能看起來像一個閃亮的新玩具，但我們需要小心應(yīng)用。過度應(yīng)用動畫不但會影響用戶體驗(yàn)，還會影響性能。
自定義或是組件化
在2019年，我們見證了數(shù)目激增的定制插畫，特別是在商業(yè)設(shè)計(jì)中。這個趨勢在2020年將獲得延續(xù)。
固然在幾年前，很難說服客戶接納適用他們的業(yè)務(wù)或行業(yè)的插畫，但當(dāng)今這點(diǎn)曾經(jīng)成為行業(yè)標(biāo)準(zhǔn)。
組件化圖片平時應(yīng)用于通用對象，即那些易于可視化的對象。跟著人工智能，大數(shù)據(jù)，區(qū)塊鏈和機(jī)械學(xué)習(xí)的興起，這些插圖寬泛應(yīng)用于web和UI設(shè)計(jì)曾經(jīng)成為不爭的究竟。
擬物設(shè)計(jì)是模仿實(shí)在世界物件的樣式，也是在初代iPhone上被應(yīng)用的非常亮眼的趨勢。巔峰以后，就逐漸被人忘記?，F(xiàn)如今，新擬物更多的被應(yīng)用于游戲設(shè)計(jì)或復(fù)媒體設(shè)計(jì)中。
Illustration by Paarth Desai on Dribbble
設(shè)計(jì)師們意識到，簡單易懂的樣式能更好的講好故事。干凈的樣式也使得設(shè)計(jì)師能夠設(shè)計(jì)出樣式怪異的插圖。
類樣式會連接下去？
我唯一能確定的即是來日會變得越來不確定。我這篇文章中的展望是基于調(diào)查，說明數(shù)千個網(wǎng)絡(luò)，設(shè)計(jì)稿，插畫等等得出來的。
非常近設(shè)計(jì)圈非?？駸岬淖放跣聰M物風(fēng)（軟UI），在一些功效簡單的應(yīng)用像音樂或日歷應(yīng)用上結(jié)果很不錯。為了畫出新擬物風(fēng)的結(jié)果，你需要做3層有差別的色彩：1、非常淺的色彩用在左上角的投影上2、中心色用到元素及布景上3、非常深的色彩用到右下角的投影上
我非常近用這種技巧設(shè)計(jì)了一個音樂APP概念。
新擬物風(fēng)才方才站上舞臺，所以我并不確定它是否能成為合流。我們需要看到它繼續(xù)發(fā)展并能真正應(yīng)用到現(xiàn)實(shí)的APP中。
對于當(dāng)今，新擬物風(fēng)并不能取代扁平設(shè)計(jì)趨勢，它只是一個簡單的加法。
漸變在如今也很盛行，很多人不確定它是否會連接下去。但是，漸變在當(dāng)今曾經(jīng)非常適用UI設(shè)計(jì)，它提供了非常優(yōu)雅的視覺體驗(yàn)。