向量插圖好幫手-unDraw

更新於 發佈於 閱讀時間約 4 分鐘

在數位設計的世界裡,找到合適的插圖資源往往是一個挑戰。然而,有一個網站提供了免費且可商用的高品質插圖,這個網站就是「unDraw」。與傳統的ICON圖示或照片圖檔不同,unDraw 提供的是原創的電繪插圖,每張插圖都精心描繪了特定的工作或生活情境。

raw-image


原創插圖的寶庫

unDraw 的插圖全都來自創作者 Katerina Limpitsouni 的手筆,多年來,她創作了超過 800 幅情境插畫,這些插圖可以用於各種用途,包括商業和非商業用途。更棒的是,這些插圖可以免費下載使用,甚至不需要註明來源。這對於設計師來說,無疑是一個巨大的資源。


如何使用 unDraw

你可以在 unDraw 網站上找到適合你需求的插圖,無需註冊帳號即可瀏覽和下載插圖。網站設計簡潔明瞭,讓使用者可以輕鬆導航和搜尋呢~


搜尋功能

unDraw 的搜尋功能非常強大。打開 unDraw:Illustrations | unDraw,並直接點選「Search」後,只需輸入英文關鍵字,就能找到相關情境下的插圖。例如:

raw-image

搜尋 "Child" 可以找到親子情境的插畫

raw-image

搜尋 "Write" 可以找到閱讀習慣相關的插畫

raw-image

搜尋 "Travel" 則可以找到旅行情境的插畫

raw-image

搜尋 "Work" 可以找到工作情境的插畫

raw-image

這樣一來,你無論是製作寫作相關的網頁,還是設計旅行資訊網站,都可以輕鬆找到所需的插圖囉!


調色盤功能

unDraw 還提供了一個非常實用的調色盤功能。你可以利用這個功能替換插圖的顏色,找到最符合你設計需求的配色。只需幾個點擊,就能將插圖轉換為你需要的色調,非常方便!

raw-image

在找到合適的插圖後,就可以直接點擊圖檔下載成向量 SVG 圖檔囉,或是高解析的 PNG 圖檔。SVG 格式非常適合於網頁設計,因為它是向量圖,可以無損放大。而 PNG 格式則適合於其他需要高解析度圖像的應用場景。

raw-image

然而,unDraw 的社群也非常活躍,你可以到 unDraw 的 Twitter 查看其他使用者如何應用這些插圖資源。他們分享了許多創意的應用範例,這些範例可以啟發你在自己的項目中如何使用 unDraw 的插圖。它真的是一個非常實用且高效的免費插圖資源庫,為設計師和創意工作者提供了豐富的插圖選擇。無論你是在製作網站、設計簡報,還是其他創意項目,unDraw 都能幫助你快速找到所需的插圖資源。利用其強大的搜尋和調色功能,你可以輕鬆創作出符合你需求的設計作品。


下次當你需要插圖資源時,記得去 unDraw 上探索一番,這裡的插圖不僅免費,還可以商用,讓你的設計過程更加順利和高效。希望這篇文章能夠幫助你更好地理解和利用 unDraw,讓你的創意設計更上一層樓。


額外加碼~unDraw新功能:Open Cards


Open Cards 是 unDraw 推出的新功能,旨在為設計師提供更多樣化且可定制的卡片設計。這些卡片設計適用於各種用途,例如網站首頁、部落格文章、電子郵件簽名檔新聞稿等。每張卡片都是基於unDraw的原創插圖設計,並加入了豐富的排版和樣式選項,使其更加靈活和實用。

raw-image

如何使用 Open Cards?

使用 Open Cards 非常簡單且直觀。以下是具體的操作步驟和界面介紹:


1. 進入 unDraw 網站:首先,打開 unDraw 網站並進入 Open Cards 頁面。

2. 選擇卡片模板:在 Open Cards 頁面,你會看到多種卡片模板。這些模板涵蓋了不同的設計風格和用途,你可以根據需求選擇適合的模板。

