向量插圖好幫手-unDraw

更新於 2024/08/27閱讀時間約 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
    12會員
    75內容數
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    捷可印的沙龍 的其他內容
    在前幾篇友介紹到「指派基本CMYK」,而本文將接續介紹如何應用『單一黑色』來製作特別色的完稿檔案。這種方法雖然不常見,但在特定情況下依然可以適用(在使用前一定要先向印刷廠確認是否可行呦!)。 單一黑色製作的特別色完稿檔案,適合使用色彩模式設定為灰階的軟體,例如:Photoshop Elements
    什麼是 Trianglify Generator? 對於設計師來說,創造吸引人的背景圖案是日常工作的一部分。而在這其中,多邊形風格的圖片素材常常受到青睞。今天要介紹的是一個簡單又方便的解決方案——Trianglify Generator。這是一個線上工具,不需要下載和安裝軟體,只需打開瀏覽器即可使
    在設計與印刷的領域,製作特別色完稿檔案是其中一項重要的技能。這一節將詳細說明如何使用基本油墨 CMYK 來製作特別色的完稿檔案,最終再將其置換成特別色。這種方法運用了常見的彩色印刷技術,是一個容易入門且最安全的方法。 首先,我們需要挑選基本油墨 CMYK 中的幾個色版來暫代特別色色版進行完稿檔案的
    在數位時代,視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計,吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單,且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙,不僅可愛還可用於商業使用,絕對是你創作路上的好夥伴!! Cliply是一個專為商業
    特別色印刷的基本概念 在印刷領域,色彩的精確表現一直是設計師們追求的目標。然而,有些印刷品需要的顏色是基本的CMYK油墨無法達到的,這時候特別色印刷就派上了用場。特別色印刷是使用專門調製的油墨,來呈現那些CMYK無法表現的獨特色彩。這些特別調和的油墨,不僅能精確地再現設計師心中的顏色,還能避免色彩
    在現代工作環境中,遠距工作已成為許多企業和團隊的標準模式。如何有效地進行遠距會議,尤其是需要大量視覺化的專案討論,是一個重要的挑戰。Miro,這個強大的線上視覺化白板工具,正是解決這一問題的利器。本文將深入介紹Miro的功能,幫助您輕鬆掌握如何利用這個工具提升遠距會議的效率! Miro 的誕生
    在前幾篇友介紹到「指派基本CMYK」,而本文將接續介紹如何應用『單一黑色』來製作特別色的完稿檔案。這種方法雖然不常見,但在特定情況下依然可以適用(在使用前一定要先向印刷廠確認是否可行呦!)。 單一黑色製作的特別色完稿檔案,適合使用色彩模式設定為灰階的軟體,例如:Photoshop Elements
    什麼是 Trianglify Generator? 對於設計師來說,創造吸引人的背景圖案是日常工作的一部分。而在這其中,多邊形風格的圖片素材常常受到青睞。今天要介紹的是一個簡單又方便的解決方案——Trianglify Generator。這是一個線上工具,不需要下載和安裝軟體,只需打開瀏覽器即可使
    在設計與印刷的領域,製作特別色完稿檔案是其中一項重要的技能。這一節將詳細說明如何使用基本油墨 CMYK 來製作特別色的完稿檔案,最終再將其置換成特別色。這種方法運用了常見的彩色印刷技術,是一個容易入門且最安全的方法。 首先,我們需要挑選基本油墨 CMYK 中的幾個色版來暫代特別色色版進行完稿檔案的
    在數位時代,視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計,吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單,且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙,不僅可愛還可用於商業使用,絕對是你創作路上的好夥伴!! Cliply是一個專為商業
    特別色印刷的基本概念 在印刷領域,色彩的精確表現一直是設計師們追求的目標。然而,有些印刷品需要的顏色是基本的CMYK油墨無法達到的,這時候特別色印刷就派上了用場。特別色印刷是使用專門調製的油墨,來呈現那些CMYK無法表現的獨特色彩。這些特別調和的油墨,不僅能精確地再現設計師心中的顏色,還能避免色彩
    在現代工作環境中,遠距工作已成為許多企業和團隊的標準模式。如何有效地進行遠距會議,尤其是需要大量視覺化的專案討論,是一個重要的挑戰。Miro,這個強大的線上視覺化白板工具,正是解決這一問題的利器。本文將深入介紹Miro的功能,幫助您輕鬆掌握如何利用這個工具提升遠距會議的效率! Miro 的誕生
    你可能也想看
    Google News 追蹤
    Thumbnail
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    Thumbnail
    今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
    Thumbnail
    數位設計中,圖示已成為不可或缺的一部分。然而,市面上普遍以靜態圖示為主,動態圖示較少被提及。其實,恰當運用動態圖示,無論在資料整理或數據視覺化上,都能顯著提升設計作品的互動性和美觀度。因此,今天要和大家分享一個超過 100 種動態圖示的網站—Unicorn Icons,為大家提供更多素材選擇和應用。
    Thumbnail
    放一點圖證明我會畫畫 其實我一直很想放出來講一點自己對滿版圖的心得(?)
    Thumbnail
    前幾天我在網路上看見一個不錯的網站,如果喜歡繪畫的你,這將會是一個不錯的輔助工具。 那就快快收藏吧! 小編喜歡收集一些覺得不錯用的資訊,目前不定時的發文,希望可以達到每天發文,並且找到值得收藏的好東西。 而今日要跟各位介紹的就是一款可以讓你簡易操作幫你搭配色彩的好工具。 有見過的那
    免費素材有哪些?為你準備好了免費素材懶人包!17 個素材網,免費向量圖、Icons圖库任選,讓你一鍵點擊即用!還為你整理好了免費素材標籤含義和圖庫使用注意事項,讓你不再擔心商用素材問題。快來看看哪些素材能讓自己的網站內容創作和設計更加高質量吧!
    Thumbnail
    AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
    Thumbnail
    創作邦創作邦精選工具資源-第 31 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
    Thumbnail
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    Thumbnail
    今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
    Thumbnail
    數位設計中,圖示已成為不可或缺的一部分。然而,市面上普遍以靜態圖示為主,動態圖示較少被提及。其實,恰當運用動態圖示,無論在資料整理或數據視覺化上,都能顯著提升設計作品的互動性和美觀度。因此,今天要和大家分享一個超過 100 種動態圖示的網站—Unicorn Icons,為大家提供更多素材選擇和應用。
    Thumbnail
    放一點圖證明我會畫畫 其實我一直很想放出來講一點自己對滿版圖的心得(?)
    Thumbnail
    前幾天我在網路上看見一個不錯的網站,如果喜歡繪畫的你,這將會是一個不錯的輔助工具。 那就快快收藏吧! 小編喜歡收集一些覺得不錯用的資訊,目前不定時的發文,希望可以達到每天發文,並且找到值得收藏的好東西。 而今日要跟各位介紹的就是一款可以讓你簡易操作幫你搭配色彩的好工具。 有見過的那
    免費素材有哪些?為你準備好了免費素材懶人包!17 個素材網,免費向量圖、Icons圖库任選,讓你一鍵點擊即用!還為你整理好了免費素材標籤含義和圖庫使用注意事項,讓你不再擔心商用素材問題。快來看看哪些素材能讓自己的網站內容創作和設計更加高質量吧!
    Thumbnail
    AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
    Thumbnail
    創作邦創作邦精選工具資源-第 31 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。