From the course: Affinity Designer for UX Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Alignment and spacing

Alignment and spacing - Affinity Designer Tutorial

From the course: Affinity Designer for UX Design

Start my 1-month free trial

Alignment and spacing

- [Narrator] In the previous video, I showed you how to create a grid. In this video. I would like to give you a basic understanding of how the spacing of your grid is used to align the objects of your design, while providing a sense of balance and consistency. So what I've done is I've created a wireframe for a product page to simply demonstrate how this would work. So you have your three different device sizes. And when you hand over this design to a developer, what they need to know is how they can apply this grid to the code that they're laying out. So let me further explain, I'm going to hit Tab on my keyboard here, so we can get a better view. So let's take a look at the desktop to start with. I'm going to go and change the viewing of my guide manager columns here to filled. Just so it's a little bit clear, because sometimes I feel like the lines could get a little bit confusing. So when you hand this design…

Contents