Mobile App Design
Design iOS and Android apps that feel native, from the tab bar to the gesture, using the rules users already know
About this course
This course teaches the platform conventions, layout systems, and handoff discipline that make a mobile app feel native instead of like a website in a frame. You will design with the two reference systems professionals use every day, Apple's Human Interface Guidelines and Google's Material Design 3, and learn exactly where they differ so a tab bar, a navigation pattern, and a date picker each look right on their own platform. You will size touch targets to the real 44pt iOS and 48dp Android minimums, respect safe areas and the Dynamic Island, design swipe and edge-back gestures that match system behavior, and build adaptive layouts with constraints and breakpoints that survive notches, split screen, and foldables. You will work in Figma with components, variants, and auto layout, then prepare a spec and asset export that a developer can build from cleanly. By the end you can take an app from a flow sketch to a platform-correct, accessible, responsive set of screens ready to build.
Curriculum
Module 1: Platform Foundations: iOS HIG and Material Design 3
- How mobile design differs from web designPreview
- Points, density, and the measurement model🔒
- Where iOS and Android diverge🔒
Module 2: Touch, Targets, and Safe Areas
- Touch-target sizes and spacing🔒
- Safe areas, notches, and the Dynamic Island🔒
- Reachability and one-handed use🔒
Module 3: Navigation, Gestures, and Components
- Navigation models: tabs, stacks, and drawers🔒
- Gestures the system owns and the ones you can use🔒
- Core components: lists, forms, sheets, and feedback🔒
Module 4: Adaptive Layout, Accessibility, and Handoff
- Adaptive layouts and breakpoints🔒
- Accessibility: contrast, type scaling, and labels🔒
- Figma components and the developer handoff🔒