設計靈感 是做什麼的？
根據使用者的需求，將設計研究導向正確的設計畫廊。
快速查詢
| 需求 | 網站 | 網址 |
|---|---|---|
| 一般網頁設計 | Curated Design | curated.design |
| 登陸頁面 | Landing Love | landing.love |
| SaaS 網站 | Saaspo | saaspo.com |
| 導覽列 / 導航 | Navbar Gallery | navbar.gallery |
| CTA 區塊 | CTA Gallery | cta.gallery |
| 動畫 / 動態 | App Motion | appmotion.design |
| 行動應用程式 (iOS/Web) | Mobbin | mobbin.com |
| 品牌重塑 / 品牌識別 | Rebrand Gallery | rebrand.gallery |
| 圖示 | Huge Icons | hugeicons.com |
| 設計系統 / 元件 | Component Gallery | component.gallery |
| 英雄區塊 | Hero Capture | herocapture.com |
| 3D 圖示 | Icoon | icoon.co |
使用方法
- 確認使用者需要靈感的設計元素
- 從上方目錄中推薦 1-3 個網站（從最具體者開始）
- 透過瀏覽器工具開啟網站，讓使用者可以直接瀏覽線上範例
- 擷取特定範例的螢幕截圖，當使用者想要儲存視覺參考時
瀏覽網站
使用瀏覽器工具導覽至畫廊並擷取螢幕截圖：
browser → navigate to site URL
browser → snapshot to find examples
browser → screenshot to capture specific designs
對於 Mobbin（需要帳戶才能完整存取）、Navbar Gallery 和 Component Gallery — 這些網站具有結構化的分類，可以透過它們的側邊欄/篩選 UI 進行導覽。
當多個網站適用時
- 完整頁面設計 → curated.design + landing.love
- 特定元件 → navbar.gallery / cta.gallery / component.gallery
- 行動優先 → mobbin.com
- 動態 / 互動 → appmotion.design (若可用) + landing.love (有影片錄製)
- 品牌識別 → rebrand.gallery
- 圖示搜尋 → hugeicons.com (2D) + icoon.co (3D)
擴充目錄
如需更多網站和詳細說明，請參閱 references/catalog.md。