0
1
00:00:00,120 --> 00:00:00,450
All right.
1

2
00:00:00,450 --> 00:00:01,560
Fire up your Figma.
2

3
00:00:01,560 --> 00:00:04,090
Time for another typography assignment.
3

4
00:00:04,110 --> 00:00:10,200
We're going to put everything you have learned so far about typefaces into practice. Just like in the
4

5
00:00:10,200 --> 00:00:11,070
previous assignment,
5

6
00:00:11,070 --> 00:00:16,560
I have arranged three text blocks. This time they are all in single typeface.
6

7
00:00:16,560 --> 00:00:21,010
Your task is to pick 2 font pairings for each text block.
7

8
00:00:21,030 --> 00:00:28,440
Plus, just like you did in the previous exercise, set the type for each text to achieve: 1. Good hierarchy.
8

9
00:00:28,440 --> 00:00:30,750
2. And second, good readability.
9

10
00:00:30,750 --> 00:00:36,600
Just like you've done the last time. You will pick a total of 6 different fonts, 3 for headlines
10

11
00:00:36,630 --> 00:00:39,680
and 3 for paragraph text. When you choose your typefaces,
11

12
00:00:39,690 --> 00:00:43,880
I want you to use what you have learned about type personality.
12

13
00:00:44,010 --> 00:00:46,020
Rewatch the video about personalities,
13

14
00:00:46,020 --> 00:00:50,840
if you need to. I want you to think about the context that you are choosing for.
14

15
00:00:50,840 --> 00:00:57,610
And pick one of the typefaces that shows the personality, that is good for that context.
15

16
00:00:57,720 --> 00:01:02,510
As you read the headlines you will notice that first text is about travel and Hawaii.
16

17
00:01:02,520 --> 00:01:07,140
Second one is about cooking and barbecue. And the third one is about technology.
17

18
00:01:07,140 --> 00:01:13,680
Now here's a hint, the type with a personality should be for the headline. For the paragraph, you should
18

19
00:01:13,680 --> 00:01:17,530
choose something a bit more neutral with high readability.
19

20
00:01:17,550 --> 00:01:22,200
By the way, if you're wondering why the text doesn't end properly. I just didn't put the entire article
20

21
00:01:22,200 --> 00:01:26,020
in there. It's just an excerpt from some random blog articles that I picked.
21

22
00:01:26,070 --> 00:01:30,210
Let me do a demo for the first one. So the text is about travel to the islands of Hawaii.
22

23
00:01:30,210 --> 00:01:35,850
Now I'm going to think about, what sort of typeface can display that feeling of travel to beautiful sandy
23

24
00:01:35,850 --> 00:01:41,940
beaches. To get a better feel of the style of such theme, I'm going to Google some images of Hawaii and see
24

25
00:01:42,330 --> 00:01:46,680
if there is some sort of style of a typography that is used locally in Hawaii.
25

26
00:01:54,500 --> 00:01:59,730
With a quick search, I can see that there are actually certain typefaces that are used in Hawaiian theme.
26

27
00:01:59,780 --> 00:02:04,430
This for example. Might also search for things like postcards and signs in Hawaii.
27

28
00:02:23,610 --> 00:02:24,000
Look at that.
28

29
00:02:24,000 --> 00:02:29,760
Now I have authentic examples of typography that is actually in use on the islands and that will remind
29

30
00:02:29,760 --> 00:02:30,780
people of Hawaii.
30

31
00:02:30,810 --> 00:02:34,340
It seems like the Script/Handwritten typeface is the way to go.
31

32
00:02:34,410 --> 00:02:38,100
Let's see what I can find on Google fonts that matches this theme.
32

33
00:02:38,100 --> 00:02:44,880
I'm going to filter only handwriting fonts and will paste in our text to give me the exact demonstration.
33

34
00:02:52,320 --> 00:02:55,440
You can see that, there are several fonts that can be quite suitable.
34

35
00:02:55,440 --> 00:02:58,640
This Dancing Script for example looks good.
35

36
00:02:58,680 --> 00:03:00,180
Pay attention to the font name.
36

37
00:03:00,180 --> 00:03:04,290
A lot of times they will give you the hint on what's the theme of the font.
37

38
00:03:04,350 --> 00:03:09,500
Because I googled some images and real examples beforehand, I was able to get the right feel for Hawaii.
38

39
00:03:09,500 --> 00:03:14,940
Now picking the font is much easier, because I can recognize similarities in the postcards and signs.
39

40
00:03:15,390 --> 00:03:19,740
As I browse fonts, I am also looking for those that have high readability.
40

41
00:03:19,740 --> 00:03:25,410
It doesn't matter that it's a headline, I still want it to be readable. Difficult to read fonts like these
41

42
00:03:25,410 --> 00:03:28,350
are going to be a bad choice, no matter how good they look.
42

43
00:03:28,470 --> 00:03:34,140
Okay, I think I have enough to choose from. Now I'm going to read the manual of these fonts that I've selected,
43

