Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Affinity Designer for UX Design

via LinkedIn Learning

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
1. Setting Up the Workspace
  • Setting your color profile and preferences for UI design
  • Setting up your interface for UI design
  • Creating a new document
  • Using artboards
2. Design Basics
  • Making color schemes and saving swatches
  • Creating gradients
  • Grids
  • Alignment and spacing
  • Lights and shadows
  • Choosing fonts and saving styles
3. Wireframing
  • Creating wireframe
  • Building your first mockup
4. Creating UI Assets
  • Asset panel
  • Creating your first hero image treatment
  • Creating a stereo dial
  • Embedding your design
  • Constraints
  • Exporting for prototyping
Conclusion
  • Next steps

Taught by

Ronnie McBride

Reviews

Start your review of Affinity Designer for UX Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.