Design With SwiftUI: iOS, watchOS, and visionOS

Use SwiftUI as a Powerful and Dynamic Design Tool

4.50 (10 reviews)
Udemy
platform
English
language
User Experience
category
instructor
140
students
8.5 hours
content
Mar 2024
last update
$49.99
regular price

What you will learn

Assemble, compose and, layout SwiftUI views as easy as pulling legos from a bin.

Design Apps Using SwiftUI

Designing User Interfaces with SwiftUI

SwiftUI Layout and Composition Techniques

Prototyping with SwiftUI

Using SwiftUI as Design and Prototyping Tool

Design Coding Using SwiftUI

iOS Design

Drawing App Interfaces with SwiftUI code

Sketching User Interfaces with Code

Using SwiftUI for Drawing Custom Shapes

Visual Design with SwiftUI

The SwiftUI Layout System

Learn to code, design, and draw with SwiftUI

Learn to design and build iOS apps with SwiftUI

Building Considered and Consistent SwiftUI Designs

Description

Welcome to Design With SwiftUI. Learn to design with SwiftUI using the official Apple SwiftUI documentation, Human Interface Guidelines, cloning iOS, and visionOS system-wide designs from Apple. In this course, you will discover how to create great and beautiful designs with SwiftUI, allowing you to explore many design ideas. You will incorporate SwiftUI design best practices and workflow into your design process and use the same tool (Xcode) iOS, watchOS, and visionOS engineers use in building great apps. In particular, this is an excellent resource for busy developers who have not had time to learn how the SwiftUI layout system works. For designers, it will help you build modern interfaces and on-device demos that engineers can test immediately.

If you are a designer, this course removes and substitutes the old and traditional way of working with developers. Design in Figma or Sketch and hand it off to a developer. The modern way is to design in SwiftUI (Xcode) to see hardware and platform capabilities rather than waiting for a developer to tell you what is possible and what is not possible.


COURSE AIMS

SwiftUI is easy and approachable by anyone. Instead of building throw-away prototypes, SwiftUI helps you create and ship what you have designed. This course aims to help designers make technical decisions around app structure, functionality, and appearance so that developers can implement those decisions easily. It also helps you design iOS interfaces using the same frameworks and technologies for building actual iOS, watchOS, and visionOS apps. For developers, it helps you build gorgeous-looking UIs to focus on the backend and functionality.


MY PROMISE

I can assure you, the boundaries of amazing designs and user interfaces you can create with SwiftUI are non-existent.


ABOUT ME

Hi, I am Amos. I am an iOS Developer Advocate living in Finland. I have an educational background in Design and Human-Computer Interaction. Since 2019, I have chosen to build animations, designs, and interactions with nothing but SwiftUI. Join me to do the same.



Content

Overview

Introduction

Getting started

What is SwiftUI?
Create a blank SwiftUI project

Creating StepsApp's Activity Summary Screen Using SwiftUI

Tour of the project
Using Zeplin to measure visual attributes
Creating interface elements
Using the visual color picker in Xcode
How to create an activity ring
Creating the Summary Screen using Stacks
Creating the structure of the graph
How to draw a line graph using Path in SwiftUI
How to a seamless gradient fill for a graph

Screenshots

Design With SwiftUI: iOS, watchOS, and visionOS - Screenshot_01Design With SwiftUI: iOS, watchOS, and visionOS - Screenshot_02Design With SwiftUI: iOS, watchOS, and visionOS - Screenshot_03Design With SwiftUI: iOS, watchOS, and visionOS - Screenshot_04

Reviews

Ronnie
February 11, 2021
This is an excellent course for UI designers who want to learn how to use their software tools in conjunction with SwiftUI to create handsome and functional interfaces. The course is also good for software developers who do their own design work.

Charts

Price

Design With SwiftUI: iOS, watchOS, and visionOS - Price chart

Rating

Design With SwiftUI: iOS, watchOS, and visionOS - Ratings chart

Enrollment distribution

Design With SwiftUI: iOS, watchOS, and visionOS - Distribution chart
3689614
udemy ID
12/8/2020
course created date
2/4/2021
course indexed date
Bot
course submited by