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're focused solely on UI and UX design. Since we're 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 us take a moment and go over the preferences panel. If you go over here to the top, right under Affinity Designer, and go down to Preferences. Now we're going to go over here to the first option in the main screen which is the general option, and if you look in here, you'll notice that I have everything checked off that I want by default is fine.
Usually when you start up, copy items as SVG is unchecked. Make sure that's checked on, everything else by default is fine. Also, if you're a English speaker, you may want to change the interface to say English instead, and the difference between English and the default, you may end up having it set to just regular English, which is British English. So things like the word color, instead of or, it'd be our. So small little details like that may throw you off, so make sure that, depending on where you are, you have the right language set.
Let's go back to the main screen. Under color by default, you're probably going to have this set to SRGB or Apple RGB. You want to be set at display. Display is specific to people who are working with many different types of screens and so you want to make sure that we have the right average of color between PC and Mac, and all these handheld devices, so display is what you want to have it set at. If you were using SRGB, you're probably using it because you're using a lot of imagery, pictures, and that's usually not the case for us.
All right, so make sure that's set to display. The other items here, they're perfectly fine. Moving on to performance. By default, the performance settings are perfect. I don't find that I have any issues, but some people may have issues, and they need more RAM. You could always increase it here. Also, the undo limit is set by default at 1024. I don't think anybody is going to go above that, but you may be a special case, so you can always increase that. Then if you go down here in the other settings, everything is set by default.
It's perfectly fine. Let's go back to the main screen. User interface, so there's a new feature in here that I think a lot of you will be excited about. By default, we know that you can change the background level here and the tunnel gray value, which didn't really make much of an adjustment, and that was a big deal for some people. Some people don't like this dark UI, but now, if you go down here, you'll see UI style. If you click light, you now have a bright light UI.
So if you prefer this, you should be very happy that is now incorporated, but I like the dark, so I'm going to set it by default at dark. Below here, decimal places for unit types, you could have multiple decimal places if you want, but since we're doing UI and UX design, we like to work in whole pixels as much as possible. If you start working with point something, you'll end up having issues with things lining up, and there are other programming issues that are involved, so we try to work at whole pixels.
If you need to add a decimal point, then you definitely want to set your pixels or your points depending on if you're working on an app or if you're working for the web, you could set that right here. The other settings down here, they're perfectly fine. Another new feature though you may want to incorporate, depending on if you have a newer Apple machine, they do have support now for the touch bar, so definitely turn that on if you're using it. I'm not using a touch bar, so I'm goin to turn that off. Going back here, if we take a look at the tools.
You could change the size of the tool handles, and what I mean by the tool handles are, let's just drag out a little box right here. These little handles here, you may want to increase that if you have weaker eyes. If you have strong eyes, you'll probably have the smallest. I find the default to be perfectly fine, so you can leave that there. Nudge distance, we'll keep that at a standard one pixel. By default, it's usually set there, but if not, make sure it's one pixel, and 10 pixels using the modifier key, and the modifier key would be, if you hold down the shift key, you grab the move tool, select your object, you hold down the shift key, and you hit any of the keys, it will move it over 10 pixels at a time rather than one.
I'm going back. Keyboard shortcuts, that I leave up to you. Depending on how you work, if there's a certain amount of keyboard shortcuts that you use in other applications, and you like to see those shortcuts here, you could always add them in. All you have to do is make sure you pick the proper persona that you're working in right here. Make sure that it's under the right menu item. For instance, if I change this to file, all the menu items under file will have all the shortcuts, and you can see all the defaults right here yourself.
You can clear them and add your own, so go ahead and edit that to your heart's content. Down here under miscellaneous, these resets, leave them alone. There's no reason for you to reset those. If you do, anything that you've imported, any special brushes, any type of swatches, it will get rid of them. So if you haven't saved them and backed them up somewhere, the reset will reset everything. Okay, so there's no reason to touch that. So there you have it, your preferences are now optimized for UI and UX design, and now you're ready to move on to the next section.
- Setting up your workspace
- Creating new documents
- Using artboards
- Creating a wireframe or mockup
- Creating UI assets
- Exporting for prototyping