Affinity Designer for UX Design

Affinity Designer for UX Design

English | MP4 | AVC 1280Ă—720 | AAC 48KHz 2ch | 1h 15m | 2.72 GB

Affinity Designer offers a cross-platform vector design tool that’s simple, streamlined, and easy to use for UX, UI, and responsive web design. You can use it to create branding materials, websites, app interfaces, logos, and so much more. Learn how to incorporate Affinity Designer’s features into your own design process. Here Ronnie McBride shows how to set up your preferences, use artboards, create custom color themes in the Swatches panel, apply styles and gradients, and create wireframes, mockups, UI assets, and hero graphics—all with Affinity Designer’s versatile toolset. Once you find out what you can do with Affinity Designer, you may never go back to expensive design software again.

Topics include:

  • Setting up your workspace
  • Creating new documents
  • Using artboards
  • Creating a wireframe or mockup
  • Creating UI assets
  • Exporting for prototyping
Table of Contents

Introduction
1 Welcome
2 Using the exercise files

Setting Up the Workspace
3 Setting your color profile and preferences for UI design
4 Setting up your interface for UI design
5 Creating a new document
6 Using artboards

Wireframing
7 Making color schemes and saving swatches
8 Creating a wireframe
9 Building your first mockup

Creating UI Assets
10 Creating your first hero image treatment
11 Creating a stereo dial
12 Embedding your design
13 Constraints
14 Exporting for prototyping

Conclusion
15 Next steps