---
title: Mobile iOS Design
category: product
entity_type: skill
price: $15
canonical: https://forgehouse.ai/skills/mobile-ios-design/
lang: en
hreflang_alt: https://forgehouse.ai/tr/skiller/mobile-ios-design/
last_updated: 2026-06-20
---

# Mobile iOS Design

> Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps.

A masterclass in Apple's Human Interface Guidelines and SwiftUI for building polished, native iOS apps. It covers the SwiftUI layout system, navigation patterns, SF Symbols, Dynamic Type, semantic colors, and materials so apps feel at home on Apple platforms and pass App Store review.

## Use cases
- Designing iOS interfaces following Apple's Human Interface Guidelines
- Building SwiftUI views and layouts
- Implementing NavigationStack, TabView, and sheet navigation
- Supporting Dynamic Type and Dark Mode correctly
- Using SF Symbols and system typography for consistency
- Creating adaptive layouts for iPhone and iPad

## Benefits
- Deliver the premium, pixel-perfect feel iOS users expect
- Pass App Store review by respecting accessibility and Dynamic Type
- Get automatic dark mode and high-contrast support through semantic colors
- Preserve user context across launches with state restoration

## What’s included
- SwiftUI stack and grid layout patterns with adaptive sizing
- NavigationStack and TabView navigation implementations
- SF Symbols usage with rendering modes and symbol effects
- Semantic color, material, and depth patterns for light and dark mode
- Dynamic Type, state restoration, and HIG deference mental models
- Ready-to-use component examples plus a best-practices and common-issues reference

## Who it’s for
iOS developers and designers building native apps with SwiftUI who want HIG-compliant, accessible, App Store-ready interfaces.

## How it runs
Apple's rules are not suggestions. Clarity, deference and depth shape every screen this skill builds, with SwiftUI carrying Dynamic Type, dark mode and VoiceOver almost for free when used correctly.
1. Grounds the screen in the three HIG principles first: clarity, deference and depth. Content leads, the UI defers to it through system materials and hierarchical SF Symbol rendering instead of competing decoration.
2. Lays out views with VStack, HStack and LazyVGrid adaptive columns that fill available width on both iPhone and iPad, keeping layouts flexible rather than pinned to fixed sizes.
3. Wires navigation with NavigationStack path state and TabView, keeping NavigationLink values Hashable so destinations resolve safely and deep navigation does not crash.
4. Pulls iconography from the SF Symbols library and typography from semantic fonts (.headline, .body, .caption), so every element scales automatically with the user's Dynamic Type setting and gets VoiceOver descriptions for free.
5. Uses semantic colors (.primary, .secondary, .background) and system materials for surfaces and blur, so dark mode works with zero manual color swaps and hardcoded hex values never enter the code.
6. Closes with accessibility and persistence: accessibilityLabel and hint modifiers, safe area respect on notched devices, and @SceneStorage state restoration so users reopen the app exactly where they left off.

## FAQ
### Does one layout approach work for both iPhone and iPad here?
Yes. The SwiftUI stack and grid patterns use adaptive sizing, so the same views scale across iPhone and iPad, and the NavigationStack and TabView implementations follow the same adaptive logic.

### How does it get dark mode right without designing every screen twice?
By leaning on semantic colors and materials: you declare meaning instead of fixed hex values, and dark mode plus high-contrast support come automatically. Depth patterns for light and dark mode handle the cases where elevation needs to read differently.

### Does it cover UIKit?
No. It is SwiftUI and the Human Interface Guidelines throughout: layout, navigation, SF Symbols, Dynamic Type, and state restoration. Legacy UIKit screens would need their own treatment.

## Price
$15, one-time, no subscription. VAT included.

Related guide: [Building a design system with Claude Design](https://forgehouse.ai/guides/claude-design-design-system/)