IOS Design Patterns

iOS design conventions, Human Interface Guidelines patterns, and Apple platform-specific design.

dragoon0x 2e2a706 1015 B Updated

File contents

Ios Design Patterns

iOS Design Principles

  • Deference: Content is the focus. UI recedes.
  • Clarity: Text is readable, icons are precise, function is obvious.
  • Depth: Visual layers and motion create hierarchy.

Key Patterns

  • Navigation: Tab bar (bottom, 5 max) + Navigation bar (top, back button + title).
  • Lists: UITableView style with chevron disclosure indicators.
  • Actions: Action sheets from bottom, alerts centered.
  • Gestures: Swipe-to-delete, pull-to-refresh, edge-swipe-back.
  • Safe areas: Respect notch, home indicator, rounded corners.

Typography

  • SF Pro for UI text. SF Mono for code.
  • Dynamic Type support (user-adjustable text sizes).
  • Large Title style for primary screens.

Spacing

  • Standard margins: 16px (compact), 20px (regular).
  • List row height: 44px minimum.
  • Touch targets: 44x44pt minimum.

dragoon0x/everything-design-taste/tree/main/skills/ios-design-patterns commit 2e2a706ce7

Frequently asked questions

npx skillmds@latest add dragoon0x/ios-design-patterns