Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Design Foundations!
You have completed Design Foundations!
Preview
In this video we will cover Format, Line & Shape and how they are used in design.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Welcome to
0:01
our second stage in Design Foundations,
where we'll learn the
0:05
importance of aesthetics, and why they are
so valuable to design.
0:09
In this video, we'll cover format, line
and shape.
0:14
All designs start off with a blank
substance, whether it
0:20
be a blank piece of paper or a blank file.
0:23
These raw mediums or spaces all have size
and shape, even if it's digital.
0:26
This space is called the format of the
design.
0:33
It's where everything is arranged.
0:36
This could be two-dimensional or
three-dimensional.
0:39
The format of the design can portray the
overall mood of the designer.
0:43
Take a digital tablet for example.
0:48
When we are in portrait mode, as opposed
0:50
to landscape mode, we get two entirely
different layouts.
0:52
This is due to the change in format.
0:57
The format always needs to be considered
before we begin the design.
1:00
Once the format is established, we then
are ready to design.
1:05
Always keep in mind the format.
1:10
Also, remember every two-dimensional
design has two
1:12
parts: the picture plane and the frame.
1:16
The picture plane is the space where the
design is taking place.
1:19
The frame is the outer edge of the picture
plane.
1:24
The frame specifies where the design
stops.
1:29
The frame can be visible or implied.
1:33
It can have a visual indicator, or a
contrast.
1:36
We always want to start a design with a
format in mind and have the
1:40
understanding that where the picture plane
ends and if the frame will appear.
1:46
If you're getting ready to design a
website
1:52
that is displayed on multiple devices and
screen sizes
1:55
or formats, make sure to keep in mind the
1:58
formats, so you can adjust for future
design layouts.
2:01
Next up, we have line.
2:06
One of the easiest elements of design to
understand, are lines.
2:09
A line is a long, narrow mark or band
passing through a point.
2:13
Before we understand a line, we must
understand what a point is.
2:18
In most cases, the line has a beginning
and end point, where it starts and stops.
2:23
The indication of the start and stop areas
are the points.
2:29
The connection in between is the line, or
2:33
long narrow mark, or band passing through
a point.
2:36
You can have multiple points in one path.
2:39
We now understand what a line is.
2:43
Let's look at the different variations of
line and how
2:45
we can use them to identify an
aesthetically pleasing design.
2:48
Let's take a look at an arc.
2:52
An arc is a line that has two points, the
start and stop points.
2:54
But the line can bend away from the
points, then reaching the end point.
2:58
When we're talking about the thickness of
3:05
the line, we're talking about the line
weight.
3:08
When we're talking about where it starts
3:11
and stops, this refers to the line's
length.
3:13
Now there's different variations to lines.
3:18
There's organic.
3:20
There's symmetrical.
3:22
Then we have rough.
3:23
And then a jagged line.
3:25
We can also have line variety, which is a
mixture of these variations.
3:27
When we create illustrations with just
using lines,.
3:32
This is called contour lines.
3:36
When dealing with lines, we can have
organized or unorganized lines.
3:39
Also, we can use negative space to show
where a line may be.
3:44
When dealing with graphic design, a lot of
designers use what we like to call a
3:50
grid, which is comprised of horizontal and
vertical
3:55
lines crossing one another, that are
evenly spaced.
4:00
These are called grids.
4:03
We use these to line up specific objects
or whatever the subject matter may be.
4:05
Lines can also form shapes as well as
textures.
4:12
Next let's take a look at shapes.
4:16
Shape is an external form or appearance of
something.
4:19
Lines and points are the building blocks
of shapes.
4:23
Also, incomplete contour paths can create
shapes.
4:27
Let's take a look at a geometric shape,
versus an organic shape.
4:31
Now let's take a look at how these
examples are in
4:37
everyday life, like architecture and
furniture; even with our mobile devices.
4:40
Knowing your format, or formats, prior to
design is crucial.
4:46
Now that we have a solid understanding of
what format, line, and shape are,
4:50
and how they play a huge roll in design,
let's take a quick quiz.
4:55
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up