善用 AI 可以提高面試成功率，本文介紹如何將 AI 工具加入見工面試流程，優化 CV，並提供提示詞指令，助你輕鬆應對面試挑戰。
15+ UI/UX、網頁與 App 靈感庫推薦! Vibe Coding 設計靈感必備！
最後更新於 2026 年 01 月 04 日 - 作者: Lazy Kar
身為設計師或產品開發者，你是否常常在專案開始時感到靈感枯竭？或是想要了解最新的設計趨勢卻不知從何找起？
這篇 Vibe Coding 設計靈感一覽，整理了 2026 年最值得收藏的設計靈感資源，從網頁設計到 App 介面，從視覺特效到品牌識別，幫助你更好設計專案。
為什麼需要這些靈感資源？
縮短設計探索時間：與其從零開始摸索，不如站在巨人的肩膀上，看看業界頂尖設計師如何解決類似問題。
掌握最新趨勢：設計趨勢每年都在變化，透過這些平台，你能即時掌握 2026 年的設計走向。
激發創意思維：有時候靈感就在瀏覽的過程中突然湧現，這些資源能幫助你打破思維定式。
🌐 綜合類靈感
1. Dribbble
老牌設計社群，這裡能找到大量的設計概念稿和創意實驗。非常適合在專案前期發想階段，快速瀏覽視覺風格和互動點子。
Dribbble Web Design 網站: https://dribbble.com
2. Pinterest
設計師建立 Moodboard 的首選工具。透過其強大的圖片演算法，你可以從一張喜歡的圖延伸出無限多風格相近的參考，跨越平面、攝影到 UI 設計，靈感無所不在。
Pinterest 網站: https://www.pinterest.com
3. Behance
Adobe 旗下的創意展示平台。與 Dribbble 的單圖展示不同，這裡更多是完整的專案 Case Study。你可以深入了解設計師的思考過程、草圖到成品的演變，非常適合學習設計邏輯。
Behance 網站: https://www.behance.net
4. Craftwork Design
Craftwork 不只是靈感平台，更是一個設計社群。他們策劃的網站設計集合特別注重細節與工藝質感。
Craftwork Design 網站: https://craftwork.design
📱 網頁設計靈感（Web Design）
網頁設計是數位產品的門面，優秀的網頁設計不僅美觀，更要兼顧使用體驗與轉換率。以下是 Lazy Kar 精選的網頁設計靈感平台：
1. Design Prompts
專為這個 AI 時代準備的靈感庫。這裡收錄了許多優質的 Prompt（提示詞），幫助設計師與開發者更精準地利用 AI 工具生成網頁佈局或視覺概念。
Design Prompts 網站: https://www.designprompts.dev
2. Seesaw
Seesaw 收錄了大量精緻的網站設計案例，特別適合尋找創意互動效果和獨特視覺風格。如果你正在設計品牌網站或作品集網站，這裡會是很好的起點。
Seesaw 網站: https://www.seesaw.website
3. SaaS Po
專門收錄 SaaS 產品的網站設計，這對產品經理和 SaaS 創業者來說是一座金礦。你可以看到各種訂閱制產品如何透過網站設計傳達價值主張，以及如何設計有效的 CTA（Call-to-Action）。
SaaS Po 網站: https://saaspo.com
4. Supahero
Supahero 精選了許多視覺衝擊力強的網站設計，如果你的專案需要大膽、前衛的視覺風格，這裡絕對不會讓你失望。
Supahero 網站: https://www.supahero.io
5. Bento Grids
版面編排是網頁設計的基礎，Bento Grids 專注於「便當盒式」的網格布局設計。這種設計風格在 2026 年特別流行，能讓資訊呈現更有層次感。
Bento Grids 網站: https://bentogrids.com
6. Recent Work
顧名思義，這裡收錄的都是最新的網頁設計作品。如果你想知道「現在」最流行什麼，這是你的首選。
Recent Work 網站: https://www.recentwork.com
7. Gallereee
一個精心策劃的網頁設計畫廊，收錄的作品都經過嚴格篩選，品質有保證。適合需要高質感參考的專業專案。
Gallereee 網站: https://www.gallereee.com
8. One Page Love
專注於單頁式網站設計的平台。如果你的專案是 Landing Page 或活動網站，這裡的案例會非常實用。
One Page Love 網站: https://onepagelove.com
📲 App 設計靈感（Apps Design）
行動應用的設計有其獨特的挑戰，從手勢互動到螢幕尺寸適配，都需要特別考量。以下是三個我最推薦的 App 設計資源：
1. Mobbin
Mobbin 是 App 設計師的聖經，收錄了數千個真實 App 的截圖，按照功能分類（如登入頁、個人檔案頁、付款流程等）。當你在設計特定功能時，可以快速找到業界最佳實踐。
Mobbin 網站: https://mobbin.com
2. 60fps Design
專注於 App 動畫與微互動的設計案例。在 2026 年，流暢的動畫已經成為高品質 App 的標配，這個平台能幫你掌握動畫設計的精髓。
60fps Design 網站: https://60fps.design
3. AB Test Design
這個平台專注於 A/B 測試的設計案例，讓你看到不同設計版本如何影響用戶行為。對於注重數據驅動設計的團隊來說，這是非常寶貴的資源。
AB Test Design 網站: https://abtest.design
✨ 視覺特效（Effect）
1. Unicorn Studio
Unicorn Studio 收錄了各種前沿的網頁互動特效和動畫效果。如果你想讓你的網站脫穎而出，這裡的案例會給你很多啟發。特別推薦給前端開發者和動效設計師。
Unicorn Studio 網站: https://www.unicorn.studio
🧩 設計組件（Design Component）
設計系統和組件庫是現代設計流程的核心，以下資源能幫你建立更完善的設計系統：
1. Component Gallery
這是一個全面的 UI 組件參考庫，收錄了各種常見組件（按鈕、表單、導航列等）在不同產品中的設計方式。設計或開發設計系統時的必備資源。
Component Gallery 網站: https://component.gallery
2. Navbar Gallery
專注於收集各種網站導航列（Navbar）的設計案例。導航是網站的骨幹，這裡收錄了從簡約到複雜的各種選單設計，如果你正在為如何安排網站選單而煩惱，這裡能提供豐富的解決方案。
Navbar Gallery 網站: https://www.navbar.gallery
3. CTA Gallery
專注於 Call-to-Action（行動呼籲）按鈕的設計集合。別小看一個按鈕，優秀的 CTA 設計可以大幅提升轉換率。
CTA Gallery 網站: https://www.cta.gallery
4. iOS Icon Gallery
收錄各種 iOS App 圖示的設計，如果你正在為 App 設計圖示，這裡有豐富的參考。可以看到從扁平設計到擬物風格的各種演繹。
iOS Icon Gallery 網站: https://www.iosicongallery.com
🔤 字體靈感（Font）
1. Free Faces
一個精選免費字體的平台，所有字體都經過精心挑選，不僅免費，品質也很高。對於預算有限的專案來說是一大福音。
Free Faces 網站: https://www.freefaces.gallery
🎨 品牌設計（Brands）
1. Rebrand Gallery
專門收錄品牌重塑（Rebranding）案例的平台。你可以看到品牌如何透過重新設計來更新形象，以及新舊設計的對比。對於品牌設計師和行銷人員來說非常有參考價值。
Rebrand Gallery 網站: https://www.rebrand.gallery
🌈 配色靈感（Color）
1. Grainient Supply
一個收錄高質感漸層配色的平台。2026 年，帶有顆粒質感的漸層設計持續流行，這個網站提供了許多現成的配色方案。
Grainient Supply 網站: https://grainient.supply
2. Color Hunt
Color Hunt 是一款免費配色平台，擁有數千個由全球設計師社群精心挑選的配色方案。介面直觀，無論是尋找復古、現代還是極簡風格的色彩組合，這裡都能滿足你的需求。
Color Hunt 網站: https://colorhunt.co
3. ColorDrop
ColorDrop 提供大量精美且實用的四色配色方案。它的優點在於視覺呈現清晰，特別適合尋找扁平化設計（Flat Design）的色彩靈感，並支援一鍵複製顏色代碼，非常方便。
ColorDrop 網站: https://colordrop.io
4. Khroma AI
Khroma AI 是一款 AI 配色、顏色搭配網站，利用 AI 生成不同的配色方案和調色板，幫助設計師更快找到適合自己專案的顏色組合和配色方案。
Khroma AI 網站: https://www.khroma.co
如何有效使用這些資源？
收藏這些網站只是第一步，關鍵在於如何有效運用它們：
建立專屬的靈感庫：將喜歡的設計截圖或連結整理到 Notion 或 Pinterest 等工具中，並加上標籤分類。
定期瀏覽保持敏銳度：每週花 30 分鐘瀏覽這些平台，即使沒有具體專案也能保持設計靈敏度。
分析而非抄襲：看到優秀設計時，試著分析「為什麼好」、「解決了什麼問題」，而不是直接複製。
跨領域尋找靈感：網頁設計師可以參考 App 設計，App 設計師也能從網頁設計中找到新點子。
注意細節：優秀的設計往往體現在細節上，注意間距、字級、顏色運用等微小但重要的元素。
AI 設計相關教學視頻:
▋ 2026 Vibe Coding 設計靈感必備！
────⋆⋅☆⋅⋆──────⋆⋅☆⋅⋆─────
Lazy Kar 精選 AI 工具系列:
────⋆⋅☆⋅⋆──────⋆⋅☆⋅⋆─────
👉 ChatGPT 生成 3D 旅遊盲盒、Q 版公仔，圖片到影片教學
==========================
👉 AI 繪圖教學
👉 AI 高效學習
==========================
