Skip to main content

Design and Prototype for iOS 18

3h 15m 32s
English
Paid

"Design and Prototyping for iOS 18" offers an exciting deep dive into the world of mobile design, enabling you to master the creation of stylish and user-friendly applications. Throughout this course, you'll gain proficiency in Figma, explore the latest design principles of iOS 18, and engage in hands-on practice with real-world projects. Participants will have the opportunity to create two complete prototypes: a car control interface and a smart AI assistant.

Objectives

By the end of this course, you will:

  • Understand the fundamentals of iOS 18 design principles.
  • Develop proficiency in using Figma for mobile design projects.
  • Create high-fidelity prototypes relevant to current industry standards.
  • Apply design concepts to real-world projects, enhancing your professional portfolio.

Course Structure

Module 1: Introduction to iOS 18 Design Principles

Dive into the core aspects of design that make iOS 18 unique and user-friendly.

Module 2: Mastering Figma

Learn how to leverage Figma to create engaging and interactive design elements, optimizing for mobile interfaces.

Module 3: Practical Prototyping

Engage in hands-on activities to build two complete prototypes: a car control interface and a smart AI assistant.

Key Benefits

  • Hands-on experience with top industry tools and frameworks.
  • Guidance from experienced professionals in mobile design.
  • Access to exclusive design resources and templates.
  • Development of a robust portfolio to showcase your skills to potential employers.

Who Should Enroll?

This course is ideal for:

  • Beginners aspiring to break into mobile app design.
  • Experienced designers wanting to update their skills with the latest iOS standards.
  • Entrepreneurs looking to create user-centric mobile solutions.

About the Author: designcode.io

designcode.io thumbnail
Take courses on the best design tools and systems. Prototype and build apps with React and Swift. 60 hours of video content and resource materials.

Watch Online 21 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 21 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Intro to IOS 18
All Course Lessons (21)
#Lesson TitleDurationAccess
1
Intro to IOS 18 Demo
03:50
2
UI Kits
06:31
3
Wireframing
07:40
4
iOS 18 Typography
10:00
5
SF Symbols 6
10:11
6
Auto Layout
13:53
7
Colors
14:42
8
Gradient
15:09
9
Responsive Layouts
06:23
10
Layout Grids and Spacing
15:08
11
Components and Variants
10:43
12
Figma Variables
14:52
13
Overlays and Variable Mode Interactions
05:24
14
Interactive Form Fields with Variables
08:01
15
Gradient Animations
08:24
16
Master Conditionals for a Functional Keyboard
08:57
17
Preparing Design for Handoff
06:35
18
Exporting your Design to Code
04:58
19
Customizing Code
05:47
20
React Native Animation
07:27
21
Getting Started with Reanimated
10:57
Unlock unlimited learning

Get instant access to all 20 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription