方格精選

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

筱涵|Hannah-avatar-img
發佈於網頁一角 個房間
更新於 發佈於 閱讀時間約 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或標準字,也不一定會有完整的產業插圖,客戶有時候對於插畫風格並沒有一個明確的想法,這時候就會需要專案經理或設計師引導,善用資源舉例討論、輔助設計,能讓案件執行過程更順暢,有更好的設計成果。


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


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

留言
avatar-img
留言分享你的想法!
Jing-avatar-img
2024/10/04
謝謝整理 很實用!!!!!
筱涵|Hannah-avatar-img
發文者
2024/10/04
Jing 謝謝回饋~❤️
蕭帥哥-avatar-img
2024/11/25
感謝~有幫助
筱涵|Hannah-avatar-img
發文者
2024/11/26
蕭帥哥 太好了,謝謝~ 😊
謝謝分享喔 🙏
筱涵|Hannah-avatar-img
發文者
2024/10/05
霧隱財那 🥷 謝謝~🙏
狙擊王-avatar-img
2024/11/07
先收藏!感謝啦!
筱涵|Hannah-avatar-img
發文者
2024/11/08
狙擊王 謝謝~ 😊
感謝分享,相當的實用~~
筱涵|Hannah-avatar-img
發文者
2024/11/01
細枝小葉的阿祥_Sean 謝謝~ 😊
avatar-img
筱涵|Hannah的沙龍
9.1K會員
42內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
2025/03/14
在設計完成之後,提供的檔案格式都會因為情況而有不同,認識到差別,才能掌握到設計之外的細節,本篇文章將簡單介紹最常見的 6 種圖像格式,以及其他檔案交付格式、瀏覽器相容性查詢工具Can I use。
Thumbnail
2025/03/14
在設計完成之後,提供的檔案格式都會因為情況而有不同,認識到差別,才能掌握到設計之外的細節,本篇文章將簡單介紹最常見的 6 種圖像格式,以及其他檔案交付格式、瀏覽器相容性查詢工具Can I use。
Thumbnail
2025/01/02
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
2025/01/02
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
2024/12/13
2024/12/13
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
Thumbnail
今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
Thumbnail
謝謝大家的喜歡,插畫入選即時精選! 連結: 【奇幻人外小說】插畫(獸人、亞人、奇幻獸、民族、槍械) 插畫作品有放到penana的創作挑戰。 繪畫·畫出毛茸茸的感覺 昨天該創挑結束時有看到創挑主將每位參賽者的作品合成做成海報,看到海報時瞬間被感動到,後面他還有做評分統
Thumbnail
謝謝大家的喜歡,插畫入選即時精選! 連結: 【奇幻人外小說】插畫(獸人、亞人、奇幻獸、民族、槍械) 插畫作品有放到penana的創作挑戰。 繪畫·畫出毛茸茸的感覺 昨天該創挑結束時有看到創挑主將每位參賽者的作品合成做成海報,看到海報時瞬間被感動到,後面他還有做評分統
Thumbnail
素描擁有那無法比擬的美感,藏著你的氣息。素描是所有繪畫的基礎,甚至是設計的基礎。運用簡單的線條筆觸,加上輕重緩急,就能繪製出各種畫面。
Thumbnail
素描擁有那無法比擬的美感,藏著你的氣息。素描是所有繪畫的基礎,甚至是設計的基礎。運用簡單的線條筆觸,加上輕重緩急,就能繪製出各種畫面。
Thumbnail
這張是去年十一月畫的。想試試可愛的插畫風格,幾十年前的小書卡上,常見這種風格的插畫。 其實插畫需要想像力和創意,才能創作出動人的畫面,所以想像力沒那麼豐富的我,要構思其實有點燒腦。 感覺以前年輕時的想像力比較豐富,現在中年了,有時被現實的問題困擾,就不太有那樣的餘裕,但偶爾,還是可以刺激鍛鍊一下
Thumbnail
這張是去年十一月畫的。想試試可愛的插畫風格,幾十年前的小書卡上,常見這種風格的插畫。 其實插畫需要想像力和創意,才能創作出動人的畫面,所以想像力沒那麼豐富的我,要構思其實有點燒腦。 感覺以前年輕時的想像力比較豐富,現在中年了,有時被現實的問題困擾,就不太有那樣的餘裕,但偶爾,還是可以刺激鍛鍊一下
Thumbnail
該數位商品提供下載完稿PSD原檔,可用於研究及練習繪畫,圖層分類清楚且完整,能夠自由打開、隱藏圖層,以方便了解每一個繪畫步驟之變化,並附有3D模型(CSP網站可免費下載)。
Thumbnail
該數位商品提供下載完稿PSD原檔,可用於研究及練習繪畫,圖層分類清楚且完整,能夠自由打開、隱藏圖層,以方便了解每一個繪畫步驟之變化,並附有3D模型(CSP網站可免費下載)。
Thumbnail
去年開始了幫讀者畫似顏繪頭圖的活動,每個月收三組客人。每次看到讀者收到畫像時開心的模樣,就跟著覺得好快樂,畫畫真是一件快樂的事情!這對兩三年前才開始認真畫畫的我,是非常大的鼓勵。
Thumbnail
去年開始了幫讀者畫似顏繪頭圖的活動,每個月收三組客人。每次看到讀者收到畫像時開心的模樣,就跟著覺得好快樂,畫畫真是一件快樂的事情!這對兩三年前才開始認真畫畫的我,是非常大的鼓勵。
Thumbnail
我一直在想,我的插畫風格到底在哪裡? 我很喜歡高木直子,卻又覺得沒辦法以自己為主角作畫;想畫風景畫友覺得沒有其他人厲害;想畫插畫風格又覺得沒有其他人有特色​ 漸漸的,我開始在我最愛的畫迷思了...... 有迷思過或可以給建議的人嗎? 一起交流一下吧。
Thumbnail
我一直在想,我的插畫風格到底在哪裡? 我很喜歡高木直子,卻又覺得沒辦法以自己為主角作畫;想畫風景畫友覺得沒有其他人厲害;想畫插畫風格又覺得沒有其他人有特色​ 漸漸的,我開始在我最愛的畫迷思了...... 有迷思過或可以給建議的人嗎? 一起交流一下吧。
Thumbnail
幫室內設計公司-景淵制作所繪製的3D圖說插畫
Thumbnail
幫室內設計公司-景淵制作所繪製的3D圖說插畫
Thumbnail
畫了四款手機桌布 自己很喜歡這種比較少色系的圖 淡淡的輕柔感能讓心情好上一整天꒰ᐢ⸝⸝•༝•⸝⸝ᐢ꒱♡︎ 分享給大家 希望大家也會喜歡哟 .ᐟ 如果有使用也歡迎讓我知道噢 .ᐟ ︎ ︎ 〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎ ✦ 尺寸:1920 × 1080 ✦ 僅供個人使用,嚴禁任何
Thumbnail
畫了四款手機桌布 自己很喜歡這種比較少色系的圖 淡淡的輕柔感能讓心情好上一整天꒰ᐢ⸝⸝•༝•⸝⸝ᐢ꒱♡︎ 分享給大家 希望大家也會喜歡哟 .ᐟ 如果有使用也歡迎讓我知道噢 .ᐟ ︎ ︎ 〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎︎〰︎〰︎〰︎〰︎ ✦ 尺寸:1920 × 1080 ✦ 僅供個人使用,嚴禁任何
Thumbnail
有花襯托感覺更加美麗了~ 一樣有多圖~ 每次要選擇放出哪一張...都很困擾 因為每張效果都滿喜歡的! 如果想看全部完整圖 歡迎購買我的畫冊~
Thumbnail
有花襯托感覺更加美麗了~ 一樣有多圖~ 每次要選擇放出哪一張...都很困擾 因為每張效果都滿喜歡的! 如果想看全部完整圖 歡迎購買我的畫冊~
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News