0
1
00:00:00,120 --> 00:00:02,880
Here's a fun exercise on type personalities.
1

2
00:00:03,040 --> 00:00:05,880
I have wrote out seven different phrases in this Figma file.
2

3
00:00:05,880 --> 00:00:08,480
Go ahead and get to this Figma file
3

4
00:00:08,520 --> 00:00:11,080
you'll see in the resources of this video.
4

5
00:00:11,120 --> 00:00:15,840
I want you to choose the typeface for each phrase, that you think is suitable for it.
5

6
00:00:15,840 --> 00:00:20,680
You can use either fonts that are installed on your computer, or Google fonts that come with Figma.
6

7
00:00:20,800 --> 00:00:26,400
Google fonts is a great repository of a lot of free, yet beautifully designed fonts. When you click the font
7

8
00:00:26,400 --> 00:00:31,720
selector in Figma,  it will give you choices of both: the fonts that are installed on your computer and
8

9
00:00:31,720 --> 00:00:36,960
the Google fonts. Choosing fonts right from this dropdown is not very useful, because it doesn't give
9

10
00:00:36,960 --> 00:00:41,600
us a visual display of how the font actually looks.
10

11
00:00:41,600 --> 00:00:49,520
What we can do instead, is to go on fonts.google.com and find the right typeface there.
11

12
00:00:49,560 --> 00:00:57,040
So for example, for the "Fitness Coach", I would look for a typeface that is strong and bold. Possibly something
12

13
00:00:57,040 --> 00:01:03,520
that looks good in all CAPS, because that's how fitness associates to me. It's muscles, rectangular shapes,
13

14
00:01:03,720 --> 00:01:05,520
not round, smooth shapes.
14

15
00:01:05,520 --> 00:01:06,000
Right?
15

16
00:01:06,040 --> 00:01:08,280
First I'm going to type out my phrase in here,
16

17
00:01:08,280 --> 00:01:12,640
"FITNESS COACH". In capital letters, because that's the style I want to check.
17

18
00:01:12,640 --> 00:01:16,120
This makes looking for the right font much much easier.
18

19
00:01:16,120 --> 00:01:19,360
I can instantly see how my text looks like.
19

20
00:01:19,360 --> 00:01:21,920
Now I'm going to refine my search results.
20

21
00:01:21,960 --> 00:01:27,200
We have different typeface categories, quite similar to what we previously discussed.
21

22
00:01:27,200 --> 00:01:33,440
The Handwriting category is the same as the Script category, that I've explained in my lesson.
22

23
00:01:33,440 --> 00:01:39,400
It's just a different way to call the same thing. And we have this extra category called Monospace, here.
23

24
00:01:39,680 --> 00:01:45,480
Monospace fonts are those where each letter occupies the same width. Look at the latter I for example,
24

25
00:01:45,480 --> 00:01:51,640
it's the same with as the letter T, but in most other fonts that's not the case. T is almost always wider
25

26
00:01:51,640 --> 00:01:58,720
than the I. Monospace fonts are generally used for typesetting computer code. It gives a lot of readability
26

27
00:01:59,040 --> 00:02:04,600
and distinguishes characters from each other. Which, you know, in code obviously is super important. To make
27

28
00:02:04,600 --> 00:02:11,640
sure that I is not mistaken with L, and then O is not mistaken with zero. Anyways, Monospace typeface
28

29
00:02:11,640 --> 00:02:18,720
isn't what I want for a Fitness Coach, so I'm going to deselect it. Neither I want handwritten typeface, because
29

30
00:02:18,720 --> 00:02:25,440
they don't display seriousness, strictness and power that I want. Nor I want classic looking Serif fonts
30

31
00:02:25,440 --> 00:02:26,320
for that matter.
31

32
00:02:26,720 --> 00:02:30,400
Okay, so Sans Serif and display categories are a good place to start.
32

33
00:02:30,400 --> 00:02:36,640
I'm also going to adjust one more filter, which is the thickness. As I mentioned, I want it to be bold
33

34
00:02:36,640 --> 00:02:40,160
and powerful looking, so I'm going to increase the thickness a little.
34

35
00:02:40,200 --> 00:02:46,920
This will show typefaces that has heavier style options inside, like Bold or Extra Bold.
35

36
00:02:47,000 --> 00:02:54,080
Alright, now as we can see I have a lot of good options that are quite suitable for the Fitness Coach.
36

37
00:02:54,320 --> 00:02:55,920
Look, Monserrat is excellent option.
37

38
00:02:55,960 --> 00:03:03,240
It's heavy, strong, bulky looking, just like muscles. I like how balanced and symmetrical is each letter.
38

