Working with SwiftUI Shapes

Course Requirements

Creating Shapes

Dive into drawing and animating custom shapes with SwiftUI's Path to bring flexibility to your app's UI.
The Trapezium Shape

Explore the versatile trapezium shape, learning to create, animate, and integrate it into sophisticated UI designs.
The Curved-Side Rectangle

Master the curved-side rectangle, enhancing UI with smooth, aesthetically pleasing design elements.
The Wave Shape

Ride the wave of UI innovation with dynamic, customizable wave shapes that bring motion to your designs.
The Triangular Shape

Shape your UI with the simplicity and power of triangles, from basic construction to complex customizations.
SwiftUI Shapes Integration

Seamlessly blend shapes into your SwiftUI apps, elevating the user experience with cohesive, engaging designs.

Foundational to Advanced Techniques

Starting with the basics of shape creation, this course systematically guides you to advanced design techniques, ensuring you build a solid foundation that's essential for creating complex and attractive UI components.
Design with Confidence

Through comprehensive lessons on shapes like trapeziums, curved rectangles, and waves, you’ll gain the confidence to design with intention, creating interfaces that are both functional and visually compelling.
Industry-Relevant Skills

By the end of the course, you'll possess a toolkit of skills highly sought after in the tech industry, enabling you to craft unique UI elements that can set any app apart in the competitive digital marketplace.

1. Welcome
2. Course Materials
3. Where to Get Help?
1. Using the Path Object to Draw Shapes
2. Your Path Canvas
3. Benefits of Shapes
1. What is a Trapezium?
2. Examples in UI
3. Trapezium - Part 1 - Introduction
4. Trapezium - Part 2 - Masking
5. Trapezium - Part 3 - Animating
6. Trapezium - Part 4 - Customizing
7. Trapezium - Part 5 - Using in UI
8. Creating a Reusable Trapezium
9. The Trapezium Project
1. Examples in UI
2. Shape Path Plan
3. About Quad Curves
4. Keeping the Shape Within the Frame
5. SwiftUI Shapes Live: 2 - Creating a Curve-Sided Rectangle to Enhance UI
6. The Curved-Side Rectangle Project
1. Examples in UI
2. The Shape Path Plan
3. Customizing the Wave
4. The New Offset Plan
5. SwiftUI Shapes Live: 3 - The Wave
6. The Wave Project
1. Examples in UI
2. The Triangle Shape - Starting Project
3. The Shape Path Plan
4. Customizing the Triangle with an X Offset
5. SwiftUI Shapes Live: 4 - The Triangle Shape
6. The Triangle Shape Completed