The course is part of this learning path
This course covers how to implement a range of design features within your iOS app. In order to do that, we're going to use Adobe XD, and you will see it in practice.
Learning Objectives
- Learn how to draw icons and logos within your app
- Use UI kits to help you when building your app
- Understand the free resources that you can use as templates for your own apps
Intended Audience
This course is intended for anyone who wants to learn how to develop apps on iOS.
Prerequisites
To get the most out of this course, some basic knowledge of iOS development would be beneficial. We recommend that you take this course as part of the Developing Mobile Apps for iOS learning path.
Hi. Within this lecture, we're going to see another examples of plugins so that we can know how to work with them efficiently. So, let me create a new art board over here. Okay? And this time, let's go for this Pattern Maker, okay? Since I already have this. And let me change this name to something like Dating App. Okay? So, this will be our dating app design. And this will be our other example of plugins. And we can just try this Pattern Maker as well. So, it actually lets us create patterns using some shapes or images. Of course, I cannot do that right now because I don't have any shapes. But, in fact, I can choose how many columns and how many rows I want in a pattern; like this or that. So, if you say, "Make Pattern" right now, it won't make any pattern because I don't have any shape. So, let me create a shape over here so that we can work with that one. So, let me bring in some circle again. And this time, I'm just going to fill this in with a color like that. Okay? And then I'm just going to use this to create this scattered pattern. And as you can see, it easily created the pattern in less than one second. And, of course, we can go with that one as well. But since I already have too much, it created a lot of circles over here. So, let me do command Z. And just with one circle, let me try to create this pattern. And as you can see, I have this dice shaped color, dice shaped, actually, design so that I can even use this as a dice or any other pattern that I want in my app. So, as you can see, it's very easy to use plugins and it's actually very helpful if you try to come up with a shape like that. So, let me try to find another one. And as you can see, we have a lot of options. And if you want to go for most popular ones, you can just come over here and choose the 'Popular' to see it ascending like that. So, as you can see, the UI Faces is the most popular one at this moment, actually. And here we go. Now, we have other options like Icons and Symbols. So, let's try to install this and use this. So, let me install this. And you will see it will provide us with very good icons and symbols so that we can use it on our own projects. So, let me close this down and let me come over here. And it asks us to search for an icon. For example, I'm just going to go for a search. So, since we already have done one before... And as you can see, we have a lot of options over here. So, if you want to use any of them, you can just click onto them and it will just add it to your project. So, here you go. Now, we have some kind of search icon over here and it looks like hours but it's much better. As you can see, it has this little options over here. And the best part of this, you can actually get to edit them as well in a way that you want. So, you can get icons from that plugin and you can try to create your own way by editing them later on. So, I suggest you go for the plugins and you search for the most popular ones, and try to use them to make yourself self comfortable with Adobe XD in a much better way. So, we're going to stop here and continue on our practices in the next lecture.
Atil is an instructor at Bogazici University, where he graduated back in 2010. He is also co-founder of Academy Club, which provides training, and Pera Games, which operates in the mobile gaming industry.