Overview
-
Learn how to use Affinity Designer, the powerful vector design tool for Mac and Windows, to create wireframes, mockups, UI assets, hero graphics, and more.
Syllabus
-
Introduction
- UX design in Affinity Designer
- Using the exercise files
- Setting your color profile and preferences for UI design
- Setting up your interface for UI design
- Creating a new document
- Using artboards
- Making color schemes and saving swatches
- Creating gradients
- Grids
- Alignment and spacing
- Lights and shadows
- Choosing fonts and saving styles
- Creating wireframe
- Building your first mockup
- Asset panel
- Creating your first hero image treatment
- Creating a stereo dial
- Embedding your design
- Constraints
- Exporting for prototyping
- Next steps
