iOS Design

SwiftUI

Learn how to use design tools like Figma to style your apps. Not only is this useful for app design but it’s also a very useful skill for producing graphics for all of your marketing materials and websites.

Learning Outcomes:

  • Design and Style

    You'll be able to design, style and build common UI layouts that you see in other apps!

  • Prototype

    Turn your app design into a prototype that you can show others.

  • Professional Tools

    You'll be able to use industry standard graphics tools like Figma (free for individuals) to design, prototype and create graphic assets.

Course curriculum

  • 1

    Module 1: Styling with Modifiers and Shapes

    • Lesson 1: Introduction

    • Lesson 2: SwiftUI Shapes

    • Lesson 2 Challenge

    • Lesson 3: SwiftUI Paths

    • Lesson 3 Challenge

    • Lesson 4: Gradients, Drop Shadows and Blurs

    • Lesson 4 Challenge

    • Lesson 5: Styling Textfields

    • Lesson 5 Challenge

    • Lesson 6: Styling Buttons

    • Lesson 6 Challenge

    • Lesson 7: Custom Fonts

  • 2

    Module 2: SwiftUI Components and Layouts

    • Lesson 1: Introduction

    • Lesson 2: Custom Tab Bars

    • Lesson 3: Cards

    • Lesson 4: Grids

    • Lesson 5: Scrollviews and Vertical Lists

    • Lesson 6: Horizontal Lists

    • Lesson 7: Forms

  • 3

    Module 3: Design Tools and Figma

    • Lesson 1: Introduction to Figma

    • Lesson 2: Tools to Get Started

    • Lesson 3: Essential Design Features

    • Lesson 4: Preview and Presentation

    • Lesson 5: Collaboration

    • Recap Quiz #1

  • 4

    Module 4: iOS Design Guidelines

    • Lesson 1: Introduction

    • Lesson 2: App Architecture

    • Lesson 3: Interface Essentials - Bars

    • Recap Quiz #1

    • Lesson 4: Interface Essentials - Views

    • Lesson 5: Interface Essentials - Controls

    • Recap Quiz #2

  • 5

    Module 5: The App Design Process

    • Lesson 1: References and Inspiration

    • Lesson 2: Creating User Personas

    • Lesson 3: Journey Mapping

    • Lesson 4: Wireframing

    • Lesson 5: Design, Prototyping and Export (Part 1)

    • Lesson 5: Design, Prototyping and Export (Part 2)

    • Lesson 6: App Design Challenge

  • 6

    Module 6: Implementing the App Design in Xcode

    • Lesson 1: Designer & Developer Coordination

    • Lesson 2: Exporting Assets from the App Design

    • Lesson 3: Adding Xcode Project Assets

    • Lesson 4: Breaking Down App Designs

    • Lesson 5: Implementing Profile Screens (Part 1)

    • Lesson 6: Implementing Profile Screens (Part 2)

    • Lesson 7: Implementing Profile Screens (Part 3)

  • 7

    Module 7: Additional Tools and Resources

    • Tools & Resources

Enroll in CWC+ to access all of our courses

When you join CWC+, you'll get access to this course along with many others! No matter what your goal is; whether it's to start an iOS career, become a freelancer, build an app business, make apps for income... we'll help you get there!


Join CWC Plus