Ui Ux Pro Max

• 您需要審查或改進現有介面，並希望獲得具體可行、有優先順序的建議，而非模糊的意見。
• 您正在為複雜工作流程設計使用者流程——多步驟表單、引導流程或主從式佈局——並需要一套結構化的方法。
• 您希望建立或稽核設計系統，包括元件層級架構、間距規則、狀態定義及使用指南。
• 您正在實作介面精修細節，例如載入狀態、空狀態、微互動與轉場效果，讓介面呈現出快速且經過深思熟慮的質感。

• 您需要視覺素材製作（圖示、插圖、模型或正式設計檔案）——此技能提供的是指導方針與程式碼層級的模式，而非圖像輸出。
• 您正在尋找特定平台的原生設計（例如，深入探討 SwiftUI 人機介面指南或 Android Material 3 元件庫），而非通用的網頁／應用程式 UX 原則。

此技能將基礎原則——漸進式揭露、回饋迴路、錯誤預防、識別優於回憶，以及一致性——直接應用於您的特定設計情境。您獲得的不是抽象理論，而是針對您的使用者、任務與平台所對應的具體決策。

涵蓋導航模式（頂部導航列、側邊欄、標籤列、麵包屑導航、命令面板）、表單模式（單欄式、精靈步驟式、行內編輯）以及資料呈現模式（表格、卡片格格、清單、儀表板），並提供清晰的指引，說明在何種情境下各模式為最佳選擇。

提供載入狀態（骨架屏、樂觀式 UI）、空狀態、轉場效果（持續時間、緩動函數、動態數值），以及微互動的精確實作規格，涵蓋按鈕按壓回饋、切換動畫與表單提交狀態等細節。

生成結構化的元件定義，涵蓋變體層級架構、尺寸比例規範，以及完整的狀態規格說明（預設、懸停、啟用、聚焦、停用、載入中）。按鈕系統範例充分展示了其細節層級：精確的像素數值、不透明度規則，以及使用限制條件。

包含實用的驗證方法：用於測試頁面清晰度的 5 秒測試、用於檢視視覺層次的瞇眼測試、用於鍵盤導航性的 Tab 鍵測試，以及錯誤狀態測試。這些方法能幫助你在產品上線前及早發現問題。

當設定頁面讓人感到雜亂或難以掌握時，Ui Ux Pro Max 會審查現有架構、找出分組與互動設計上的問題，並建議採用側邊導覽列佈局，搭配自動儲存行為、變更狀態指示器，以及逐欄位的重置控制項——並附上具體的元件模式供參考。

針對新的應用程式功能或產品，Ui Ux Pro Max 會設計一套分步驟的引導流程，每個步驟僅包含一個主要操作、清晰可見的進度指示器、智慧預填的預設值、明確標示的選填步驟，以及整體時間目標——完成後即可直接交付工程團隊開發。

當應用程式存在不一致的按鈕或行動呼籲元素時，Ui Ux Pro Max 會產出一套完整的按鈕系統：四種語意變體（主要、次要、幽靈、破壞性），三個尺寸層級並附帶精確尺寸，以及所有必要的互動狀態與精準的視覺規格。

使用此技能（由 Ui Ux Pro Max 提供）評估介面的鍵盤導航能力、可見焦點環、色彩對比、動態偏好設定以及螢幕閱讀器支援——將無障礙設計視為核心使用者體驗需求，而非事後補充的考量。