Mobile development

Stage 2 · Lesson 10 of 10

Apple's Human Interface Guidelines

SwiftUI views and layout

The describe what iPhone users expect. Navigation bars have a back button and swipe back. hold the top-level sections.

Sheets slide up for a focused task. are at least 44 by 44 points, and text uses the system font and text styles. 's standard components already follow most of this.

So the guidelines mainly tell you when to use which one, and when to leave the default alone. Read the sections on layout, typography, navigation and accessibility after you have built a few screens.

Common trapcopying an Android design onto iOS, with a hamburger menu and small custom buttons, which feels foreign to iPhone users.

A question to check yourself, an AI practice session and 1 cheat sheet entry come with the full roadmap. Unlock

Resources for this stage

Start with· follow one of these

  • CourseFree
    SwiftUI Tutorials (Apple)

    Apple · Beginner

    Apple's own path from views and stacks to lists and navigation

  • CourseFree
    100 Days of SwiftUI

    Paul Hudson (Hacking with Swift) · Beginner

    Days 16 to 35 build six small apps on views, modifiers, lists and animation

Practise

  • Use a free challenge's mobile design image as the spec for a native screen

Keep handy

Mark this stage as not done?