UI Design Dos And Don'ts - Apple Developer

View in English

• Apple Developer
• • Get Started

  Explore Get Started

  • Overview
  • Learn
  • Apple Developer Program

  Stay Updated

  • Latest News
  • Hello Developer
  • Platforms

  Explore Platforms

  • Apple Platforms
  • iOS
  • iPadOS
  • macOS
  • tvOS
  • visionOS
  • watchOS
  • App Store

  Featured

  • Design
  • Distribution
  • Games
  • Accessories
  • Web
  • Home
  • CarPlay
  • Technologies

  Explore Technologies

  • Overview
  • Xcode
  • Swift
  • SwiftUI

  Featured

  • Accessibility
  • App Intents
  • Apple Intelligence
  • Games
  • Machine Learning & AI
  • Security
  • Xcode Cloud
  • Community

  Explore Community

  • Overview
  • Meet with Apple events
  • Community-driven events
  • Developer Forums
  • Open Source

  Featured

  • WWDC
  • Swift Student Challenge
  • Developer Stories
  • App Store Awards
  • Apple Design Awards
  • Apple Developer Centers
  • Documentation

  Explore Documentation

  • Documentation Library
  • Technology Overviews
  • Sample Code
  • Human Interface Guidelines
  • Videos

  Release Notes

  • Featured Updates
  • iOS
  • iPadOS
  • macOS
  • watchOS
  • visionOS
  • tvOS
  • Xcode
  • Downloads

  Explore Downloads

  • All Downloads
  • Operating Systems
  • Applications
  • Design Resources

  Featured

  • Xcode
  • TestFlight
  • Fonts
  • SF Symbols
  • Icon Composer
  • Support

  Explore Support

  • Overview
  • Help Guides
  • Developer Forums
  • Feedback Assistant
  • Contact Us

  Featured

  • Account Help
  • App Review Guidelines
  • App Store Connect Help
  • Upcoming Requirements
  • Agreements and Guidelines
  • System Status

• Quick Links

  • Events
  • News
  • Forums
  • Sample Code
  • Videos

Design

Open Menu Close Menu

• Overview
• What’s New
• Get Started
• Guidelines
• Resources

• Interactivity
• Readability
• Graphics
• Clarity

Formatting Content

Create a layout that fits the screen of a device. Users should see primary content without zooming or scrolling horizontally.

Learn more

Touch Controls

Use UI elements that are designed for touch gestures to make interaction with your app feel easy and natural.

Learn more

Hit Targets

Create controls that measure at least 44 points x 44 points so they can be accurately tapped with a finger.

Learn more

44pt x 44pt minimum

Text Size

Text should be at least 11 points so it’s legible at a typical viewing distance without zooming.

Learn more

Contrast

Make sure there is ample contrast between the font color and the background so text is legible.

Learn more

Spacing

Don’t let text overlap. Improve legibility by increasing line height or letter spacing.

Learn more

High Resolution

Provide high-resolution versions of all image assets. Images that are not @2x and @3x will appear blurry on the Retina display.

Learn more

Distortion

Always display images at their intended aspect ratio to avoid distortion.

Learn more

Organization

Create an easy-to-read layout that puts controls close to the content they modify.

Learn more

Alignment

Align text, images, and buttons to show users how information is related.

Learn more

Design Resources

Get tools, UI templates, and in-depth information for designing great apps that integrate seamlessly with Apple platforms.

Downloads

Guidelines

Videos