Voiceover: Welcome to the first lecture about web design. 2 2
I hope you already downloaded your copy of the course ebook. 3 3
If you didn't, you should do that right now. 4 4
It is in the previous lecture. 5 5
So besides all the things you will learn in the course, 6 6
I also share a lot of resources with you in the course ebook 7 7
as we go over the different topics of this course. 8 8
This will make your life as a web designer a lot easier. 9 9
This ebook actually contains material that is not covered in 10 10
this course, but in my other course, 11 11
which is about web design and web development. 12 12
So take a look at that material as well. 13 13
Now before we start, let's first distinguish 14 14
between web designer and web developer. 15 15
The designer is the one who creates 16 16
the look and feel of the web site. 17 17
The developer then actually builds a web site based 18 18
on the design from the designer. 19 19
A front-end developer uses languages 20 20
such as HTML, CSS, and JavaScript 21 21
for the front-end which is 22 22
the visible part of the web sites. 23 23
Now the lines between designers and developers 24 24
are becoming more blurred as learning to code 25 25
is getting easier for designers 26 26
and designing is getting easier to developers. 27 27
So if you're already familiar with HTML and CSS, 28 28
or Photoshop or some other graphical software, 29 29
you can take the guidelines and rules you will learn 30 30
in this course, and start using them today 31 31
to design beautiful web sites. 32 32
Now there's actually a good reason why it's getting easier 33 33
to get started with web design. 34 34
And I'm talking about flat design, which is 35 35
the big, new design trend popularized 36 36
by Microsoft and Apple. 37 37
The introduction of flat design completely changed 38 38
the way we design today. 39 39
I will explain this based here on Apple's iOS 40 40
that we can see here in this picture. 41 41
So on the left side, you have the old iOS6, 42 42
with all those shadows, 43 43
color gradients, textures, and bubbles. 44 44
On the right side, the new iOS7 look and feel. 45 45
Now flat design gets rid of all 46 46
those shadows, color gradients, textures, 47 47
and so on, leaving us with a two-dimensional design 48 48
without losing their functionality. 49 49
Most people perceive flat design 50 50
as being simple, clean, and modern. 51 51
I personally think that interface on 52 52
the right side looks really much cleaner 53 53
and more elegant as well. 54 54
Or maybe look at these two login forms. 55 55
I mean, would you find it easier 56 56
to design the left or the right interface? 57 57
And that's what I'm talking about. 58 58
So this is a huge opportunity 59 59
for new designers just like you. 60 60
Or look at these beautiful flat web designs. 61 61
Now I'm not saying that it's easy 62 62
to design these sites because it really is not. 63 63
But for a complete beginner, I think it's easier 64 64
to get started with this type of design 65 65
because it's technically easier to do. 66 66
You will see lots of web sites 67 67
like these over the next lectures. 68 68
So that's it about the introduction to web design. 69 69
I think it's very important that you start to get a feeling 70 70
for what's happening in the world of web design right now. 71 71
So that's why I gave you this short introduction. 72 72
And now we will start learning 73 73
some guidelines about typography. 74 74
Make sure you don't miss them.