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

Formatting Content Do/Don't

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

Touch Controls Do/Don't

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

Text Size Do/Don't

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

Contrast Do/Don't

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

Spacing Do/Don't

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

High Resolution Do/Don't

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

Distortion Do/Don't

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

Organization Do/Don't

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

Alignment Do/Don't

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

Hit Targets Do/Don't

- Formatting Content
- Touch Controls
- Hit Targets
- Text Size
- Contrast
- Spacing
- High Resolution
- Distortion
- Organization
- Alignment

University of Michigan - Ann Arbor

The Human Interface Guidelines — “HIG” for short — offers in-depth information and UI resources for all of Apple’s platforms, including specific technology areas. The HIG is full of information for designers that can help them create more compelling, intuitive, and beautiful experiences and design better apps that integrate with Apple.

Apple Human Interface Guidelines

Apple's Do and Don't

Four primary themes differentiate macOS apps
- Flexible: People expect macOS apps to be intuitive, while simultaneously adaptable to their workflow through customization and flexibility
- Expansive: Large, high-resolution displays are typical for most Mac users, and people often extend their workspace by connecting additional displays.
- Capable: Macs are extremely capable in terms of hardware and software. Apps can harness this power to offer an extensive range of features and workflows
- Focused: macOS is designed to keep the current task clear and in focus. Visual contrast, translucency, and a large drop shadow make it easy to differentiate the active window from inactive windows.

macOS Design

Three primary themes differentiate iOS from other platforms:
- Clarity: Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. 
- Deference: Fluid motion and a crisp, beautiful interface help people understand and interact with content while never competing with it. 
- Depth: Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding. 

Learn Before

Related

Learn After