1
00:00:01,240 --> 00:00:02,110
Welcome to

2
00:00:05,330 --> 00:00:09,560
our second stage in Design Foundations,
where we'll learn the

3
00:00:09,560 --> 00:00:14,250
importance of aesthetics, and why they are
so valuable to design.

4
00:00:14,250 --> 00:00:18,189
In this video, we'll cover format, line
and shape.

5
00:00:20,060 --> 00:00:23,300
All designs start off with a blank
substance, whether it

6
00:00:23,300 --> 00:00:26,700
be a blank piece of paper or a blank file.

7
00:00:26,700 --> 00:00:33,060
These raw mediums or spaces all have size
and shape, even if it's digital.

8
00:00:33,060 --> 00:00:36,960
This space is called the format of the
design.

9
00:00:36,960 --> 00:00:38,500
It's where everything is arranged.

10
00:00:39,570 --> 00:00:42,020
This could be two-dimensional or
three-dimensional.

11
00:00:43,140 --> 00:00:48,050
The format of the design can portray the
overall mood of the designer.

12
00:00:48,050 --> 00:00:50,620
Take a digital tablet for example.

13
00:00:50,620 --> 00:00:52,660
When we are in portrait mode, as opposed

14
00:00:52,660 --> 00:00:57,180
to landscape mode, we get two entirely
different layouts.

15
00:00:57,180 --> 00:00:59,010
This is due to the change in format.

16
00:01:00,110 --> 00:01:04,430
The format always needs to be considered
before we begin the design.

17
00:01:05,520 --> 00:01:10,150
Once the format is established, we then
are ready to design.

18
00:01:10,150 --> 00:01:11,670
Always keep in mind the format.

19
00:01:12,880 --> 00:01:16,045
Also, remember every two-dimensional
design has two

20
00:01:16,045 --> 00:01:19,990
parts: the picture plane and the frame.

21
00:01:19,990 --> 00:01:24,640
The picture plane is the space where the
design is taking place.

22
00:01:24,640 --> 00:01:29,170
The frame is the outer edge of the picture
plane.

23
00:01:29,170 --> 00:01:33,090
The frame specifies where the design
stops.

24
00:01:33,090 --> 00:01:36,530
The frame can be visible or implied.

25
00:01:36,530 --> 00:01:39,900
It can have a visual indicator, or a
contrast.

26
00:01:40,980 --> 00:01:46,060
We always want to start a design with a
format in mind and have the

27
00:01:46,060 --> 00:01:51,790
understanding that where the picture plane
ends and if the frame will appear.

28
00:01:52,840 --> 00:01:55,050
If you're getting ready to design a
website

29
00:01:55,050 --> 00:01:58,760
that is displayed on multiple devices and
screen sizes

30
00:01:58,760 --> 00:02:01,590
or formats, make sure to keep in mind the

31
00:02:01,590 --> 00:02:05,370
formats, so you can adjust for future
design layouts.

32
00:02:06,680 --> 00:02:07,950
Next up, we have line.

33
00:02:09,060 --> 00:02:13,820
One of the easiest elements of design to
understand, are lines.

34
00:02:13,820 --> 00:02:18,610
A line is a long, narrow mark or band
passing through a point.

35
00:02:18,610 --> 00:02:23,030
Before we understand a line, we must
understand what a point is.

36
00:02:23,030 --> 00:02:29,070
In most cases, the line has a beginning
and end point, where it starts and stops.

37
00:02:29,070 --> 00:02:33,170
The indication of the start and stop areas
are the points.

38
00:02:33,170 --> 00:02:36,380
The connection in between is the line, or

39
00:02:36,380 --> 00:02:39,910
long narrow mark, or band passing through
a point.

40
00:02:39,910 --> 00:02:41,880
You can have multiple points in one path.

41
00:02:43,100 --> 00:02:45,090
We now understand what a line is.

42
00:02:45,090 --> 00:02:48,160
Let's look at the different variations of
line and how

43
00:02:48,160 --> 00:02:51,350
we can use them to identify an
aesthetically pleasing design.

44
00:02:52,430 --> 00:02:54,200
Let's take a look at an arc.

45
00:02:54,200 --> 00:02:58,810
An arc is a line that has two points, the
start and stop points.

46
00:02:58,810 --> 00:03:04,630
But the line can bend away from the
points, then reaching the end point.

47
00:03:05,680 --> 00:03:08,170
When we're talking about the thickness of

48
00:03:08,170 --> 00:03:11,280
the line, we're talking about the line
weight.

49
00:03:11,280 --> 00:03:13,430
When we're talking about where it starts

50
00:03:13,430 --> 00:03:16,880
and stops, this refers to the line's
length.

51
00:03:18,000 --> 00:03:20,720
Now there's different variations to lines.

52
00:03:20,720 --> 00:03:22,160
There's organic.

53
00:03:22,160 --> 00:03:23,660
There's symmetrical.

54
00:03:23,660 --> 00:03:25,180
Then we have rough.

55
00:03:25,180 --> 00:03:27,260
And then a jagged line.

56
00:03:27,260 --> 00:03:31,730
We can also have line variety, which is a
mixture of these variations.

57
00:03:32,750 --> 00:03:36,550
When we create illustrations with just
using lines,.

58
00:03:36,550 --> 00:03:38,170
This is called contour lines.

59
00:03:39,490 --> 00:03:44,930
When dealing with lines, we can have
organized or unorganized lines.

60
00:03:44,930 --> 00:03:49,260
Also, we can use negative space to show
where a line may be.

61
00:03:50,370 --> 00:03:55,820
When dealing with graphic design, a lot of
designers use what we like to call a

62
00:03:55,820 --> 00:04:00,060
grid, which is comprised of horizontal and
vertical

63
00:04:00,060 --> 00:04:03,850
lines crossing one another, that are
evenly spaced.

64
00:04:03,850 --> 00:04:05,570
These are called grids.

65
00:04:05,570 --> 00:04:11,170
We use these to line up specific objects
or whatever the subject matter may be.

66
00:04:12,300 --> 00:04:16,370
Lines can also form shapes as well as
textures.

67
00:04:16,370 --> 00:04:18,590
Next let's take a look at shapes.

68
00:04:19,700 --> 00:04:23,330
Shape is an external form or appearance of
something.

69
00:04:23,330 --> 00:04:27,000
Lines and points are the building blocks
of shapes.

70
00:04:27,000 --> 00:04:31,420
Also, incomplete contour paths can create
shapes.

71
00:04:31,420 --> 00:04:35,870
Let's take a look at a geometric shape,
versus an organic shape.

72
00:04:37,030 --> 00:04:40,340
Now let's take a look at how these
examples are in

73
00:04:40,340 --> 00:04:46,270
everyday life, like architecture and
furniture; even with our mobile devices.

74
00:04:46,270 --> 00:04:50,900
Knowing your format, or formats, prior to
design is crucial.

75
00:04:50,900 --> 00:04:55,760
Now that we have a solid understanding of
what format, line, and shape are,

76
00:04:55,760 --> 00:04:59,200
and how they play a huge roll in design,
let's take a quick quiz.