🎨 設計資源 - 讓你的設計如虎添翼！
🌟 介紹
歡迎來到 Vant 設計資源寶庫！這裡匯集了所有你需要的設計素材，無論你是 UI 設計師、產品經理，還是前端開發者，都能在這裡找到心儀的資源。我們精心準備了從色彩搭配到元件規範的全套設計指南，讓你的行動端應用程式設計更加專業、統一、美觀！
🎯 設計稿
🎨 元件設計稿（Sketch）
這套 Sketch 設計稿就像是你的設計百寶箱，裡面裝滿了經過精心打磨的設計規範。無論是色彩搭配、字型選擇，還是元件佈局，都遵循了行動端最佳實務，讓你的設計既美觀又實用！
🌈 色彩規範 - 讓你的應用程式色彩斑斕
我們的色彩體系經過了大量的使用者測試和視覺最佳化，每一種顏色都有其獨特的含義和使用場景。從主色調到輔助色，從成功提示到錯誤警告，每一個色彩都經過精心調配，確保在各種螢幕和光線條件下都能呈現最佳效果。
✍️ 字型規範 - 讓文字更有溫度
字型不僅僅是資訊的載體，更是使用者體驗的重要組成部分。我們的字型規範涵蓋了從標題到正文、從按鈕到提示的各種文字場景，每一個字號、行高、字重都經過精心計算，確保在不同裝置上都能提供最佳的閱讀體驗。
🧩 元件規範 - 構建一致的使用者體驗
元件是構建介面的基礎積木，我們的元件規範就像是一本詳細的說明書，告訴你每個元件的尺寸、間距、狀態變化等細節。遵循這些規範，你就能輕鬆構建出專業、一致、易用的行動端介面。
🎯 圖示設計稿（Sketch）
圖示是介面的點睛之筆，一個好的圖示能夠瞬間傳達資訊，提升使用者體驗。我們的圖示庫包含了數百個精心設計的圖示，每一個都經過了像素級的最佳化，確保在各種尺寸下都清晰可見。
🌐 線上資源 - 隨時隨地獲取圖示
除了 Sketch 檔案，我們還把所有圖示都託管在了 iconfont.cn 上，這樣你就可以隨時線上預覽、搜尋和下載圖示了。無論是在辦公室還是在咖啡廳，只要有網路，你就能輕鬆獲取需要的圖示資源。
👉 Vant 圖示庫 - 線上瀏覽所有圖示
📐 Axure 元件庫 - 快速原型設計的利器
感謝社群的 @axure-tczy 同學的貢獻！這套 Axure 元件庫讓產品經理和互動設計師能夠快速搭建行動端原型，無需從零開始繪製元件，大大提升了原型設計的效率。
💡 使用技巧
🎯 如何高效使用設計資源
- 先了解規範：在開始設計之前，建議先仔細閱讀色彩和字型規範，理解每種顏色和字型的使用場景
- 保持一致性：在整個專案中保持設計風格的一致性，這樣使用者體驗會更加流暢
- 適配不同裝置：考慮不同螢幕尺寸和解析度的適配，確保設計在各種裝置上都能完美呈現
- 關注可存取性：確保色彩對比度符合無障礙設計標準，讓更多使用者能夠輕鬆使用你的應用程式
🔧 設計工具推薦
- Sketch：Mac 平台最受歡迎的 UI 設計工具，我們的主要設計稿都基於 Sketch
- Figma：跨平台的線上設計工具，支援團隊協作，可以匯入 Sketch 檔案
- Adobe XD：Adobe 出品的 UI/UX 設計工具，功能強大且易於上手
- Axure RP：專業的原型設計工具，適合複雜互動的原型製作
📚 相關內容
🔗 設計相關文件
- 元件文件 - 了解每個元件的詳細使用方法
🎨 設計靈感
- Material Design - Google 的設計語言系統
- Human Interface Guidelines - Apple 的設計指南
- Ant Design Mobile - 螞蟻金服的行動端設計語言
🛠️ 開發工具
💬 社群交流
- GitHub Issues - 問題回饋和功能建議
- Discussions - 社群討論區