天天看點

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

作者:衍果視覺

前言

大家好,我是設計師風尾竹,2022年三維炫酷質感的設計風格流行,更多的設計師投入到3D設計學習中,3D風格在專題營銷和B端設計中大量運用。那麼2D風格的插畫是不是沒落了?首先我說答案是否定的。插畫做為一種獨特的藝術風格,已經流行了很久,未來也依然有很多設計場景在運用。

2023年春節期間,竹子特意搜集了很多APP的啟動畫面,這些APP都大量使用了插畫風格,去表達春節濃濃的團圓節日氛圍。插畫具有畫面柔和,情感氛圍濃厚特點,是以在一些在情感類設計題材中,依然是具有不可替代的設計表達形式。下面是一些竹子在節日期間截圖插畫啟動頁。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

小結

這些APP插畫具有抽象藝術性,風格可以很柔和。傳達功能資訊和品牌情感依然高效。同時插畫更講求畫面表意和情節,給使用者叙事性的視覺體驗,可以拉進使用者和産品之間的情感聯系。是以很多未來依然會有非常多的品牌會在節日或者慶典的時候,依然選擇使用插畫的設計形式感來烘托情感氛圍。

經常有設計師來問我,為什麼竹子帶出的學生插畫都看起來那麼有故事感,其實我覺得靈感是非常重要的,很多經典的構圖,經典的元素都可以直接去使用,日常我們去繪制插畫,還是需要非常多的素材參考的。

那麼竹子日常會去使用哪些素材網站去尋找插畫設計靈感了?我覺得插畫的素材網站其實非常的多,直接可以用是最好的了。是以今天和大家分享我私藏的可以去參考的素材網站。我挑選的這些網站都非常有特點,且可以免費下載下傳使用各種格式。

1、openpeeps

這個網站的插畫竹子覺得内容風格都挺有意思的,有很多白描頭像,特别适合去做參考畫一些表情包,或者APP裡面的插畫人物元件。另外還提供SVG和PNG格式的下載下傳,非常的友善了。歐美有非常多的商業設計就是喜歡這些有趣的塗鴉風格。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

對于這種類型的插畫在APP設計中的應用,竹子記得有一款非常優秀的APP叫塗手,這款APP就是供設計師分享這種黑白插畫的社群,可惜這款APP已經停止下載下傳了,如果有同類APP推薦,也歡迎大家告訴我。不過竹子看到近期LOFTER的引導頁在使用這種線性風格的插畫,是以這種風格具有極強的藝術性,還是比較适合設計類藝術類家具類的APP使用。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

2、opendoodles

這個網站提供了大量手繪風格的粗線條線性插畫參考,這個風格可能比較抽象簡約,人物風格比較誇張,線條比較粗犷。是以畫面風格靈動中帶着一些俏皮。适合一些風格比較有趣,希望營造輕松好玩氛圍的APP或者産品。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

經常有設計師說看起來國内的APP都千篇一律,其實我們國内也有很多風格多樣,設計有趣的APP,竹子記得在必勝客的點餐APP首頁設計中看到使用了這種俏皮風格的圖示。線條粗犷,有點厚塗的手繪感,非常有趣。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

3、icons8

竹子推薦這個網站是因為有兩個比較重要的地方,一個是提供了大量的3D人物素材庫,這樣對于不會模組化的設計師,或者想去節省大量時間快速搭建場景的設計師來說是一個非常大的福音。竹子親自測試了下,下載下傳的圖示是400PX内的尺寸,對于應付日常設計足夠了,當然如果需要更高清的圖示還是需要付費的。

另外就是插畫以素材庫檢索的形式,把網站内的插畫進行了打标簽,非常容易友善的去快速定位尋找插畫素材。對于插畫素材庫裡面的插畫,竹子覺得非常适合用來做一些B端設計的配圖,和一些APP設計裡的無資料頁。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

使用了3D人物插畫方式的滴滴啟動頁

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

使用了扁平插畫方式的知乎引導頁

4、任天堂像素畫庫

這個網站的特點就是分享了大量的粗點陣圖的像素畫,這些優質的像素畫是由前任天堂設計師前田高志成立的前田設計室提供的,包含了 700款的“像素風格”PNG圖案。像素畫是流行于上世紀90年代遊戲中使用的畫法,是以具有非常強烈的時代特征。具有像素風格的電玩遊戲,是許多人共同的年少回憶,竹子小時候也和大家一樣,對于紅白機具有強烈的視覺記憶。現今也有不少像素藝術創作,建構出像素畫獨特的魅力。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

這個網站提供的是比普通像素畫還要低解析度的粗點陣圖,事實上,粗點陣圖是前田高志所命名的新詞,其概念源自于像素圖,隻不過比起一般的像素畫,粗點陣圖少了邊框與陰影,以低解析度(較低的像素)且較抽象的方式,搭配相對應的顔色與妥善排列每個點的設計,讓使用者一眼便能看出圖示代表什麼。從左至右為一般的像素圖,到以低解析度方式呈現的粗點陣圖。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

那麼這些粗點陣圖如何使用了?首先是在一些遊戲類的宣傳畫面中,可以做為一些遊戲背景元素搭配使用。例如下圖騰訊的遊戲宣傳大賽圖運用了粗點陣圖搭配使用。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

另外像素畫和膠片,卡帶這些視覺符号,是具有鮮明的時代特征,在一些複古或者賽博朋克創意風格的插畫和專題中都可以去做為懷舊的符号元素搭配去使用。例如下圖淘寶專題頁中的紅包标題欄元素都是用了粗點陣圖的設計風格。

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

5、openillux

這其實是一個搜尋引擎,基本上網上大部分可用的免費商用插畫網站都可以找的到。而且還對插畫素材可使用的軟體進行了分類檢索。包含了常用各種Figma、AdobeXD、Skech等常用軟體,以及PNG、SVG可編輯的圖檔格式,竹子是建議大家這些網站可以一個個去看一看

【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏
【UI設計技巧】APP設計常用的高品質插畫素材網站,必須收藏

結語

今天竹子分享了日常使用了一些插畫素材網站去結合設計的經驗,關于2023年還有哪些新的設計趨勢,我還會繼續更新,今天就講到這裡,寫了很多字,有人看看順便轉發了,我想她認真閱讀而且喜歡了。朋友圈你的你們也可以點個贊,因為現在微信規則改了,不是你關注了就能看到我的系列文章。而是日常點贊,微信會認為你更加有興趣,有更多的幾率看到。沒辦法, 為了第一時間看到竹子寫的文章,大家記得關注轉發哦。聽說點贊的人2023年升職加薪了!

繼續閱讀