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 section, we're going to see some really cool operations. In order to do that, I'm going to delete everything. Okay? So, I'm going to start with a fresh new art board. So, I'm going to have two views over here. One, rectangle. Okay? So, let me give some color to our rectangle so that we can see it better. And let me lose the borders because we don't need them. And I'm going to have another shape over here. So, let me delete it. I'm going to have circles, so that we would have two different views. And I'm going to give some color to this circle as well. And I'm going to make it different, so that we can actually see that we have two different objects over here. So, one will be yellow and the other one will be green. And now I'm going to choose both of them. And I'm going to do some operations that we have never seen before. So, if you come over to right-hand side, you will see this Add, you will see the Subtract. Okay? You will see the Intersect, and also Exclude Overlap. And these are actually very literal. So, it will add two views together, it will subtract one from the other. Okay? And we are going to see how we can leverage them when we try to create some views. For example, let me hit on 'Add'. And as you can see, we added two views together, and we actually made a union out of those views together. So, they are together right now, they are in a union, and we added them together. But actually, we get to edit them if we want. If we double-click on them, we can see the subcategories over here, the sub-views, I mean. And I get to change the position, I get to change the view if I want, and I can just hit somewhere out of this frame to finalize my editing. So, here we go. That's how you make unions. So, I'm going to hit command 'Z' to undo this. And I'm going to just subtract this time. So, if I click over here, as you can see, it subtracted the part that it intersects with the rectangle. So, I get to do this. So, it will actually come very handy if you try to cut something out of a shape like that. Okay? Now, let's try the intersect. And as you can see, we are left with the intersection of the two views. So, it's kind of cool, right? You can just take the intersection like that. And let's do the excluding as well. And as you can see, the excluding the overlap and we are left with the other views. So, you can use these operations. And right now, you can think that, "Yeah, we are not going to be designers, why are you showing these details to us?" But actually, it's very convenient to use these methods in order to create some basic views as well. So, this is a real time saver. And over here, we have some alignment buttons as well. We haven't worked with them before. So, it's an alignment inside of our art boards, so you can just click over here to make this aligned centrally, top, bottom, left, right, center. Okay? So, for example, if I hit the "To Centers", then I place the view on the center, middle of the screen over here. So, that's it for our views, for our operations. We're going to see a final operation called Masking 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.