スキル自身の言葉で
このスキルは、Apple のデザイン原則に従ったネイティブ iOS アプリケーションを構築するための iOS Human Interface Guidelines と SwiftUI のパターンを教えます。HIG のコア原則である明快さ、敬意、奥行き、SwiftUI のスタックベースおよびグリッドベースのレイアウトシステム、NavigationStack や TabView を含むナビゲーションパターン、SF Symbols や Dynamic Type によるシステム統合、セマンティックカラーとマテリアルを用いたビジュアルデザインを扱います。
このスキルは iOS、iPadOS、visionOS のプラットフォーム上の考慮事項を扱い、タッチ優先のインターフェース、さまざまな画面サイズに対応するアダプティブレイアウト、アクセシビリティ、そしてセマンティックスタイリングによる自動的なライト／ダークモード対応に焦点を当てています。
生成されるもの
- スタックベースのレイアウト、ナビゲーションパターン、システム統合を備えた SwiftUI のビューコード
仕組み
- 01HIGの原則を適用する
明瞭性(判読しやすいコンテンツ、正確なアイコン)、服従性(UIはコンテンツと競合せずユーザーの理解を助ける)、そして奥行き(視覚的なレイヤーが階層を伝える)に従ってインターフェースを構築します。
- 02StackとGridレイアウトで構成する
配置とスペーシングのパラメータを持つVStackやHStack、またはadaptiveやflexibleなGridItemカラムを持つLazyVGridを使用してビューを構造化します。
- 03ナビゲーションパターンを実装する
階層的なナビゲーションにはnavigationDestinationを伴うNavigationStackを、トップレベルのアプリセクションにはTabを伴うTabViewを使用します。
- 04システムリソースを統合する
レンダリングモードとエフェクトを備えたSF Symbols、固定サイズではなくDynamic Typeに対応するセマンティックフォントを使用します。
- 05セマンティックスタイリングを適用する
ライトモードとダークモードに自動的に適応する.primaryや.secondaryのようなセマンティックカラー、ブラー効果にはシステムマテリアルを使用します。