Introduction to Designing iOS Apps
Select Your Tool

This course explores the fundamentals of how to design an iOS app. You'll learn what you need to consider in the design process and the various tools available.

Learning Objectives

  • Learn the fundamentals of iOS app design
  • Learn how to use Adobe XD
  • Understand the various design components you can use for your apps

Intended Audience

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. So far we have been learning about iOS development and actually we have learnt a lot so that you can create your own apps, you can make money out of your own apps, you can apply to be a professional iOS developer and so much more. But right now, you don't know how to do a design, a simple design. Like, you don't know how to engage in user interface and user experience situations. So, I'm going to show you a way to enhance your design skills. Okay. We're going to be working with design software, we're going to see how we can create easy images to use in our apps so that we can take care of little image, little visual problems. And in order to do that, we have to come up with a software, with a tool to work on. So, I'm going to show you a couple of alternatives so that you can choose one.

So, if you come over here to Google, you can search for our first option which is Sketch. Actually, it's not our first option. We're not going to use this because it's not free. But it's a very popular tool and in fact, I believe this is the first choice when it comes to UI and UX design for mobile apps. And it goes like this, This is a digital design tool. As you can see, it kind of looks like this where it lets you create new good designs for your mobile apps. And the other tool that I'm talking about is the Adobe XD. So, if you search for Adobe XD, it will bring you in a website like this. As you can see, this is the Adobe XD website. And if you search for Adobe XD, I believe you can just easily find this and the most beautiful part of this, this is for free. Adobe XD is completely free. Whereas, you're going to have to pay for Sketch.

I believe they're pretty much the same. And since we are not looking for to be a designer or a UI UX person, I believe we're good to go with Adobe XD because they're almost the same thing. And Adobe XD for free and you have to pay I believe like $100 per year for Sketch. Right now, I have Sketch in my computer as you can see, I pay for it. And because I got used to it in a long time ago and Adobe XD only came out like a couple of years ago. So, I'm still using this Sketch. As you can see, it's pretty easy to use this. And you have seen me doing some stuff, some visuals on my computer before in the development section as well. But right now, I'm just going to go with Adobe XD. So, as you can see, if you come to the pricing of schedule we'll see it will ask you for $100 to pay and it will only give you one year of updates. So, if you want to update your schedule later on, then you're going to have to pay it one more time. So, it's not cheap. It's 100 bucks like getting an apple developer account. So, it's expensive to be an iOS developer as you can see, but you can make it for free as well. So, I really suggest you come here to Adobe XD website and just download this. And if you have any existing tools on your computer like Photoshop or something, then you're more than welcome to follow this section with Photoshop as well.

We're going to discuss why are we using Adobe XD rather than Photoshop and other tools later on. But right now, if you click over here, it will ask you to create an account. So, this is an Adobe account so it won't ask you for a credit card or something. So, if you just click over here to create account, you're going to have to give your first name, last name, email and everything and it will create the account for you. So, since I have an account, let me come over here and sign in and I don't want to give any phone number over here right now. After that you can just come over here and it will ask you for a permission to download. If you click on 'Download,' it will download not the Adobe XD, but this Adobe Creative Cloud application for you. Okay. So, maybe you're going to have to do some little installing but I believe you can do that if this asks. And as you can see in my case it won't ask anything, it just opens this up. And as you can see, this is a tool to manage all Adobe Software. Right now I only have XD in my computer, but Adobe has a lot of other tools as well, like Photoshop actually belongs to the Adobe itself.

So, after you install these tools as you can see, you can update them using this Adobe tool easily. As you can see there are a lot of options over here, but I'm just going to go with Adobe XD. I don't even know what those software do, most of them actually. And you can use the Photoshop if you have it on your computer as I said before. But, Photoshop is actually for editing the photography, doing some big images and focusing on editing and creating new visuals. But in adobe XD and in Sketch we focus on designing mobile apps. So, if you see this Install button right next to the Adobe XD, just click on it and it will start to download it for you. Okay? So, after you download you can come over here to your Launch pad and find the Adobe XD or you can hit command and space in your computer to find the Adobe XD and open it as well.

Right now I believe my update is completed for me. If I click over here to open, it will pop open a page like this. So, when you see this, maybe you can see some little differences as well because Adobe XD actually gets updated every month. So, Adobe is doing a very good job of keeping this up to date. They're very current. They're adding new features to the Adobe XD every month. So, it's super cool. And don't hesitate to try out the Sketch as well. You will see it's doing the same thing as Adobe XD. So, if you're thinking that, I'm missing out something in Sketch because I'm not paying for it. That's not really the case. Okay. So, after you select this, then you're ready to go into the next lecture because that's where we are going to create our first project.


About the Author
Learning Paths

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.

Covered Topics