前言：移動端設計 ≠ 縮小版 Web，你需要專屬的靈感庫

螢幕變小、鼠鍵變手指、平台碎片化無統一規範……移動端設計挑戰重重。但國外先行者已沉澱出大量優質資源。本文精選 10 大寶藏網站，涵蓋交互模式庫、真機截圖庫、組件畫廊、設計趨勢觀察站，無論你是設計新 App 還是尋找特定解決方案，都能精準命中。

十大必藏資源站深度導覽

網站	核心價值	特色功能	推薦指數
Konigi	交互與視覺設計優秀案例庫	豐富標籤體系，多維度篩選（模式/平台/元素），極易定位靈感	⭐⭐⭐⭐⭐
Pattern Tap	超 7000+ 精選作品集畫廊	由 Matthew Smith & Chris Pollock 維護，質量極高，優設早期力薦	⭐⭐⭐⭐⭐
Inspired UI	1000+ 真實 App 截圖庫	按模塊分類（引導頁、註冊頁、設置頁等），省時省力看真機實現	⭐⭐⭐⭐⭐
QUINCE: X Patterns Explorer	Web 應用級 UX 模式探索器	日期選擇器、面板選擇器等複雜組件交互細節可視化，需 Silverlight 插件	⭐⭐⭐⭐
Lovely UI	移動端 UI 元素專項庫	按鈕、列表、通訊錄等原子組件專項收錄，顆粒度細	⭐⭐⭐⭐
Welie.com	交互設計最佳實踐百科全書	外觀簡陋但內容極深，每個模式附適用性分析，被譽為「寶庫」	⭐⭐⭐⭐⭐
Mobile Design Pattern Gallery	移動設計模式專項畫廊	特殊技巧標籤豐富，案例質量高，女性視角優勢	⭐⭐⭐⭐
Design|snips	Web 頁面元素與設計趨勢觀察站	30+ 分類，含設計師互評，取長補短利器	⭐⭐⭐⭐
The UI Pattern Factory	UI 設計圖書館與畫廊雙重形態	系統化分類+視覺化瀏覽，適合系統性學習模式	⭐⭐⭐⭐
UI-patterns.com	經典 UI 設計模式百科	20 大分類結構化，移動端常見模式一網打盡，檢索極便捷	⭐⭐⭐⭐⭐

高效使用資源站的 3 個習慣

1. 建立個人模式卡片庫：見到優秀模式，截圖+標籤（場景/組件/交互類型）存入 Notion/Figma/Eagle，形成可檢索的個人知識庫。
2. 帶著具體問題去找：如「註冊頁如何降低流失？」直奔 Inspired UI 註冊頁分類、「日期選擇器怎麼做最順手？」直奔 QUINCE。別無目的瀏覽。
3. 定期複盤同類產品：每季度對標競品/標桿產品，在這些站點尋找其同類模式演進趨勢，輸出《競品交互分析報告》。

結語：資源是死的，思維是活的

這 10 個網站能節省你 80% 的找靈感時間，但剩下 20% 的決策——「為什麼這裡用這個模式？如何適配我們的業務場景？如何在技術可行範圍內最佳實現？」——才是設計師的核心價值。善用資源，更要超越資源。