3. 自定義卡片內容:點選「Create your own cards now」,你就可以開始進行內容和設計的自定義。例如,你可以修改文字內容、調整字體樣式、變更顏色方案等。這些操作都可以通過簡單的點擊和拖放完成。

4. 添加插圖:利用 unDraw 提供的豐富插圖資源,你可以為卡片添加合適的插圖。你可以通過搜尋功能快速找到需要的插圖,並直接將其拖放到卡片中。

5. 下載輸出:完成設計後,你可以直接在右側畫面就看到最終效果,確保卡片設計滿足需求。然後下載預設為PNG,也就可以在各種平台上做不同應用,是不是很簡單呢!

raw-image


留言
avatar-img
留言分享你的想法!
avatar-img
捷可印的沙龍
13會員
91內容數
捷可印的沙龍的其他內容
2025/04/30
印前準備的重要性 在設計與印刷的交界處,將數位創意精確轉化為高品質的實體印刷品,是一項充滿技術細節的挑戰。 印前檔案的準備是否準確、完整,直接關係到最終成品的品質、生產效率,甚至專案成本。不當的檔案提交不僅可能導致印刷錯誤、色彩偏差,更可能引發延遲交貨與不必要的資源浪費。 印刷送件中的常見陷
Thumbnail
2025/04/30
印前準備的重要性 在設計與印刷的交界處,將數位創意精確轉化為高品質的實體印刷品,是一項充滿技術細節的挑戰。 印前檔案的準備是否準確、完整,直接關係到最終成品的品質、生產效率,甚至專案成本。不當的檔案提交不僅可能導致印刷錯誤、色彩偏差,更可能引發延遲交貨與不必要的資源浪費。 印刷送件中的常見陷
Thumbnail
2025/04/25
您是否曾經精心設計了一份作品,客戶也讚不絕口,滿心期待地送去印刷,結果成品卻令人傻眼——字體變了樣、文字間距亂七八糟,甚至出現了看不懂的亂碼?這種印刷前的常見惡夢,往往源於一個看似微小卻極其關鍵的細節:您數位檔案中的字體處理方式。 電腦與印刷機處理字體的方式相當複雜。 字體並非普遍存在於所有
Thumbnail
2025/04/25
您是否曾經精心設計了一份作品,客戶也讚不絕口,滿心期待地送去印刷,結果成品卻令人傻眼——字體變了樣、文字間距亂七八糟,甚至出現了看不懂的亂碼?這種印刷前的常見惡夢,往往源於一個看似微小卻極其關鍵的細節:您數位檔案中的字體處理方式。 電腦與印刷機處理字體的方式相當複雜。 字體並非普遍存在於所有
Thumbnail
2025/04/16
印刷背印,又稱印後沾黏,是指剛印製完成的紙張,其表面尚未完全乾燥的油墨,在堆疊的過程中轉印到上方紙張背面的現象 。這種情況常見於水彩繪畫中,當顏料未乾時堆疊紙張,便會將顏料印到另一張紙的背面 。在印刷領域,這表示油墨層過厚,乾燥不及,導致後續堆疊的紙張背面沾染到前一張的油墨 。
Thumbnail
2025/04/16
印刷背印,又稱印後沾黏,是指剛印製完成的紙張,其表面尚未完全乾燥的油墨,在堆疊的過程中轉印到上方紙張背面的現象 。這種情況常見於水彩繪畫中,當顏料未乾時堆疊紙張,便會將顏料印到另一張紙的背面 。在印刷領域,這表示油墨層過厚,乾燥不及,導致後續堆疊的紙張背面沾染到前一張的油墨 。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
數位設計中,圖示已成為不可或缺的一部分。然而,市面上普遍以靜態圖示為主,動態圖示較少被提及。其實,恰當運用動態圖示,無論在資料整理或數據視覺化上,都能顯著提升設計作品的互動性和美觀度。因此,今天要和大家分享一個超過 100 種動態圖示的網站—Unicorn Icons,為大家提供更多素材選擇和應用。
Thumbnail
數位設計中,圖示已成為不可或缺的一部分。然而,市面上普遍以靜態圖示為主,動態圖示較少被提及。其實,恰當運用動態圖示,無論在資料整理或數據視覺化上,都能顯著提升設計作品的互動性和美觀度。因此,今天要和大家分享一個超過 100 種動態圖示的網站—Unicorn Icons,為大家提供更多素材選擇和應用。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
前幾天我在網路上看見一個不錯的網站,如果喜歡繪畫的你,這將會是一個不錯的輔助工具。 那就快快收藏吧! 小編喜歡收集一些覺得不錯用的資訊,目前不定時的發文,希望可以達到每天發文,並且找到值得收藏的好東西。 而今日要跟各位介紹的就是一款可以讓你簡易操作幫你搭配色彩的好工具。 有見過的那
Thumbnail
前幾天我在網路上看見一個不錯的網站,如果喜歡繪畫的你,這將會是一個不錯的輔助工具。 那就快快收藏吧! 小編喜歡收集一些覺得不錯用的資訊,目前不定時的發文,希望可以達到每天發文,並且找到值得收藏的好東西。 而今日要跟各位介紹的就是一款可以讓你簡易操作幫你搭配色彩的好工具。 有見過的那
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
分享八款免費高解析度、無版權和商業使用的圖片網站,提供豐富多樣的圖片素材,從風景、人物等類型滿足各種需求。使用這些免費且商用的圖片,讓創作有更豐富的視覺呈現,增加專業度和吸引力。
Thumbnail
分享八款免費高解析度、無版權和商業使用的圖片網站,提供豐富多樣的圖片素材,從風景、人物等類型滿足各種需求。使用這些免費且商用的圖片,讓創作有更豐富的視覺呈現,增加專業度和吸引力。
Thumbnail
結合不同AI軟體,無論「文本敘述生圖」、「以圖繪圖」、「AI局部改圖」,多多嘗試,才能得到更好的結果,玩得開心,結果自然愉快。 先用Canva「Text to image」勾勒出人體崩壞圖,它畫面構圖仍是好的,再用Unidream「文本描述生圖」上傳參考圖並輸入文字指示,立馬正常許多
Thumbnail
結合不同AI軟體,無論「文本敘述生圖」、「以圖繪圖」、「AI局部改圖」,多多嘗試,才能得到更好的結果,玩得開心,結果自然愉快。 先用Canva「Text to image」勾勒出人體崩壞圖,它畫面構圖仍是好的,再用Unidream「文本描述生圖」上傳參考圖並輸入文字指示,立馬正常許多
Thumbnail
在數位時代,圖片是內容行銷中不可或缺的元素。無論是社群媒體、部落格文章,或是電子報,都需要精美的圖片才能吸引讀者目光。然而,對於許多內容行銷創作者來說,設計圖片是一項挑戰。如果您是初學者,或是沒有時間學習複雜的設計軟體,那麼可以嘗試使用線上設計工具。線上設計工具簡單易用,即使沒有設計基礎也能輕鬆完成
Thumbnail
在數位時代,圖片是內容行銷中不可或缺的元素。無論是社群媒體、部落格文章,或是電子報,都需要精美的圖片才能吸引讀者目光。然而,對於許多內容行銷創作者來說,設計圖片是一項挑戰。如果您是初學者,或是沒有時間學習複雜的設計軟體,那麼可以嘗試使用線上設計工具。線上設計工具簡單易用,即使沒有設計基礎也能輕鬆完成
Thumbnail
AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
Thumbnail
AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
Thumbnail
創作邦創作邦精選工具資源-第 31 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
Thumbnail
創作邦創作邦精選工具資源-第 31 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News