Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124

Whoooa! 提供了大量手繪向量插圖,能夠讓你運用到你的專案作品之中。裡面提供了 120 個能夠隨意變色與不同樣式及主題的手繪向量插圖,適用於產品設計、網站、APPs 或行銷使用。
用 AI 摘要這篇文章:
如果你經常需要為網站、APP 或行銷素材尋找合適的插圖,那你一定遇過這個困擾:找到的素材要嘛風格不統一,要嘛顏色跟品牌搭不上。Whoooa! 就是為了解決這個問題而誕生的可商用向量插圖素材包,它提供了 120 個精心設計的可自訂向量插圖,每一個都可以透過 Sketch、Figma 或 Adobe XD 一鍵變更顏色,讓你快速打造符合品牌視覺的一致性設計。
跟市面上許多零散的免費插圖資源不同,Whoooa! 的 120 個 Sketch 插圖素材全部採用統一的手繪風格,涵蓋了商業、科技、教育、社交等 20 種最常見的設計主題。每個插圖都提供 Solid(實心)與 Outline(輪廓)兩種樣式,等於實際上你獲得了 240 種不同的視覺呈現方式。購買後你可以取得 AI、Sketch、FIG、Adobe XD、EPS、SVG、PNG、JPG 等所有主流設計格式,不管是網頁設計還是印刷輸出都能對應。
我自己在幫客戶做網站設計的時候,最常碰到的問題就是插圖風格東拼西湊,看起來很不專業。像 Open Doodles 這類可商用插圖的免費資源雖然好用,但當你需要一整套風格完全一致的插圖時,付費素材包往往才是更有效率的選擇。Whoooa! 的定價是 $49 美元,使用折扣碼後只要 $34.30 美元,向量圖素材平均每個插圖不到台幣 10 塊錢,CP 值其實相當不錯。

目錄
Whoooa! 的核心內容是 120 個手繪風格向量插圖,其中 60 個為 Solid(實心填色)樣式,其餘 60 個為 Outline(僅輪廓線條)樣式。這兩種風格的搭配組合非常靈活,實心版本適合需要強烈視覺衝擊的場景,像是首頁的 Hero Section 或社群媒體的視覺素材;輪廓版本則更適合需要清爽感的介面設計或文件配圖。
這 120 個插圖分佈在 20 種最受歡迎的設計主題當中,包含商務溝通、團隊協作、科技創新、資料分析、社群媒體、教育學習、創意發想、目標達成等領域。不論你是在設計 SaaS 產品的登入頁面,還是製作一份投資人簡報,幾乎都能找到對應主題的插圖。相比 ManyPixels Gallery 雖然提供超過 2500 張插圖但風格一致性參差不齊,Whoooa! 的 120 個插圖每一個都經過精心設計,確保整套素材的視覺語言完全統一。
購買 Whoooa! 之後,你會收到以下格式的完整檔案:Adobe Illustrator(AI)、Sketch、Figma、Adobe XD、EPS、SVG、PNG 和 JPG。這意味著不管你的設計工作流程使用哪套軟體,都能直接開啟原始檔進行編輯。更棒的是,Sketch、Figma 和 Adobe XD 的原始檔都內建了全域色彩變數,你只需要修改一個顏色值,就能瞬間將所有 120 個插圖統一套用為你的品牌色彩。這比起 一個一個手動調整向量圖的顏色,效率提升的不是一點半點。如果你需要將插圖運用到其他設計專案當中,直接從原始檔匯出 SVG插圖或 PNG 即可,非常適合需要大量插圖下載的設計專案。

