Design · Website

UI Design Dos and Don’ts - Apple Developer

Apple's essential visual and interaction design rules for mobile user interfaces

Visit developer.apple.com ↗

UI Design Dos and Don'ts is Apple's quick-reference guide covering fundamental interface principles for iOS and iPadOS. It provides clear baseline rules for touch targets, typography, contrast, spacing, and asset resolution, making it a reliable reference for designers or for feeding into AI coding tools like Cursor as custom context.

What it's for

  • Review mobile app mockups against standard iOS touch target and contrast rules
  • Add as custom documentation in AI editors like Cursor to enforce proper iOS UI standards
  • Onboard junior mobile developers and designers to core interaction guidelines

Features

  • Specific touch control sizing guidelines (minimum 44x44 point hit targets)
  • Legibility baselines including minimum 11pt font sizes and contrast requirements
  • Image asset requirements including @2x and @3x Retina resolution standards
  • Layout and hierarchy guidelines for touch-based navigation and control alignment
  • Direct links to deep-dive sections within the Apple Human Interface Guidelines

Pricing

Free

Details

Type
Website
Category
Design
Topic
Design Systems
Open source
No
Platforms
Web
For
iOS developers, UI/UX designers, and mobile product creators
Alternative to
Material Design Guidelines
Tags
ios, hig, apple, ui design, mobile design, guidelines

Why it was saved

  • @amazonjeff67, 6 November 2024: Apple's official mobile HIG tips page (Touch Controls, Hit Targets, etc.) shown in the video — useful both as the source to add to Cursor and as a design reference itself.

Related

All 14 in Design Systems →

Updated