1. Home
  2. Training Library
  3. Programming
  4. Programming Courses
  5. Introduction to Designing iOS Apps

Line and Pen

Contents

keyboard_tab
Introduction to Design
1
Select Your Tool
PREVIEW7m 28s
2
Adobe XD Overview
PREVIEW5m 31s
3
Rectangle
7m 12s
7
8
Masking
3m 7s
9
Export
8m 12s

The course is part of this learning path

Start course
Overview
Difficulty
Intermediate
Duration
49m
Students
22
Ratings
5/5
starstarstarstarstar
Description

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.

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.

Transcript

Hi, within this lecture, we're going to see the other views like Pen over here or a Line. So, let me show you how this works. So, let me select this line, and if I hold on to Shift, it will ask me to, it will actually guide me to draw a straight line like this. If I don't hold on to Shift, I can just create a line in any way that I want. But as you can see, if I hold on to shift it will only create, it will only let me to create lines in like 45° or 90°. So over here, I can just change the border because I don't have a fill option right now. Since I'm in a line, I can increase the size of the line by clicking over here and using my up arrow or down arrow in my keyboard, or I can just write whatever I want over here. If I increase the dashes, it will just dash me up over here. And I can even specify the gaps between the dashes as well. So, let's see the other features over here, because we have been focusing on the same features in every view. So, let me make the zero, and as you can see now, I get to change this in a way that I want when I hit the Select tool. So, let me come over here and show you something. If I choose this round cap thing, it will round the caps up. So, let me zoom in so you can see it better. As you can see, now I have a round top. If I choose this or this, it will have a sharp edge over here, but if I choose this it will have a round edge. So, it's pretty easy to do that. And now, I can get to change this or make it bigger or smaller in a way that I want. And if I command+C and command+V, I can just copy and paste this using my keyboard. I can just do something like this to create an X shape, for example. And as you can see there are some guidelines showing me the alignments so I can create the exact same line over here so that I can have an X. So, that we can create an Amsterdam logo out of this. So, let me do an X. And then we're going to copy this three times to have an Amsterdam logo. For example, I can just choose this X. And rather than copying and pasting it, I'm going to use this great thing and here you go. Now I have this same X, three times. So, let me just change the color and here we go. We have a beautiful three X Amsterdam logo. So, you can do stuff like this very easily, very interactive way as you can see. So, this Adobe mix is actually very intelligent, it understands what you're trying to do and it's actually guides you to do that as well. So, let me try some other feature called Pen. It's actually very easy to use, but very hard to master, because, as you can see, it actually doesn't stop after I click over somewhere, it just goes on and on and on. If I hit escape, it will stop of course, but it's hard to master it, because you can do shapes like this and you can fill them up, you can change the color, you can change the border in a way that you want, but you would be creating, you would be drawing the shape yourself by using this pen. So, if you do something wrong, it won't look good. After that of course, you can double click and edit this in a way that you want. So, it's not very hard, but if you try to do something like this by bending the shapes or changing some points like this, and you have to be a little bit skilled to do that so that it won't look bad. So, over here we have some sharp turns or smooth turns like this. If you just choose one of them, it will try to smooth up these edges, smooth up these corners so that we won't have sharp corners like this. So, this is like a rounded captain, you can just choose it. So right now, it doesn't really show effect because we have a very small area over here. Maybe you can see the difference. I can't even hardly see it. But in other shapes, you can use this like we did in the rounded cap thing. So, you can try this on your own time to see if it really makes difference, if it really makes it smooth or not. So, that's it for Pen and that's it for Line. So, we're going to see these examples later on when we practice these skills. Don't worry. We're going to stop you right now, we're going to continue with the next views on the next lecture.

About the Author
Students
899
Courses
55
Learning Paths
3

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