44
00:03:34,140 --> 00:03:38,750
to see what where they intended for. First is Dancing Star,
44

45
00:03:38,780 --> 00:03:44,370
I already see a problem with this one. On capitalized  sentence, like in my headline, the readability was
45

46
00:03:44,370 --> 00:03:49,200
better. But on lower case words readability is significantly decreased.
46

47
00:03:49,200 --> 00:03:52,850
Yes, I'm going to use uppercase for my headline, but what if I changed my mind?
47

48
00:03:52,850 --> 00:03:54,900
It very much limits my options.
48

49
00:03:54,900 --> 00:03:58,680
The second, is Kaushan Script. Kaushan,
49

50
00:03:58,690 --> 00:04:01,740
not sure. The description of the font is quite neutral.
50

51
00:04:01,740 --> 00:04:04,760
It doesn't look like it was intended for a very limited to theme.
51

52
00:04:04,860 --> 00:04:09,870
It looks quite fun and laid back, just the way I would imagine being in Hawaii. So I'm going to go with
52

53
00:04:09,870 --> 00:04:10,050
it.
53

54
00:04:45,310 --> 00:04:54,840
One thing you'll notice here is that a headline isn't really aligned with the paragraph.
54

55
00:04:54,850 --> 00:04:57,220
This happens a lot with large display text.
55

56
00:04:57,220 --> 00:05:01,330
They have extra space and you will need to fix this manually.
56

57
00:05:01,390 --> 00:05:04,380
Otherwise, the design will look unaligned.
57

58
00:05:04,420 --> 00:05:09,030
Remember our lesson about optical illusions? Ruler isn't what matters in design.
58

59
00:05:09,040 --> 00:05:10,030
It's the eye.
59

60
00:05:10,090 --> 00:05:13,340
If something looks not aligned, then it's not aligned.
60

61
00:05:13,360 --> 00:05:13,910
Done.
61

62
00:05:14,000 --> 00:05:16,260
Now, it looks on the dot. For the paragraph,
62

63
00:05:16,270 --> 00:05:17,620
I'm gonna go with something neutral.
63

64
00:05:17,620 --> 00:05:20,290
The obvious choice would be a Sans Serif font.
64

65
00:05:26,260 --> 00:05:30,880
I'm going to change the tex style to Paragraph from here, and apply to All Specimens.
65

66
00:05:35,190 --> 00:05:38,010
This way I can clearly see how they look in paragraph.
66

67
00:05:42,320 --> 00:05:45,820
Open Sans is an obvious choice, is a very popular and an excellent font.
67

68
00:05:45,870 --> 00:05:48,170
Roboto is another very popular font.
68

69
00:05:48,200 --> 00:05:49,290
I quite like Lato.
69

70
00:05:49,310 --> 00:05:51,560
It's a very good font that I use frequently.
70

71
00:05:51,560 --> 00:05:54,770
It has a very nice style even on headlines.
71

72
00:05:56,610 --> 00:05:59,080
And look at this Lato means summer in Polish.
72

73
00:05:59,080 --> 00:06:01,810
That's certainly a perfect font for our Hawaii theme.
73

74
00:06:01,810 --> 00:06:06,750
This was a lucky shot. With neutral paragraph text, you don't have to go on a crazy search for the right
74

75
00:06:06,800 --> 00:06:07,020
font,
75

76
00:06:07,030 --> 00:06:10,000
that was designed with exactly the same feeling.
76

77
00:06:23,900 --> 00:06:29,210
I'm going to make the paragraph more like a dark grey rather than a full contrast black.
77

78
00:06:29,210 --> 00:06:35,140
This is a great way to add airiness to paragraph text without using a thinner font weight. Avoid themed
78

79
00:06:35,150 --> 00:06:41,660
styles for body texts, because they're not very good on, low-resolution screens.
79

80
00:06:42,980 --> 00:06:43,680
There, we have it.
80

81
00:06:43,790 --> 00:06:46,680
2 font pairs for a Hawaii themed text block.
81

82
00:06:46,680 --> 00:06:50,590
It looks exciting? Yes. It's stylish and it's easy to read.
82

83
00:06:50,610 --> 00:06:52,160
Now it's your turn.
83

84
00:06:52,170 --> 00:06:52,980
One more thing.
84

85
00:06:52,980 --> 00:06:58,510
On top of each text block, I want you to write down your reasoning behind your font choices, as you've
85

86
00:06:58,530 --> 00:07:04,020
already done in the type personality assignment, remember? Writing down your thought process is going
86

87
00:07:04,020 --> 00:07:06,500
to get you used to thinking like a designer.
87

88
00:07:06,600 --> 00:07:10,200
You will start seeing things on deeper and more detailed level.
88

89
00:07:10,240 --> 00:07:15,820
And also you'll realize often, that you made a choice for a font without thinking about it. Because maybe
89

90
00:07:15,820 --> 00:07:16,620
it just look pretty.