作為一套 Figma 插圖包,Whoooa! 最大的賣點之一就是跨軟體的無縫操作體驗。不管你習慣用 Sketch、Figma 還是 Adobe XD,都能在一分鐘內完成所有插圖的顏色替換。一般來說,手動編輯向量檔插圖與調整每個圖層來更改顏色是非常耗時的過程,但是 Whoooa! 可以讓你在 1 分鐘之內就完成了這個繁複的調整過程,搭配了 Outline 與 Solid 兩種不同插圖樣式與提供許多不同的變體設計,讓你能夠使視覺設計更容易一致。
開啟 Whoooa! 的 Sketch 原始檔後,你會看到所有插圖都已經使用 Shared Styles 進行管理。只要點選任一插圖的顏色,進入 Shared Style 的編輯面板,修改為你的品牌色彩,所有使用同一個 Shared Style 的插圖就會同步更新。整個過程大概只需要 30 秒。如果你需要匯出特定插圖,Sketch 內建的 Export 功能可以讓你選擇 SVG、PNG 或 JPG 格式,也能設定 1x、2x、3x 等不同解析度。搭配 Adobe Creative Cloud Express 這類線上工具,還能進一步加工插圖成為社群媒體貼圖。
Figma 用戶會發現 Whoooa! 的原始檔已經建好了完整的 Color Styles 系統。你只需要在 Figma 的右側面板找到「Local Styles」,修改對應的色彩變數,所有插圖的顏色就會立即更新。Figma 的即時協作特性也讓團隊成員可以同時調整不同的插圖,這對於多人協作的設計專案來說非常方便。如果團隊中有人需要參考 裝置模型 來展示插圖效果,Figma 的元件庫整合也能輕鬆辦到。
Adobe XD 的用戶同樣能享受一鍵變色的便利。Whoooa! 的 XD 原始檔使用了 Assets 面板中的 Color Assets 功能,修改全局顏色後所有相關插圖都會同步更新。XD 的另一個優勢是可以直接將插圖拖曳到原型設計當中,配合 UI 設計資源 快速建立完整的介面原型。匯出方面,XD 支援 SVG、PNG、PDF 等多種格式,批次匯出功能讓你一次把所有需要的插圖格式全部搞定。
一套好的插圖素材包如果只用在一個地方就太可惜了。我整理了 Whoooa! 最能發揮價值的 5 個實際使用場景,讓你購買前就能評估是否符合需求。
網站首頁的 Hero Section 是使用者進入網站後第一眼看到的區塊,一張好的插圖往往比一段文字更能傳達品牌氛圍。Whoooa! 的手繪風格插圖特別適合新創公司、SaaS 產品或創意工作室的網站,能為網站增添親和力與專業感。搭配良好的WordPress 網站速度優化,使用 SVG 格式的向量插圖幾乎不會影響頁面載入速度。如果你需要更多免費圖庫素材來搭配插圖使用,也有不少選擇。而選擇一個好的虛擬主機也是確保網站速度的關鍵因素之一。
APP 的 Onboarding 流程通常需要 3 到 5 個步驟的引導畫面,每個畫面都需要一張插圖來說明功能。Whoooa! 的 20 種主題插圖幾乎涵蓋了所有常見的功能介紹場景,而且統一的風格能讓整個引導流程看起來非常專業。使用 Outline 樣式的插圖特別適合淺色介面,而 Solid 樣式則適合需要視覺焦點的場景。如果你也在尋找UI Kit 設計素材,Whoooa! 的插圖風格很容易就能與這些 UI 元件搭配。
社群媒體貼文搭配插圖的互動率比純文字高出許多。你可以用 Whoooa! 的插圖搭配 DesignCap 或 Coverview 這類線上設計工具,快速產出品牌一致的社群貼圖。不管是 Facebook、Instagram 還是 LinkedIn,手繪風格的插圖都能讓貼文從大量照片中脫穎而出。如果你也使用 Canva 進行設計,PNG 格式的插圖可以直接上傳使用。
一場簡報如果能搭配精心挑選的插圖,觀眾的注意力會明顯提升。Whoooa! 的插圖可以用在簡報的開場頁、章節過渡頁、資料說明頁等位置。如果你使用的是 Slidesgo 的簡報範本,Whoooa! 的插圖風格很容易就能融入其中,讓整份簡報更具設計感。這對於需要頻繁製作專業簡報的人來說,是一個非常實用的素材來源。
電子報中適度使用插圖可以打破大段文字的沉悶感。Whoooa! 的 PNG 格式插圖可以直接嵌入 Email 樣板當中,建議使用壓縮過的 PNG 或轉檔為 WebP 格式,確保信件在各種郵件客戶端中都能快速載入。每期電子報挑選 2 到 3 張與主題相關的插圖,視覺效果就會非常不錯。如果你也經營 WordPress 電子報外掛,這些插圖可以讓你的電子報內容更加豐富。
市面上其實有不少免費的向量插圖資源,你可能會想:「既然有免費的,為什麼還要花錢買 Whoooa!?」這個問題很合理。讓我用一個表格來幫你快速理解 Whoooa! 與幾個知名免費資源的差異。
| 比較項目 | Whoooa! | Open Doodles | Storyset | ManyPixels |
|---|---|---|---|---|
| 插圖數量 | 120 個 | 50+ 個 | 100+ 個 | 2500+ 個 |
| 風格一致性 | 極高 | 高 | 高 | 中等 |
| 一鍵變色 | 支援(全格式) | 不支援 | 支援(線上) | 支援(線上) |
| 原始設計檔 | Sketch/Figma/XD | SVG | SVG/PNG | SVG/PNG |
| 雙風格版本 | Solid + Outline | 僅單一風格 | 多風格可選 | 單一風格 |
| 商業授權 | 明確的商業許可 | CC0 | 免費/付費方案 | 需標注來源 |
| 價格 | $34.30 美元 | 免費 | 免費/付費 | 免費 |
| 終身更新 | 是 | 不定期 | 持續更新 | 持續更新 |
從表格可以看得出來,Open Doodles 是完全免費開源的插圖資源,採用 CC0 授權,如果你只需要幾張插圖點綴一下,它絕對是首選。但如果你需要的是一整套風格完全統一、而且能在設計軟體中快速變色的插圖,Whoooa! 的價值就很明顯了。
Storyset 的線上客製化功能確實強大,可以調整插圖的顏色、隱藏特定元素,甚至加入動畫效果。但它的免費版有下載次數限制,而且插圖的原始設計檔不像 Whoooa! 那樣提供完整的 Sketch、Figma、XD 檔案。對於需要深度編輯插圖細節的設計師來說,Whoooa! 給了更大的自由度。Pixel True 的免費插圖數量有 150+,品質也不錯,但同樣缺少 Whoooa! 那種跨格式原始檔的完整支援。
講白一點,免費資源和付費素材包本來就不是互斥的選擇。你可以先用 Artify 的免費插圖 或其他免費資源來測試風格,當確認手繪風格適合你的品牌之後,再投資 Whoooa! 來獲得更完整、更專業的一致性插圖系統。
購買任何數位素材之前,搞清楚授權條款是非常重要的一步。Whoooa! 的授權模式相對單純,購買後即可取得個人與商業使用的雙重許可。
購買 Whoooa! 之後,你可以將插圖運用在個人或商業專案當中,包括但不限於:網站設計、APP 介面、社群媒體素材、簡報製作、印刷品(名片、傳單、海報)、電子報設計、線上課程教材等。你也能自由修改插圖的顏色、形狀和細節,讓它完全符合你的品牌需求。這點跟 Illustration Kit 的免費素材授權類似,但 Whoooa! 提供的設計檔更完整。
有幾件事是授權條款明確禁止的:不能將插圖的原始檔轉售或分享給第三方、不能將插圖製作成與 Whoooa! 競爭的素材包、不能將插圖用於商標註冊。這些限制在日本免費素材庫 Sozai Good 或 Loose Drawing 的授權條款中也有類似規範,算是數位素材的標準限制。
如果跟 CC0(公共領域)授權的免費素材相比,Whoooa! 的授權確實多了一些限制。但換個角度想,正是因為有這些授權保護,設計師才有動力持續創作高品質的插圖。如果你需要完全無限制的商用素材,Pixabay 或 Unsplash 這類 CC0 授權的免費圖庫會更適合你。
Whoooa! 目前在 Gumroad 平台上架銷售,原價 $49 美元。這個價格包含了 120 個插圖的所有格式檔案、免費終身更新,以及個人和商業使用授權。跟 Shutterstock 這類訂閱制圖庫 動輒每個月幾十美元的費用相比,Whoooa! 的一次性買斷模式對於預算有限的小團隊來說友善得多。而Shutterstock 雖然是全球最大的線上圖庫,但如果你需要的是整套統一風格的插圖,訂閱制圖庫反而不一定是最划算的選擇。
Whoooa! 目前提供了一組 30% 的折扣優惠碼,結帳時輸入「whoooa!ph30!」,原價 $49 美元就會變成特惠價 $34.30 美元。換算下來,120 個插圖平均每個不到 $0.29 美元,大約台幣 9 塊錢,這個價格在付費插圖包市場算是非常合理的。
你也可以直接透過這個連結購買,折扣會自動套用:點此以 30% 折扣購買 Whoooa!。購買流程很簡單,在 Gumroad 上完成付款後,系統會立即提供下載連結,你就能取得所有格式的壓縮檔。付款方式支援信用卡和 PayPal。
Whoooa! 的另一個亮點是購買後享有免費終身更新。開發團隊承諾未來會持續新增插圖到這個素材包當中,所有購買過的用戶都能免費取得更新版本。這意味著你現在以 $34.30 美元購買的 120 個插圖,未來可能會變成 150 個甚至更多,而你不需再支付任何額外費用。如果你也需要 Logo 設計工具 或 DesignEvo 這類品牌設計資源,搭配 Whoooa! 的插圖可以讓你的品牌視覺系統更加完整。
你可能會好奇,為什麼現在越來越多網站選擇使用插圖而非照片?原因很簡單:好的網站插圖能傳達照片難以捕捉的概念和情感。當你需要在網站上說明一個抽象的服務流程、展示一種使用情境,或者建立獨特的品牌插圖識別度時,插圖的效果往往比照片更出色。
照片的真實感無可取代,但它缺乏品牌專屬感,而且找到一組風格完全統一的照片非常困難。圖標(Icons)則是功能性的視覺元素,適合用在UI介面的導航、按鈕和功能說明,但不具備敘事能力。向量插圖設計剛好補足了照片和圖標之間的空缺,它既有品牌定制的彈性,又有說故事的能力。使用 SVG 格式的向量插圖還有一個額外好處:檔案體積比照片小得多。一個複雜的 SVG 插圖可能只有幾十 KB,而同等視覺效果的照片動輒數百 KB 甚至數 MB。配合 WebP 圖片格式 和 Imagify 圖片壓縮工具,你的網站載入速度可以得到明顯改善。
當一個網站從首頁到部落格、從定價頁到聯絡我們頁面都使用同一套風格的插圖,使用者會自然而然產生一種「這是一個精心設計的專業品牌」的感受。這種視覺一致性是品牌識別的基石。Whoooa! 的優勢就在於提供了一整套風格統一的插圖,讓你不用花時間去協調不同來源的素材。如果你的網站使用 ShortPixel 或 WordPress 快取外掛 進行效能優化,搭配輕量的 SVG 插圖效果會更加出色。你也可以使用 Google 的 Squoosh 壓縮工具 或 SVGOMG 進一步壓縮 SVG 檔案,確保網站速度不受影響。如果你在尋找可靠的主機服務,Kinsta 提供的高品質 WordPress 主機也是提升網站速度的好選擇。同時別忘了網站載入速度對 SEO 排名的影響,輕量化的向量插圖絕對是加分項。
市面上的向量插圖風格五花八門,從極簡扁平到立體 3D、從寫實到手繪塗鴉,每種風格都有適合的場景。選錯風格的後果可能比不用插圖還糟糕,因為它會讓你的品牌傳遞錯誤的訊息。
Whoooa! 的手繪風格在「親和力」這個維度上表現特別突出。如果你經營的是教育平台、內容網站、或者是希望傳達溫暖形象的品牌,手繪風格會是很好的選擇。但如果你是做金融科技或企業級 SaaS,扁平風格可能更適合你的品牌調性。在色彩搭配方面,建議從你的品牌主色出發,利用 Coolors 配色工具 或 Color Palette Generator 延伸出一組 3 到 5 個搭配色,然後把這組色彩套用到 Whoooa! 的插圖上。PaletteMaker 也是一個不錯的選擇,它可以直接在範例場景中預覽配色效果。如果你想要更精細的色彩調整,CSS Gradient 和 Tint & Shade Generator 可以幫你產生漸層和深淺變化。當你完成配色後,也可以用 Neumorphism CSS Generator 來產生搭配插圖的介面元素樣式。
2024 年以後,AI 生成圖像的技術突飛猛進,很多人開始思考:我還需要花錢買插圖包嗎?直接用 AI 生成不就好了?這個問題值得好好聊聊。
Midjourney、DALL-E、Stable Diffusion 等 AI 工具確實能生成品質不錯的插圖。但問題在於「一致性」。你需要 10 張風格完全統一的插圖時,AI 很難保證每一張的筆觸、比例、色彩飽和度都一樣。你可能在 ChatGPT 或其他 AI 平台上生成了一張非常滿意的插圖,但要讓後續 9 張都維持同樣的風格,難度就直線上升了。
這正是 Whoooa! 這類傳統插圖包的核心價值所在。120 個插圖全部出自同一位設計師之手,風格、筆觸、色彩邏輯完全統一。你不需要花時間去微調 AI 的 prompt,不需要反覆生成才能得到滿意的結果,打開檔案就能直接使用。在商業授權方面,Whoooa! 的授權條款非常明確,你買了就能用在商業專案。AI 生成圖像的商用授權雖然多數平台已經放寬,但在某些特定場景下仍然存在灰色地帶。如果你用 AI 圖片放大工具 或 AI 背景生成器 來加工插圖,這些工具產出的內容也可能涉及額外的授權考量。
說到底,AI 和傳統插圖包並不是二選一的關係。我的實際做法是:需要整套統一風格的場景(網站介面、簡報系列、品牌素材)用 Whoooa! 的插圖;需要單張獨特插圖的場景(部落格文章配圖、特定主題的社群貼文)則用 AI 生成。如果你對圖片品質有要求,還可以搭配 AI Image Enhancer 來提升最終輸出的畫質。如果你對 AI 生成內容的偵測有興趣,也可以參考 AI Text Classifier 了解相關技術。這樣既能享受 AI 的靈活性,又能確保品牌素材的風格一致性。
完成 Gumroad 付款後,系統會立即提供下載連結。你會收到一個壓縮檔,裡面包含所有格式的插圖檔案。解壓縮後,根據你使用的設計軟體開啟對應的資料夾即可。Sketch 用戶開啟 .sketch 檔、Figma 用戶匯入 .fig 檔、Adobe XD 用戶開啟 .xd 檔。如果你習慣用 DesignCap 線上設計工具,可以直接使用 PNG 或 JPG 格式的插圖上傳到平台上進行編輯。
Whoooa! 的授權涵蓋個人和商業用途,你可以將插圖使用在客戶專案、自家產品、社群媒體、印刷品、電子報等幾乎所有商業場景。唯一需要注意的是,你不能將插圖原始檔直接轉售或作為素材包再次販售。如果你用 Fotor 線上修圖軟體 加工插圖後用於商業用途,這完全沒有問題。
Canva 支援上傳 SVG 和 PNG 格式的圖片,所以你可以將 Whoooa! 的插圖上傳到 Canva 中使用。不過 Canva 無法讀取 Whoooa! 的全域色彩變數,所以如果需要變色,建議先在 Sketch、Figma 或 Adobe XD 中完成顏色調整,再匯出為 PNG 或 SVG 上傳。你也可以在 editorAC 線上圖片編輯器 中進一步編輯插圖,或使用 Fotor 跨平台圖片編輯軟體 進行更細緻的後製處理。
不需要。Whoooa! 承諾購買後享有免費終身更新,未來所有新增的插圖都會免費提供給已購買的用戶。你只需要回到 Gumroad 的購買頁面,就能下載最新版本的完整素材包。
不行。Whoooa! 的授權是針對購買者本人的,你不能將插圖的原始檔分享給他人或作為素材包轉售。但你可以將插圖運用在為客戶設計的專案當中,這屬於正常的商業使用範圍。這點跟 Freepik 高品質圖庫 的付費版授權邏輯是類似的。
Gumroad 平台本身提供一定的退款保護機制。如果你購買後發現插圖風格不符合需求,可以在合理時間內向 Gumroad 申請退款。不過建議購買前先到 Whoooa! 官方網站查看完整的插圖預覽,確認風格是你需要的再下手。
回顧一下整篇評價的重點。Whoooa! 提供了 120 個風格統一的手繪向量插圖,支援 Sketch、Figma、Adobe XD 等主流設計軟體的原始檔格式,主打一鍵變色和免費終身更新。原價 $49 美元,使用折扣碼「whoooa!ph30!」後只要 $34.30 美元。
| 優點 | 缺點 |
|---|---|
| 120 個插圖風格完全統一 | 只有手繪風格,無其他風格選擇 |
| 一鍵變色,效率極高 | 插圖數量相對其他大型圖庫較少 |
| 提供所有主流格式原始檔 | 不支援線上即時編輯 |
| 免費終身更新 | 需付費購買,不像 Loose Drawing 免費 |
| 個人和商業雙重授權 | 折扣碼可能有期限 |
| $34.30 美元 CP 值高 | 不適合需要大量多樣風格的專案 |
如果你是網頁設計師、UI/UX 設計師、行銷人員或新創團隊的成員,經常需要為網站、APP 或行銷素材製作視覺內容,而且重視品牌風格的一致性,Whoooa! 絕對值得投資。它的手繪風格特別適合教育、內容、創意、新創等領域的品牌。如果你正在尋找其他風格的插圖資源,illustAC 的日本向量圖資源 也值得參考。
如果你只是偶爾需要一兩張插圖,或者你的品牌調性偏向嚴肅、正式、科技感,手繪風格可能不太適合你。這種情況下,Pexels 或 FreeImages 這類免費圖庫可能更符合需求。你也可以用 iLoveIMG 等工具來處理簡單的圖片編輯需求,或者使用 Compressor.io 來壓縮圖片。如果你需要的不是插圖而是圖標,Flaticon 或 Icons8 這類圖標庫會更實用。