Skip to content

Repository files navigation

Human Interface Guidelines

The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.

Design fundamentals

Explore the principles that guide design across Apple platforms. For more, see Getting started.

A stylized representation of a building block. The image is tinted green to subtly reflect the green in the original six-color Apple logo.
Design principles
Explore fundamental principles that guide design across Apple platforms.

A stylized representation of an iPhone frame. The image is tinted green to subtly reflect the green in the original six-color Apple logo.
Designing for iOS
People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

A stylized representation of a Mac. The image is tinted green to subtly reflect the green in the original six-color Apple logo.
Designing for macOS
People rely on the power, spaciousness, and flexibility of a Mac as they perform in-depth productivity tasks, view media or content, and play games, often using several apps at once.

Foundations of design

Discover key concepts that shape every great experience. For more, see Foundations.

A sketch of the Accessibility icon. The image is tinted yellow to subtly reflect the yellow in the original six-color Apple logo.
Accessibility
Accessible user interfaces empower everyone to have a great experience with your app or game.

A sketch of the App Store icon. The image is tinted yellow to subtly reflect the yellow in the original six-color Apple logo.
App icons
A unique, memorable icon expresses your app’s or game’s purpose and personality and helps people recognize it at a glance.

A sketch of a paint palette, suggesting the use of color. The image is tinted yellow to subtly reflect the yellow in the original six-color Apple logo.
Color
Judicious use of color can enhance communication, evoke your brand, provide visual continuity, communicate status and feedback, and help people understand information.

A sketch of a small rectangle in the upper-left quadrant of a larger rectangle, suggesting the position of a user interface element within a window. The image is overlaid with rectangular and circular grid lines and is tinted yellow to subtly reflect the yellow in the original six-color Apple logo.
Layout
A consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games on all their devices.

A sketch of a capsule shape overlapping a square. A subtle bend in the edges of the square that are beneath the capsule suggests the layering of the Liquid Glass material over background content. The image is tinted yellow to subtly reflect the yellow in the original six-color Apple logo.
Materials
A material is a visual effect that creates a sense of depth, layering, and hierarchy between foreground and background elements.

A sketch of a small letter A to the left of a large letter A, suggesting the use of typography to convey hierarchical information. The image is tinted yellow to subtly reflect the yellow in the original six-color Apple logo.
Typography
Your typographic choices can help you display legible text, convey an information hierarchy, communicate important content, and express your brand or style.

New and updated

Review recent additions and updates to design guidance. For more, see What’s new.

A stylized representation of a menu containing a selected item and displaying a submenu. The image is tinted red to subtly reflect the red in the original six-color Apple logo.
Menus
A menu reveals its options when people interact with it, making it a space-efficient way to present commands in your app or game.

A stylized representation of a scrollable image view. The image is tinted red to subtly reflect the red in the original six-color Apple logo.
Scroll views
A scroll view lets people view content that’s larger than the view’s boundaries by moving the content vertically or horizontally.

A stylized representation of a search field containing placeholder text and a dictation icon. The image is tinted red to subtly reflect the red in the original six-color Apple logo.
Search fields
A search field lets people search a collection of content for specific terms they enter.

A stylized representation of a portion of a window's sidebar displaying a section and some folders. The image is tinted red to subtly reflect the red in the original six-color Apple logo.
Sidebars
A sidebar appears on the leading side of a view and lets people navigate between areas of your app or top-level collections of content, like folders and playlists.

A sketch of the Siri icon. The image is tinted blue to subtly reflect the blue in the original six-color Apple logo.
Siri
People use Siri to help them with the things they need to find, know, or do every day.

A sketch of a snippet. The image is tinted red to subtly reflect the red in the original six-color Apple logo.
Snippets
When someone performs a task with Siri or an App Shortcut, a snippet shows the result or asks for confirmation.

Contents


Source: https://developer.apple.com/design/human-interface-guidelines

Releases

Packages

Contributors