Original subtitles

1 1

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.