mobile-ios-design

mobile-ios-design 技能為開發人員與設計師提供製作高品質原生 iOS 應用程式的權威指南。透過將開發實踐與 Apple 官方的人機介面準則 (HIG) 相結合，此技能確保應用程式能在 iPhone、iPad 與 visionOS 等裝置上展現一致的原生質感。它專為使用 SwiftUI 建構強大、易用且高效能使用者介面的軟體工程師而設計。此技能彌補了美學設計原則與技術實作之間的差距，涵蓋從核心視覺層級到複雜導覽狀態管理的各個面向。

• 運用清晰性 (Clarity)、尊重 (Deference) 與深度 (Depth) 原則，確保以使用者為中心的介面設計與直觀的導覽流程。

• 全面的 SwiftUI 版面配置能力，包含堆疊配置 (VStack, HStack)、格狀系統 (LazyVGrid) 以及適用於各種裝置外形的自適應 UI 模式。

• 使用 NavigationStack 與 TabView 實作進階導覽模式，以處理複雜的應用程式架構與深層連結。

• 深度整合 Apple 的視覺生態系統，包含 SF Symbols、系統字體以及支援淺色與深色模式的語意化色彩調色盤。

• 優先考慮輔助功能，使用 Dynamic Type、輔助標籤與提示，確保符合包容性設計標準。

• 進階視覺技術，例如用於模糊效果的系統材質、鮮豔度效果以及用於空間深度的精緻陰影實作。

• 利用語意化色彩與系統字體，以保持與 Apple 平台整體設計演進的一致性。

• 實作 UI 元素的狀態管理，確保在不同裝置條件下具備流暢的過渡與響應能力。

• 遵循安全區域 (Safe Area) 的最佳實踐，並使用自適應約束，防止 UI 在動態顯示邊緣被遮擋。

• 利用提供的元件模板（如 FeatureCard）進行快速原型開發與標準化 UI 元素的建立。

• 專注於觸控優先的互動，同時考慮手勢與系統特定的輸入，以提升使用者體驗。

• 此技能作為 iOS 16、17 與 18+ 功能的實時參考，協助開發人員隨時掌握最新的 SwiftUI 修改器與系統整合。