方格精選

網頁設計資源|免費商用插圖|六種不同風格的資源分享,提升設計效率的好幫手

閱讀時間約 4 分鐘

前言


這些插圖資源並不是只能用在網頁設計上,只是我個人常用於網站設計。

現在Google很方便,輕鬆就能找到更多免費商用的圖庫資源。

這篇文章單純是整理一些我常用到的免費插圖素材,並提供一些對於風格的想法。


希望讓路過的旅人們,對於"風格"有一些參考描述方式,讓案件的溝通過程更順利。


一、ソコスト → https://soco-st.com

日系簡約線條風格,提供生活類型的人物插圖,一進網站就能看到搜尋欄位,以及常用的八種分類,除了能把自己看到適用的存起來之外,能隨使用者需求調整配色。

人物大多是正面、側面的樣式,具有一種規律的美感。

很適合訴求簡約、專業、整齊的用途,筆畫都帶有一種柔和的圓角,讓整體有種親和感,覺得非常百搭實用。




二、いらすとや → https://www.irasutoya.com

一般人對這個素材一定不陌生,在各種影片常常被拿來使用。

在作者努力堅持的每日一更後,圖片量非常可觀,現在已變成不定期更新,並導入了AI生成的功能。

可愛的人物風格,有豐富的賀卡樣板,比起英文,覺得用日文關鍵字會更好搜尋到想要的。




三、Humaaans → https://www.humaaans.com

美式簡約色塊風格,提供豐富的人物插圖。

雖然是簡約的風格,但肢體動作與衣服細節多樣,可以點選物件後利用搜尋框打關鍵字變換,操作介面很直覺。

覺得每個角色都有一種現代、律動感,圓弧和硬邊的比例很協調,除了衣服和配色,也能調整人物的髮型,就像是在捏角色一樣。




四、unDrawn → https://undraw.co/illustrations

unDrawn是簡報常客,其簡約色塊的風格,會讓人感覺比Humaaans要冷靜一些(?)

每張圖的色彩都不多,還能隨使用者需求調整配色,覺得很適合要展現專業、正式報告的用途。




五、Open Peeps → https://www.openpeeps.com

黑白色系的人物插畫,具有像是手繪般的筆刷感。

像是想湊齊了世界上所有文化似,從髮型、衣服風格到人物表情,Open Peeps提供的人物外型細節非常豐富,也能讓人感覺像是在捏角色一樣。

可能是因為單純的黑白、統一的人物角度,人物擺放在一起後有種獨特的設計感。

也莫名有種《威利在哪裡?》的感覺呢,哈哈




六、OpenDoodles → https://www.opendoodles.com

光看截圖就可以感覺到,這個插圖風格比Open Peeps具有更強烈手繪感,人物比例和動作比Humaaans活潑奔放一些。

一樣能隨使用者需求調整配色,有一些會提供gif的格式,若希望手繪感與動態感能兼具,可以參考看看。

但我覺得這個網站的人物比例和筆刷外觀在台灣比較冷門,有些客戶不一定接受這樣的風格(可能會擔心與自身風格相差太多),比起網站,感覺更適合社群廣告或銷售頁面。




結尾


每個案件的VI條件不一定,就算具有好看簡約的LOGO或標準字,也不一定會有完整的產業插圖,客戶有時候對於插畫風格並沒有一個明確的想法,這時候就會需要專案經理或設計師引導,善用資源舉例討論、輔助設計,能讓案件執行過程更順暢,有更好的設計成果。


素材是種能讓人在「有限的預算內,發揮最大效益」的好工具,如何運用就看設計師的眼界和本事了。


希望這篇文章有幫上忙,祝結案順利 :)

