0
1
00:00:00,150 --> 00:00:00,360
All right.
1

2
00:00:00,360 --> 00:00:04,840
We know that picking good colors is a very important thing to do in designs.
2

3
00:00:04,950 --> 00:00:09,230
But how do we know what's a good color? And what's a bad color? You might be thinking:
3

4
00:00:09,420 --> 00:00:11,290
"Oh no I have terrible taste in colors."
4

5
00:00:11,310 --> 00:00:13,170
Don't worry I don't have a good taste either,
5

6
00:00:13,170 --> 00:00:15,660
but there is a trick to picking colors.
6

7
00:00:15,750 --> 00:00:21,690
And the trick is to not to pick the colors from your head or directly inside Figma. But to steal colors.
7

8
00:00:21,780 --> 00:00:23,070
From some sort of inspiration.
8

9
00:00:23,070 --> 00:00:29,850
This can be other design work like websites, or illustrations, or posters...whatever. Or even from real world like
9

10
00:00:30,180 --> 00:00:30,810
photos.
10

11
00:00:30,870 --> 00:00:35,070
In this lesson, I'm going to teach you how to use the world around us, as our inspiration for our colors.
11

12
00:00:35,160 --> 00:00:41,960
Sampling colors from the real world like people, nature, animals, will almost always give you great results.
12

13
00:00:41,970 --> 00:00:42,840
Why?
13

14
00:00:42,840 --> 00:00:49,140
Because most of us already agreed that an orchid looks beautiful, but a cockroach not as much. Picking
14

15
00:00:49,140 --> 00:00:51,000
good colors is only half of the job.
15

16
00:00:51,000 --> 00:00:57,510
The second half is actually matching the right colors together, using real world as our inspiration solves
16

17
00:00:57,510 --> 00:00:58,360
this problem too.
17

18
00:00:58,380 --> 00:01:03,400
Because most of the time, natural world provides great color combinations.
18

19
00:01:03,420 --> 00:01:05,530
This photo of a lion looks beautiful.
19

20
00:01:05,550 --> 00:01:11,280
If we find a color palette that is already on this image, we can be sure that most of the time, these
20

21
00:01:11,280 --> 00:01:13,520
colors will really go together.
21

22
00:01:13,560 --> 00:01:16,710
Otherwise we wouldn't find a photo of this lion as appealing.
22

23
00:01:16,710 --> 00:01:19,880
We can sample a few dominant colors from the image.
23

24
00:01:20,110 --> 00:01:23,760
And now, we have a color palette that is natural and harmonious.
24

25
00:01:23,760 --> 00:01:25,460
Here's where it gets interesting.
25

26
00:01:25,470 --> 00:01:28,890
Let's say, we are designing a section that looks something like this.
26

27
00:01:28,890 --> 00:01:34,230
If we keep this photo and use it in our design, together with our new color palette, we're going to get
27

28
00:01:34,230 --> 00:01:40,170
some really good looking results. Because we're not just matching colors together, but we are actually matching
28

29
00:01:40,170 --> 00:01:41,610
colors with our image.
29

30
00:01:41,610 --> 00:01:49,630
We can then play around and use these colors for text, or backgrounds, or create very interesting color
30

31
00:01:49,630 --> 00:01:50,680
combinations.
31

32
00:01:50,770 --> 00:01:51,520
Look at that.
32

33
00:01:51,520 --> 00:01:55,360
It's like magic and I wasn't the one who came up with these colors.
33

34
00:01:55,360 --> 00:01:56,230
Mother nature did.