Mobile iOS Design
researched 2026-05-25· 0 sources · 5 concepts · skill mobile-ios-design
Master iOS Human Interface Guidelines (HIG) and SwiftUI patterns to build polished, native iOS applications that feel at home on Apple platforms.
iOS Mobile Design
- Master iOS Human Interface Guidelines (HIG) and SwiftUI patterns to build polished, native iOS applications that feel at home on Apple platforms. [source]
When to Use This Skill
- Designing iOS app interfaces following Apple HIG [source]
- Building SwiftUI views and layouts [source]
- Implementing iOS navigation patterns (NavigationStack, TabView, sheets) [source]
- Creating adaptive layouts for iPhone and iPad [source]
- Using SF Symbols and system typography [source]
- Building accessible iOS interfaces [source]
- Implementing iOS-specific gestures and interactions [source]
- Designing for Dynamic Type and Dark Mode [source]
1. Human Interface Guidelines Principles
- Clarity: Content is legible, icons are precise, adornments are subtle [source]
- Deference: UI helps users understand content without competing with it [source]
- Depth: Visual layers and motion convey hierarchy and enable navigation [source]
- Platform Considerations: [source]
- iOS: Touch-first, compact displays, portrait orientation [source]
- iPadOS: Larger canvas, multitasking, pointer support [source]
- visionOS: Spatial computing, eye/hand input [source]
2. SwiftUI Layout System
- Stack-Based Layouts: [source]
3. Navigation Patterns
5. Visual Design
Best Practices
- Use Semantic Colors: Always use .primary, .secondary, .background for automatic light/dark mode support [source]
- Embrace SF Symbols: Use system symbols for consistency and automatic accessibility [source]
- Support Dynamic Type: Use semantic fonts (.body, .headline) instead of fixed sizes [source]
- Add Accessibility: Include .accessibilityLabel() and .accessibilityHint() modifiers [source]
- Use Safe Areas: Respect safeAreaInset and avoid hardcoded padding at screen edges [source]
- Implement State Restoration: Use @SceneStorage for preserving user state [source]
- Support iPad Multitasking: Design for split view and slide over [source]
- Test on Device: Simulator doesn't capture full haptic and performance experience [source]
Common Issues
- Layout Breaking: Use .fixedSize() sparingly; prefer flexible layouts [source]
- Performance Issues: Use LazyVStack/LazyHStack for long scrolling lists [source]
- Navigation Bugs: Ensure NavigationLink values are Hashable [source]
- Dark Mode Problems: Avoid hardcoded colors; use semantic or asset catalog colors [source]
- Accessibility Failures: Test with VoiceOver enabled [source]
- Memory Leaks: Watch for strong reference cycles in closures [source]
Children
- iOS Human Interface Guidelines (frontier)
- SwiftUI Patterns (frontier)
- Native iOS Components (frontier)
- Apple Design Principles (frontier)
Frontier under this node: Apple Design Principles, Native iOS Components, SwiftUI Patterns, iOS Human Interface Guidelines