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.
- 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
This course is intended for anyone who wants to learn how to develop apps on iOS.
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 these two sections we have been working on design on Adobe XD for some time and we have learned the basics, the essentials of the Adobe XD. But if you don't feel yourself comfortable by creating a design from scratch so that you can use it on your own app, you can actually go and google for some free resources so that you can download them and edit them and adjust them to your own apps so that you can have really good looking apps, okay? So, let me show you an example. I'm just going to search for Adobe XD iOS resources. And as you can see we have a lot of results showing up in here. So, the first ones are actually the Apple Design Resources that we have seen before and we have the adobe.com as well, I'm just going to skip all of this and scroll down a little bit. For example, we're going to go for this xdresources.co and let me go for something else like XDGuru.com. And don't worry that it's saying that iOS 12 or iOS 11, you can find the latest ones here as well. For example, let me go over here to XD Guru and here you see some free UI kits. So, you can just click over here and you will see you have a lot of options. So, for example, we can search for iOS or we can just browse this and as you can see we have some UI kit for bookstore sample, and we have some restaurant sample as well, and we can just go for this xdresources.co and here we see the iOS 12 but we're not interested in iOS 12. So, let me come over here and just take a look around in this Cooin app. I believe this has something to do with Bitcoin or other cryptocurrencies, so maybe we can actually download this to see how it looks like. So, here we go, this is an app. So, this is a design for specifically cryptocurrency apps. But for example, let's suppose that we're building a cryptocurrency app, so we see this and we can just download this and we can use this on our apps, okay? So, let me find another example like we have Apple Pay over here and I believe this is too simple. So, let me go something, let me go for something more complicated like this Answerly app, okay? We can just download this one as well to see if we can get it. So, let me see, do we have a download button over here? Yep, so let me just click on that. Yep, this is actually in the drop back, so let me direct download this so that I can just use it on my computer, and let me open the downloads folder. So, let me start with Cooin app. So, let's see how it looks like. So, here we go. We have a web app and we have an iOS app, so we're interested in this particular one. And here we go, we have some buttons, we have some graphics, we have some labels over here, we can actually use those. So, if you're not actually building a cryptocurrency app but somehow you managed to get this in your computer, maybe you're particularly interested in this button. So, maybe you can edit this button or maybe you can just export this button as it is. If you click on this button, you can just say mark for export and you can just export this one if you want. And you can use it on your own app, right? You can try to change the color, you can try to use some view elements from here, and it's cool because you have a lot of options in the Internet and they're actually free. So, let me open this one as well. So, this is Answerly app so maybe I'm interested in the search bar or this microphone. I can order search, I can easily take those and use it on my own app. So, make sure you read the documentation from here and make sure it's actually free to use in your own app in order to avoid any patent or any other license issues, okay? But after you make sure you can actually use it, you can actually change it, you can edit it, and use it on your own apps. And for example, if you're building a restaurant app, its a good idea to search these websites for restaurant UI kits and find a related one so that you can easily adjust it to use your own apps, using your own apps, okay? So, I hope you enjoyed this course. So, this is the last section. Don't forget to rate and review the course, and if you manage to build something good out of this course, don't forget to send it to me so that I can share with other students as well in order to promote your app and in order to celebrate your success altogether. So, take care and see you in another course.
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.