In this video, Ronnie explains which Affinity Designer preference settings are most important to UI/UX design development.
- [Instructor] Affinity Designer is a great tool for a multitude of creative projects, but in this course, we'll focus solely on UI and UX design. Since we are designing for the web as well as a multitude of handheld devices, there are a few things you need to change in your preferences. So let's take a moment to go over the preferences panel. If you go up to the top of your screen, go to Affinity Designer and click Preferences, and we're gonna take a look at General Settings first. One of the items that you need to be aware of is Copy Items to SVG.
You definitely want to have that on. If you're doing UI or UX design, you need to be using the Scalable Vector Graphic format. If we move along here to Color Profile, you want to go over to RGB Color Profile because we're working in the RGB Color Space when we're dealing with applications that are viewed on screen. If you click that and set it to Display. All these other options that you have in here are basically for print options and also you have just a lot of different options for T.V.
and things like that if you're working in those color formats or if you have a printer that you have a color profile, that'll be in here, but we don't need any of those. We want to be focused on the display itself, so we'll select that. Going back to the main menu, Performance. You can adjust this if you like. It's not necessary. I find the defaults are perfect. And under the User Interface, you want to make sure that your pixels are set to one because we want to work in whole pixel numbers when we make adjustments or when we create new items, and the reason being is when you're doing UI or UX design, you run into issues on the programming side when you have to deal with point something in the pixel dimensions of an object so you definitely want to make sure that's set to one.
And then if we move on over to Tools, you want to make sure that your Nudge Distance is set to one pixel, and your Modifier Nudge Distance is set to 10 pixels. And the modify key to Nudge Pixels basically is holding down the shift key and pushing the left or right arrow, or up or down, and the Nudge Distance is basically not holding the shift key and just using the arrow keys. Okay. We have keyboard settings if you want to set your keyboard settings, you can do so here.
If you have a particular tool that you like to use and you find yourself using it more than one time, and there's not a keyboard setting for that, you wanna do that here. We'll go into more detail on that in a later video. So there you have it. Your preferences are now optimized for UI and UX design, and you're now ready to move on to the next section.
- Setting up your preferences and interface
- Creating new documents
- Using artboards
- Creating a wireframe or mockup
- Creating UI assets
- Exporting for prototyping