39
00:03:03,240 --> 00:03:09,320
Some of the other options aren't a bad choice either, but this is quite great match. Before I choose
39

40
00:03:09,320 --> 00:03:09,880
this,
40

41
00:03:09,880 --> 00:03:12,240
remember what we need to do first?
41

42
00:03:12,400 --> 00:03:12,960
Exactly.
42

43
00:03:12,960 --> 00:03:15,840
We need to read the manual of this typeface.
43

44
00:03:15,840 --> 00:03:21,680
Let's make sure that the designer didn't intend this typeface for something, that conflicts with fitness
44

45
00:03:21,680 --> 00:03:22,560
coaching.
45

46
00:03:22,600 --> 00:03:26,240
So it says, it was inspired by urban typography.
46

47
00:03:26,240 --> 00:03:28,000
That's pretty suitable for us.
47

48
00:03:28,000 --> 00:03:31,800
It even mentions the keywords like work and dedication.
48

49
00:03:31,840 --> 00:03:38,280
Well, isn't that just great? Work and dedication is directly relatable to fitness coaching. Done.
49

50
00:03:38,320 --> 00:03:39,160
That's our font.
50

51
00:03:39,200 --> 00:03:42,400
So, now we can apply this font to our phrase in Figma.
51

52
00:03:42,480 --> 00:03:44,960
Just to note, Figma files that I share with you,
52

53
00:03:44,960 --> 00:03:52,360
they're supposed to duplicate automatically, so you get the copy of it in your account. But if they don't,
53

54
00:03:52,360 --> 00:04:01,720
don't forget, to go to this little dropdown by the name and then choose Duplicate it into your drafts.
54

55
00:04:02,040 --> 00:04:05,440
If it's already editable that means it automatically already duplicated.
55

56
00:04:05,480 --> 00:04:10,120
But if it's not, if you're trying to select something and if you see that it's not selecting, or it's
56

57
00:04:10,120 --> 00:04:16,720
not editing, that means that you are editing mine, you are basically seeing my original file in a view
57

58
00:04:16,760 --> 00:04:17,680
only mode.
58

59
00:04:17,680 --> 00:04:21,720
So, from the font selector, I'm going to select Montserrat. As a default,
59

60
00:04:21,760 --> 00:04:27,760
it will be in regular style but I want it bold and thick, so I'm going to select its boldest form, which
60

61
00:04:27,760 --> 00:04:29,280
is called Black.
61

62
00:04:29,280 --> 00:04:30,920
Also I want it to be Uppercase.
62

63
00:04:30,960 --> 00:04:35,160
Of course, I can type it out one more time with my Caps Lock on.
63

64
00:04:35,320 --> 00:04:37,640
But there is an easier way to do this.
64

65
00:04:37,640 --> 00:04:43,240
This link here opens up advanced type options and there we can select Uppercase.
65

66
00:04:43,240 --> 00:04:48,320
This way, no matter how I type my text, caps or not, it will display in Uppercase.
66

67
00:04:48,400 --> 00:04:51,640
This is also where you have Underline option, if you need it.
67

68
00:04:54,640 --> 00:04:59,240
In this box, I want you to explain your thought process on why you chose the font.
68

69
00:04:59,320 --> 00:05:02,360
So in my case, I would write what I already described.
69

70
00:05:17,200 --> 00:05:22,960
Don't skip this last step. To become a designer, you have to start thinking like a designer. To actually
70

71
00:05:22,960 --> 00:05:28,640
have a deeper understanding of every step and design decision that you make. And actually clients,
71

72
00:05:28,640 --> 00:05:31,280
your clients will definitely appreciate this.
72

73
00:05:31,320 --> 00:05:32,880
I remember they always did.
73

74
00:05:32,880 --> 00:05:38,920
I would send this email with, you know, step by step of major design decisions that I would make. About
74

75
00:05:38,920 --> 00:05:41,280
typefaces, or fonts and things like that.
75

76
00:05:41,440 --> 00:05:48,040
And in the beginning, I liked doing it. But then I kind of got lazy. And when I didn't write these descriptions
76

77
00:05:48,040 --> 00:05:54,880
of my thought process behind it, revisions increased. Because now they didn't trust what I had made
77

78
00:05:54,880 --> 00:06:01,440
a choice. And they wanted to review and, you know, change fonts or change colors or things like that. Because
78

79
00:06:01,440 --> 00:06:03,640
they thought, I just picked them out of nowhere.
79

80
00:06:03,640 --> 00:06:05,000
So definitely practice this.
80

81
00:06:05,080 --> 00:06:12,400
And then, when you work with your clients, show them how much thought process has been put behind the
81

82
00:06:12,400 --> 00:06:12,880
scenes.