Introduction to Design
The course is part of this learning path
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.
- Learn the fundamentals of iOS app design
- Learn how to use Adobe XD
- Understand the various design components you can use for your 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 this lecture, we're going to see how we can create an ellipse or a circle and a triangle with Adobe XD. So, let me delete everything from here and we're going to choose this ellipse or circle and as you can see, it's the same thing as a rectangle, we get to choose its fill, we get to choose its borders, we get to delete the borders, we get to increase the size of the borders, the thickness of the borders. So, it's the same as rectangle. And if you hit shift while you create this view, it will create a proportionate ellipse. So, it will create a proportional circle for you like this, okay? So, if you don't hold on to shift, then you can create any circle like this, okay? And if you want to create a perfect circle like this, you have to hold on to shift. And you can use this option thing in here as well. So, if you hold onto the option, it will just take the first point as a center and it will expand the circle around your center. So, that's it actually for the circle, let me just try the triangle as well. So, as you can see, we can create a triangle here with the same technique. But I'm just going to show you something that we haven't seen before. So, let me create a new triangle over here and let me go over to 'Select Tool'. And now after you create a view, if you double click on that, it will go into the edit mode. So, now we get to edit and by editing, I don't mean changing its color and something, we get to edit everything, every aspect of this view like this. So, we can just take one corner and we can just move it around. And we can do that for other corners like this as well. So, once we create the triangle, now we're not done, we can just get to, we can just change it later on, and let me take this one further step. So, if we come over here we can even choose this spot to move around, so we can create something like this. Rather than a triangle now, we are having some weird shape over here. So, as you can see we have a great freedom here, we can just play with this thing, we can just make this a little bit bigger, a little bit longer, and we can just fill this up. We can do whatever we want with that. For example, I can rotate this like that, okay? And let me just move this around a little bit and let me zoom out so that you can see it better. Let me give it a black color and I can just make this a little bit smaller so that it would look like the send message thing or send direct message thing in Instagram, right? So, I can get to edit this a little bit more if I hit double click on that, and here we go. Now we have a send message icon. Of course it's not perfect right now and you're going to have to work on that a little bit if you want to use this on your app, but I believe that's the essence of this section. So, we get to create some basic images, basic visuals, easily by using this Adobe XD. And as you can see, we can do that in circles, in ellipses, and in every other views as well. Now I get to change this ellipse in whichever way I want. Like, I can even come here and do like this, right? So, it gives us a great freedom. I get to change the ellipse. I get to change the circle, I get to just change whatever aspect, whatever point that I want in a way that I want. So, as you can see, I managed to create a very ugly object in a very simple manner, okay? And it doesn't make sense to create views like this, but it's actually very good to have this freedom so that we can change the shapes, change the views in a way that we want, whenever we want. So, let's stop here and move along within the next lecture to see the other views as well.
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.