5.3K會員
32內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
留言0
查看全部
發表第一個留言支持創作者!
筱涵|Hannah的沙龍 的其他內容
在上一篇講到了網頁Banner的類型,這篇提到的是處理手法,以及一些觀察Canva後的心得。
本篇文章針對「網站主選單」做了一些類型整理,希望能帶來些幫助。
本篇文章主題為防詐騙頁面,以及近年在製作購物網站時,要注意的一些事項整理。
在上一篇講到了網頁Banner的類型,這篇提到的是處理手法,以及一些觀察Canva後的心得。
本篇文章針對「網站主選單」做了一些類型整理,希望能帶來些幫助。
本篇文章主題為防詐騙頁面,以及近年在製作購物網站時,要注意的一些事項整理。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
在今日數位世界中,良好設計的網站已經成為必需品。 瞭解網站設計的重要性,特別是對於第一印象和信任度。 這篇文章提供了選擇網站設計服務的實用指南,包括網站設計的重要性,基礎知識和選擇服務提供者的提示。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
極簡網頁設計依然是主流,以其乾淨、有序的視覺效果和強調內容的功能性,幫助用戶集中注意力於重要信息。
Thumbnail
在當今的IG時代,多媒體內容已成為網頁設計不可或缺的一部分,它不僅豐富了用戶的互動體驗,還能顯著提升網站的吸引力和溝通效率。本文將探討多媒體內容對用戶體驗(UX)的影響、SEO最佳實踐與多媒體的整合方法,並提供成功整合多媒體的網站案例。
Thumbnail
網站設計怎麼做?你會嗎?直接教你把握關鍵重點!從基礎網站設計方法開始,4 步學規劃網站佈局、網站設計必備要素、做好互動與動畫效果,直接用工具來打造精美又吸引人的網站設計,留住客戶其實很簡單!快跟我們一起掌握網站設計技巧,提升顧客轉化率!
可以做免費網站架設嗎?難不難?別擔心!為你解答所有問題!我們已經整理好了做免費網站架設的各方面內容,包括架設網站必備三大要素、網站架設三大方法和7 大免費網站架設平台比較分析!更有詳細的自製網站教學,教你一步步掌握自己怎麼做好免費網站!
Thumbnail
背景(background)是 CSS 中最常用的功能之一,本文將介紹如何使用 CSS 來設定網頁背景,讓你的網站更加美觀。
Thumbnail
建立一個優秀網站需要適當選擇並使用各種網頁素材。這些素材可包括圖片、圖示、音頻、視頻、字體和設計元素等。本篇文章詳細介紹了這些素材的重要性以及選擇和優化的建議。
Thumbnail
專業網頁設計服務能夠提升企業形象,增加線上曝光和銷售機會。我們提供需求分析、設計和開發、測試和優化、上線和支持的一站式服務。為客戶解答網頁設計常見問題。
Thumbnail
在當今數位化時代,網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象,還是個人展示創意作品,一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局,更包含了使用者體驗(UX)、使用者介面(UI)和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進,網頁設計已經
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
在今日數位世界中,良好設計的網站已經成為必需品。 瞭解網站設計的重要性,特別是對於第一印象和信任度。 這篇文章提供了選擇網站設計服務的實用指南,包括網站設計的重要性,基礎知識和選擇服務提供者的提示。
Thumbnail
這篇文章教你如何製作側邊欄,包括準備工作、HTML和CSS的部分,還有一些互動效果。文章涵蓋了連結、圖片、超連結、大小、顏色、排版、flex和滑鼠互動等內容。
Thumbnail
極簡網頁設計依然是主流,以其乾淨、有序的視覺效果和強調內容的功能性,幫助用戶集中注意力於重要信息。
Thumbnail
在當今的IG時代,多媒體內容已成為網頁設計不可或缺的一部分,它不僅豐富了用戶的互動體驗,還能顯著提升網站的吸引力和溝通效率。本文將探討多媒體內容對用戶體驗(UX)的影響、SEO最佳實踐與多媒體的整合方法,並提供成功整合多媒體的網站案例。
Thumbnail
網站設計怎麼做?你會嗎?直接教你把握關鍵重點!從基礎網站設計方法開始,4 步學規劃網站佈局、網站設計必備要素、做好互動與動畫效果,直接用工具來打造精美又吸引人的網站設計,留住客戶其實很簡單!快跟我們一起掌握網站設計技巧,提升顧客轉化率!
可以做免費網站架設嗎?難不難?別擔心!為你解答所有問題!我們已經整理好了做免費網站架設的各方面內容,包括架設網站必備三大要素、網站架設三大方法和7 大免費網站架設平台比較分析!更有詳細的自製網站教學,教你一步步掌握自己怎麼做好免費網站!
Thumbnail
背景(background)是 CSS 中最常用的功能之一,本文將介紹如何使用 CSS 來設定網頁背景,讓你的網站更加美觀。
Thumbnail
建立一個優秀網站需要適當選擇並使用各種網頁素材。這些素材可包括圖片、圖示、音頻、視頻、字體和設計元素等。本篇文章詳細介紹了這些素材的重要性以及選擇和優化的建議。
Thumbnail
專業網頁設計服務能夠提升企業形象,增加線上曝光和銷售機會。我們提供需求分析、設計和開發、測試和優化、上線和支持的一站式服務。為客戶解答網頁設計常見問題。
Thumbnail
在當今數位化時代,網頁設計已成為商業和個人表達的重要途徑。無論是企業建立品牌形象,還是個人展示創意作品,一個具有吸引力且功能全面的網站都是不可或缺的。網頁設計不僅涉及美學布局,更包含了使用者體驗(UX)、使用者介面(UI)和技術實現等多方面的考量。隨著技術的進步和網頁設計理念的不斷演進,網頁設計已經